Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • actionBar.toggledBackground#45321d
  • activityBar.activeBackground#3d2c1a
  • activityBar.activeBorder#d4914a
  • activityBar.activeFocusBorder#d4914a
  • activityBar.background#181310
  • activityBar.border#3a2f21
  • activityBar.dropBorder#d4914a
  • activityBar.foreground#e8dcc6
  • activityBar.inactiveForeground#e8dcc680
  • activityBarBadge.background#7a5228
  • activityBarBadge.foreground#f2e8d8
  • activityBarTop.activeBackground#3d2c1a
  • activityBarTop.activeBorder#d4914a
  • activityBarTop.background#181310
  • activityBarTop.dropBorder#d4914a
  • activityBarTop.foreground#e8dcc6
  • activityBarTop.inactiveForeground#e8dcc680
  • activityErrorBadge.background#d68a8a
  • activityErrorBadge.foreground#1e1810
  • activityWarningBadge.background#bfae72
  • activityWarningBadge.foreground#1e1810
  • agentFeedbackEditorWidget.background#1e1810
  • agentFeedbackEditorWidget.border#3a2f21
  • agentFeedbackInputWidget.border#3a2f21
  • agents.background#1e1810
  • agentsBadge.background#7a5228
  • agentsBadge.foreground#f2e8d8
  • agentsChatInput.background#1e1810
  • agentsChatInput.border#3a2f21
  • agentsChatInput.focusBorder#d4914a
  • agentsChatInput.foreground#e8dcc6
  • agentsChatInput.placeholderForeground#8b7a61
  • agentSessionReadIndicator.foreground#e8dcc666
  • agentSessionSelectedBadge.border#d4914a
  • agentSessionSelectedUnfocusedBadge.border#d4914a80
  • agentsGradient.tintColor#d4914a
  • agentsNewSessionButton.background#2f2418
  • agentsNewSessionButton.border#33291d
  • agentsNewSessionButton.foreground#e8dcc6
  • agentsNewSessionButton.hoverBackground#3d2f1f
  • agentsPanel.background#181310
  • agentsPanel.border#3a2f21
  • agentsPanel.foreground#a3927a
  • agentStatusIndicator.background#e8dcc61a
  • agentsUnreadBadge.background#7a5228
  • agentsUnreadBadge.foreground#f2e8d8
  • agentsUpdateButton.downloadedBackground#7a5228b3
  • agentsUpdateButton.downloadingBackground#7a522866
  • agentsVoice.speakingBackground#d4914a33
  • agentsVoice.speakingForeground#d4914a
  • badge.background#7a5228
  • badge.foreground#f2e8d8
  • banner.background#181310
  • banner.foreground#c2b096
  • banner.iconForeground#d4914a
  • breadcrumb.activeSelectionForeground#e8dcc6
  • breadcrumb.background#1e1810
  • breadcrumb.focusForeground#e8dcc6
  • breadcrumb.foreground#e8dcc6a6
  • breadcrumbPicker.background#1e1810
  • button.background#7a5228
  • button.border#33291d80
  • button.foreground#f2e8d8
  • button.hoverBackground#8a5d2e
  • button.secondaryBackground#2f2418
  • button.secondaryBorder#33291d80
  • button.secondaryForeground#e8dcc6
  • button.secondaryHoverBackground#3d2f1f
  • button.separator#f2e8d866
  • charts.blue#82ada7
  • charts.foreground#e8dcc6
  • charts.green#9cb883
  • charts.lines#e8dcc666
  • charts.orange#bfae72
  • charts.purple#9cb883
  • charts.red#d68a8a
  • charts.yellow#bfae72
  • chat.avatarBackground#1e1810
  • chat.avatarForeground#e8dcc6
  • chat.checkpointSeparator#33291dcc
  • chat.dictationActiveMicGlow#d4914a
  • chat.editedFileForeground#bfae72
  • chat.findMatchBackground#d4914a4d
  • chat.findMatchHighlightBackground#d4914a26
  • chat.inputWorkingBorderColor1#d4914a
  • chat.inputWorkingBorderColor2#9cb883
  • chat.inputWorkingBorderColor3#8fadc2
  • chat.linesAddedForeground#9cb883
  • chat.linesRemovedForeground#d68a8a
  • chat.requestBackground#1e181080
  • chat.requestBorder#33291d
  • chat.requestBubbleBackground#1e181080
  • chat.requestBubbleHoverBackground#2b2116
  • chat.requestCodeBorder#33291d
  • chat.slashCommandBackground#d4914a33
  • chat.slashCommandForeground#f5ece0
  • chat.thinkingShimmer#d4914a
  • chat.voiceGlowBaseColor#d4914a
  • checkbox.background#1e1810
  • checkbox.border#3a2f21
  • checkbox.foreground#e8dcc6
  • checkbox.selectBackground#d4914a
  • checkbox.selectBorder#d4914a
  • commandCenter.activeBackground#1e1810cc
  • commandCenter.activeBorder#d4914a
  • commandCenter.activeForeground#f5ece0
  • commandCenter.background#1e1810
  • commandCenter.border#33291d
  • commandCenter.debuggingBackground#bfae7233
  • commandCenter.foreground#e8dcc6
  • commandCenter.inactiveBorder#33291d80
  • commandCenter.inactiveForeground#e8dcc6a6
  • commentsView.resolvedIcon#9cb883
  • commentsView.unresolvedIcon#bfae72
  • debugConsole.errorForeground#d68a8a
  • debugConsole.infoForeground#82ada7
  • debugConsole.sourceForeground#e2cfae
  • debugConsole.warningForeground#bfae72
  • debugIcon.breakpointForeground#d68a8a
  • debugIcon.pauseForeground#bfae72
  • debugIcon.startForeground#9cb883
  • debugIcon.stopForeground#d68a8a
  • debugTokenExpression.boolean#8fadc2
  • debugTokenExpression.error#d68a8a
  • debugTokenExpression.name#e2cfae
  • debugTokenExpression.number#c39bbb
  • debugTokenExpression.string#bfae72
  • debugTokenExpression.type#82ada7
  • debugTokenExpression.value#e8dcc6
  • debugToolBar.background#181310
  • debugToolBar.border#33291d
  • debugView.exceptionLabelBackground#d68a8a80
  • debugView.exceptionLabelForeground#e8dcc6
  • debugView.stateLabelBackground#e8dcc61a
  • debugView.stateLabelForeground#e8dcc6
  • debugView.valueChangedHighlight#82ada7
  • descriptionForeground#e8dcc6a6
  • diffEditor.border#33291d
  • diffEditor.diagonalFill#e8dcc626
  • diffEditor.insertedLineBackground#9cb8831a
  • diffEditor.insertedTextBackground#9cb88326
  • diffEditor.removedLineBackground#d68a8a1a
  • diffEditor.removedTextBackground#d68a8a26
  • diffEditorGutter.insertedLineBackground#9cb88333
  • diffEditorGutter.removedLineBackground#d68a8a33
  • diffEditorOverview.insertedForeground#9cb883
  • diffEditorOverview.removedForeground#d68a8a
  • dropdown.background#1e1810
  • dropdown.border#3a2f21
  • dropdown.foreground#e8dcc6
  • dropdown.listBackground#1e1810
  • editor.background#1e1810
  • editor.findMatchBackground#d4914a4d
  • editor.findMatchHighlightBackground#d4914a26
  • editor.focusedStackFrameHighlightBackground#9cb88326
  • editor.foldBackground#45321d33
  • editor.foreground#e8dcc6
  • editor.inactiveSelectionBackground#45321d66
  • editor.inlineValuesBackground#1e181000
  • editor.inlineValuesForeground#e8dcc673
  • editor.lineHighlightBackground#261f15
  • editor.linkedEditingBackground#d4914a33
  • editor.placeholder.foreground#e8dcc666
  • editor.rangeHighlightBackground#d4914a1a
  • editor.selectionBackground#45321d
  • editor.selectionHighlightBackground#45321d40
  • editor.snippetTabstopHighlightBackground#45321d4d
  • editor.snippetTabstopHighlightBorder#45321d00
  • editor.stackFrameHighlightBackground#bfae7226
  • editor.symbolHighlightBackground#d4914a33
  • editor.wordHighlightBackground#d4914a26
  • editor.wordHighlightStrongBackground#d4914a40
  • editorActionList.background#1e1810
  • editorActionList.focusBackground#45321d
  • editorActionList.focusForeground#f5ece0
  • editorActionList.foreground#e8dcc6
  • editorBracketHighlight.foreground1#c99566
  • editorBracketHighlight.foreground2#bfae72
  • editorBracketHighlight.foreground3#9cb883
  • editorBracketHighlight.foreground4#d68a8a
  • editorBracketHighlight.foreground5#8fadc2
  • editorBracketHighlight.foreground6#82ada7
  • editorBracketHighlight.unexpectedBracket.foreground#d68a8a
  • editorBracketMatch.background#4a3620
  • editorBracketMatch.border#d4914a
  • editorBracketPairGuide.activeBackground1#c9956640
  • editorBracketPairGuide.activeBackground2#bfae7240
  • editorBracketPairGuide.activeBackground3#9cb88340
  • editorBracketPairGuide.background1#c9956626
  • editorBracketPairGuide.background2#bfae7226
  • editorBracketPairGuide.background3#9cb88326
  • editorCodeLens.foreground#e8dcc666
  • editorCommentsWidget.rangeActiveBackground#82ada733
  • editorCommentsWidget.rangeBackground#82ada71a
  • editorCommentsWidget.replyInputBackground#1e1810
  • editorCommentsWidget.resolvedBorder#9cb883
  • editorCommentsWidget.unresolvedBorder#bfae72
  • editorCursor.foreground#d4914a
  • editorError.foreground#d68a8a
  • editorGhostText.background#1e181000
  • editorGhostText.border#1e181000
  • editorGhostText.foreground#e8dcc673
  • editorGroup.border#33291d
  • editorGroup.dropBackground#45321d1a
  • editorGroup.dropIntoPromptBackground#1e1810
  • editorGroup.dropIntoPromptBorder#33291d
  • editorGroup.dropIntoPromptForeground#e8dcc6
  • editorGroup.emptyBackground#1e1810
  • editorGroup.focusedEmptyBorder#d4914a
  • editorGroupHeader.border#33291d
  • editorGroupHeader.noTabsBackground#181310
  • editorGroupHeader.tabsBackground#181310
  • editorGroupHeader.tabsBorder#3a2f21
  • editorGutter.addedBackground#9cb883
  • editorGutter.addedSecondaryBackground#9cb88380
  • editorGutter.background#1e1810
  • editorGutter.commentGlyphForeground#e8dcc6
  • editorGutter.commentRangeForeground#e8dcc666
  • editorGutter.commentUnresolvedGlyphForeground#bfae72
  • editorGutter.deletedBackground#d68a8a
  • editorGutter.deletedSecondaryBackground#d68a8a80
  • editorGutter.foldingControlForeground#e8dcc6a6
  • editorGutter.modifiedBackground#bfae72
  • editorGutter.modifiedSecondaryBackground#bfae7280
  • editorHoverWidget.background#1e1810
  • editorHoverWidget.border#3a2f21
  • editorHoverWidget.foreground#e8dcc6
  • editorHoverWidget.highlightForeground#d4914a
  • editorHoverWidget.statusBarBackground#1e1810cc
  • editorIndentGuide.activeBackground#7a5030
  • editorIndentGuide.background#2b2116
  • editorInfo.foreground#82ada7
  • editorInlayHint.background#1e181000
  • editorInlayHint.foreground#e8dcc673
  • editorLightBulb.foreground#bfae72
  • editorLightBulbAutoFix.foreground#82ada7
  • editorLineNumber.activeForeground#a3927a
  • editorLineNumber.foreground#7d6749
  • editorLink.activeForeground#8fadc2
  • editorMarkerNavigation.background#1e1810
  • editorMarkerNavigationError.background#d68a8a1a
  • editorMarkerNavigationInfo.background#82ada71a
  • editorMarkerNavigationWarning.background#bfae721a
  • editorMultiCursor.primary.foreground#d4914a
  • editorMultiCursor.secondary.foreground#d4914a99
  • editorOverviewRuler.addedForeground#9cb88399
  • editorOverviewRuler.background#1e1810
  • editorOverviewRuler.border#33291d00
  • editorOverviewRuler.bracketMatchForeground#d4914a
  • editorOverviewRuler.commonContentForeground#3d2f1f
  • editorOverviewRuler.currentContentForeground#2a3a52
  • editorOverviewRuler.deletedForeground#d68a8a99
  • editorOverviewRuler.errorForeground#d68a8a
  • editorOverviewRuler.findMatchForeground#d4914a
  • editorOverviewRuler.incomingContentForeground#2c4028
  • editorOverviewRuler.infoForeground#82ada7
  • editorOverviewRuler.modifiedForeground#bfae7299
  • editorOverviewRuler.rangeHighlightForeground#d4914a00
  • editorOverviewRuler.selectionHighlightForeground#45321d00
  • editorOverviewRuler.warningForeground#bfae72
  • editorOverviewRuler.wordHighlightForeground#d4914a33
  • editorPane.background#1e1810
  • editorRuler.foreground#2b2116
  • editorStickyScroll.background#1e1810
  • editorStickyScroll.shadow#100c08b3
  • editorStickyScrollGutter.background#1e1810
  • editorStickyScrollHover.background#261f15
  • editorSuggestWidget.background#1e1810
  • editorSuggestWidget.border#3a2f21
  • editorSuggestWidget.focusHighlightForeground#d4914a
  • editorSuggestWidget.foreground#e8dcc6
  • editorSuggestWidget.highlightForeground#d4914a
  • editorSuggestWidget.selectedBackground#45321d
  • editorSuggestWidget.selectedForeground#f5ece0
  • editorSuggestWidget.selectedIconForeground#f5ece0
  • editorSuggestWidgetStatus.foreground#e8dcc666
  • editorWarning.foreground#bfae72
  • editorWhitespace.foreground#33291d
  • editorWidget.background#1e1810
  • editorWidget.border#3a2f21
  • editorWidget.foreground#e8dcc6
  • editorWidget.resizeBorder#d4914a
  • errorForeground#d68a8a
  • extensionBadge.remoteBackground#7a5228
  • extensionBadge.remoteForeground#f2e8d8
  • extensionButton.background#7a5228
  • extensionButton.border#33291d80
  • extensionButton.foreground#f2e8d8
  • extensionButton.hoverBackground#8a5d2e
  • extensionButton.prominentBackground#7a5228
  • extensionButton.prominentForeground#f2e8d8
  • extensionButton.prominentHoverBackground#8a5d2e
  • extensionButton.separator#f2e8d866
  • extensionIcon.preReleaseForeground#bfae72
  • extensionIcon.sponsorForeground#c39bbb
  • extensionIcon.starForeground#bfae72
  • extensionIcon.verifiedForeground#9cb883
  • focusBorder#d4914a
  • foreground#e8dcc6
  • git.blame.editorDecorationForeground#e8dcc666
  • gitDecoration.addedResourceForeground#9cb883
  • gitDecoration.conflictingResourceForeground#c39bbb
  • gitDecoration.deletedResourceForeground#d68a8a
  • gitDecoration.ignoredResourceForeground#7a6449
  • gitDecoration.modifiedResourceForeground#bfae72
  • gitDecoration.renamedResourceForeground#82ada7
  • gitDecoration.stageDeletedResourceForeground#d68a8acc
  • gitDecoration.stageModifiedResourceForeground#bfae72cc
  • gitDecoration.submoduleResourceForeground#82ada7
  • gitDecoration.untrackedResourceForeground#9cb883
  • icon.foreground#a3927a
  • inlineChat.background#1e1810
  • inlineChat.border#3a2f21
  • inlineChat.foreground#e8dcc6
  • inlineChat.shadow#100c08b3
  • inlineChatDiff.inserted#9cb8831a
  • inlineChatDiff.removed#d68a8a1a
  • inlineChatInput.background#1e1810
  • inlineChatInput.border#3a2f21
  • inlineChatInput.focusBorder#d4914a
  • inlineChatInput.placeholderForeground#8b7a61
  • inlineEdit.gutterIndicator.background#e8dcc61a
  • inlineEdit.gutterIndicator.primaryBackground#d4914a
  • inlineEdit.gutterIndicator.primaryBorder#d4914a
  • inlineEdit.gutterIndicator.primaryForeground#1e1810
  • inlineEdit.gutterIndicator.secondaryBackground#e8dcc633
  • inlineEdit.gutterIndicator.secondaryBorder#33291d80
  • inlineEdit.gutterIndicator.secondaryForeground#e8dcc6
  • inlineEdit.gutterIndicator.successfulBackground#9cb883
  • inlineEdit.gutterIndicator.successfulBorder#9cb883
  • inlineEdit.gutterIndicator.successfulForeground#1e1810
  • inlineEdit.modifiedBackground#9cb8831a
  • inlineEdit.modifiedBorder#9cb88366
  • inlineEdit.modifiedChangedLineBackground#9cb88333
  • inlineEdit.modifiedChangedTextBackground#9cb88326
  • inlineEdit.originalBackground#d68a8a1a
  • inlineEdit.originalBorder#d68a8a66
  • inlineEdit.originalChangedLineBackground#d68a8a33
  • inlineEdit.originalChangedTextBackground#d68a8a26
  • inlineEdit.tabWillAcceptModifiedBorder#9cb883
  • inlineEdit.tabWillAcceptOriginalBorder#d68a8a
  • input.background#1e1810
  • input.border#3a2f21
  • input.foreground#e8dcc6
  • input.placeholderForeground#8b7a61
  • inputOption.activeBackground#d4914a33
  • inputOption.activeBorder#d4914a
  • inputOption.activeForeground#e8dcc6
  • inputOption.hoverBackground#d4914a26
  • inputValidation.errorBackground#3d2020
  • inputValidation.errorBorder#d68a8a
  • inputValidation.errorForeground#e8dcc6
  • inputValidation.infoBackground#82ada733
  • inputValidation.infoBorder#82ada7
  • inputValidation.infoForeground#e8dcc6
  • inputValidation.warningBackground#bfae7233
  • inputValidation.warningBorder#bfae72
  • inputValidation.warningForeground#e8dcc6
  • interactive.activeCodeBorder#d4914a
  • interactive.inactiveCodeBorder#33291d
  • keybindingLabel.background#1e1810
  • keybindingLabel.border#33291d
  • keybindingLabel.bottomBorder#33291d
  • keybindingLabel.foreground#e8dcc6
  • keybindingTable.headerBackground#1e1810cc
  • keybindingTable.rowsBackground#1e181080
  • list.activeSelectionBackground#45321d
  • list.activeSelectionForeground#f5ece0
  • list.activeSelectionIconForeground#f5ece0
  • list.deemphasizedForeground#e8dcc680
  • list.dropBackground#45321d66
  • list.dropBetweenBackground#d4914a
  • list.errorForeground#d68a8a
  • list.filterMatchBackground#d4914a33
  • list.filterMatchBorder#d4914a66
  • list.focusAndSelectionOutline#d4914a
  • list.focusBackground#38291b
  • list.focusForeground#e8dcc6
  • list.focusHighlightForeground#d4914a
  • list.focusOutline#d4914a
  • list.highlightForeground#d4914a
  • list.hoverBackground#2b2116
  • list.hoverForeground#e8dcc6
  • list.inactiveFocusBackground#2b2116
  • list.inactiveFocusOutline#d4914a80
  • list.inactiveSelectionBackground#2b2116
  • list.inactiveSelectionForeground#e8dcc6
  • list.inactiveSelectionIconForeground#e8dcc6
  • list.invalidItemForeground#d68a8a
  • list.warningForeground#bfae72
  • listFilterWidget.background#1e1810
  • listFilterWidget.noMatchesOutline#d68a8a
  • listFilterWidget.outline#d4914a00
  • listFilterWidget.shadow#100c08b3
  • menu.background#1e1810
  • menu.border#33291d
  • menu.foreground#e8dcc6
  • menu.selectionBackground#45321d
  • menu.selectionBorder#d4914a00
  • menu.selectionForeground#f5ece0
  • menu.separatorBackground#33291d
  • menubar.selectionBackground#2b2116
  • menubar.selectionBorder#d4914a00
  • menubar.selectionForeground#e8dcc6
  • merge.border#33291d
  • merge.commonContentBackground#2b211640
  • merge.commonHeaderBackground#3d2f1f40
  • merge.currentContentBackground#1c283840
  • merge.currentHeaderBackground#2a3a5240
  • merge.incomingContentBackground#1e2c1c40
  • merge.incomingHeaderBackground#2c402840
  • minimap.errorHighlight#d68a8a
  • minimap.findMatchHighlight#d4914a
  • minimap.selectionHighlight#45321d
  • minimap.warningHighlight#bfae72
  • minimapGutter.addedBackground#9cb883
  • minimapGutter.deletedBackground#d68a8a
  • minimapGutter.modifiedBackground#bfae72
  • minimapSlider.activeBackground#d4914a80
  • minimapSlider.background#43331f80
  • minimapSlider.hoverBackground#57422a80
  • modernEditorTab.inactiveBackground#3d2c1a99
  • modernTab.activeBackground#3d2c1a
  • modernTab.activeForeground#f5ece0
  • modernTab.hoverBackground#3d2c1a80
  • modernTab.hoverForeground#f5ece0
  • multiDiffEditor.border#33291d
  • multiDiffEditor.headerBackground#181310
  • notebook.cellBorderColor#33291d66
  • notebook.cellEditorBackground#1e1810
  • notebook.cellStatusBarItemHoverBackground#e8dcc61a
  • notebook.focusedCellBackground#1e181000
  • notebook.focusedCellBorder#d4914a
  • notebookStatusErrorIcon.foreground#d68a8a
  • notebookStatusRunningIcon.foreground#82ada7
  • notebookStatusSuccessIcon.foreground#9cb883
  • notificationCenter.border#33291d
  • notificationCenterHeader.background#1e1810cc
  • notificationCenterHeader.foreground#e8dcc6
  • notificationLink.foreground#7a5228
  • notifications.background#1e1810
  • notifications.border#33291d
  • notifications.foreground#e8dcc6
  • notificationsErrorIcon.foreground#d68a8a
  • notificationsInfoIcon.foreground#82ada7
  • notificationsWarningIcon.foreground#bfae72
  • notificationToast.border#33291d
  • outputView.background#181310
  • outputViewStickyScroll.background#181310
  • panel.background#181310
  • panel.border#3a2f21
  • panel.dropBorder#d4914a
  • panelInput.border#3a2f21
  • panelSection.border#3a2f21
  • panelSection.dropBackground#e8dcc61a
  • panelSectionHeader.background#1e181000
  • panelSectionHeader.border#3a2f21
  • panelSectionHeader.foreground#e8dcc6
  • panelStickyScroll.background#181310
  • panelStickyScroll.border#3a2f21
  • panelStickyScroll.shadow#100c08b3
  • panelTitle.activeBorder#d4914a
  • panelTitle.activeForeground#e8dcc6
  • panelTitle.border#3a2f21
  • panelTitle.inactiveForeground#e8dcc699
  • panelTitleBadge.background#7a5228
  • panelTitleBadge.foreground#f2e8d8
  • peekView.border#d4914a
  • peekViewEditor.background#1e1810
  • peekViewEditor.matchHighlightBackground#d4914a4d
  • peekViewEditorStickyScroll.background#1e1810
  • peekViewResult.background#181310
  • peekViewResult.fileForeground#a3927a
  • peekViewResult.lineForeground#e8dcc6
  • peekViewResult.matchHighlightBackground#d4914a4d
  • peekViewResult.selectionBackground#38291b
  • peekViewResult.selectionForeground#e8dcc6
  • peekViewTitle.background#1e1810
  • peekViewTitleDescription.foreground#a3927a
  • peekViewTitleLabel.foreground#e8dcc6
  • pickerGroup.border#33291d
  • pickerGroup.foreground#d4914a
  • ports.iconRunningProcessForeground#9cb883
  • problemsErrorIcon.foreground#d68a8a
  • problemsInfoIcon.foreground#82ada7
  • problemsWarningIcon.foreground#bfae72
  • profileBadge.background#7a5228
  • profileBadge.foreground#f2e8d8
  • profiles.sashBorder#33291d
  • progressBar.background#d4914a
  • quickInput.background#1e1810
  • quickInput.foreground#e8dcc6
  • quickInputList.focusBackground#45321d
  • quickInputList.focusForeground#f5ece0
  • quickInputList.focusHighlightForeground#d4914a
  • quickInputList.focusIconForeground#f5ece0
  • quickInputTitle.background#181310
  • radio.activeBackground#d4914a33
  • radio.activeBorder#d4914a
  • radio.activeForeground#e8dcc6
  • radio.inactiveBackground#1e181080
  • radio.inactiveBorder#3a2f2180
  • radio.inactiveForeground#e8dcc6a6
  • sash.hoverBorder#d4914a
  • scmGraph.foreground1#c99566
  • scmGraph.foreground2#bfae72
  • scmGraph.foreground3#9cb883
  • scmGraph.foreground4#d68a8a
  • scmGraph.foreground5#8fadc2
  • scmGraph.historyItemBaseRefColor#8fadc2
  • scmGraph.historyItemHoverAdditionsForeground#9cb883
  • scmGraph.historyItemHoverDefaultLabelBackground#e8dcc61a
  • scmGraph.historyItemHoverDefaultLabelForeground#e8dcc6
  • scmGraph.historyItemHoverDeletionsForeground#d68a8a
  • scmGraph.historyItemHoverLabelForeground#1e1810
  • scmGraph.historyItemRefColor#82ada7
  • scmGraph.historyItemRemoteRefColor#9cb883
  • scrollbar.shadow#000000b3
  • scrollbarSlider.activeBackground#d4914a
  • scrollbarSlider.background#43331f
  • scrollbarSlider.hoverBackground#57422a
  • searchEditor.findMatchBackground#d4914a4d
  • searchEditor.textInputBorder#3a2f21
  • selection.background#45321d
  • settings.checkboxBackground#1e1810
  • settings.checkboxBorder#3a2f21
  • settings.checkboxForeground#e8dcc6
  • settings.dropdownBackground#1e1810
  • settings.dropdownBorder#3a2f21
  • settings.dropdownForeground#e8dcc6
  • settings.dropdownListBorder#3a2f21
  • settings.focusedRowBackground#38291b
  • settings.focusedRowBorder#d4914a66
  • settings.headerBorder#33291d
  • settings.headerForeground#e8dcc6
  • settings.modifiedItemIndicator#bfae72
  • settings.numberInputBackground#1e1810
  • settings.numberInputBorder#3a2f21
  • settings.numberInputForeground#c39bbb
  • settings.rowHoverBackground#2b2116
  • settings.sashBorder#33291d
  • settings.textInputBackground#1e1810
  • settings.textInputBorder#3a2f21
  • settings.textInputForeground#e8dcc6
  • sideBar.background#181310
  • sideBar.border#3a2f21
  • sideBar.dropBackground#a3927a1a
  • sideBar.foreground#a3927a
  • sideBarActivityBarTop.border#3a2f21
  • sideBarSectionHeader.background#181310
  • sideBarSectionHeader.border#3a2f21
  • sideBarSectionHeader.foreground#e8dcc6
  • sideBarStickyScroll.background#181310
  • sideBarStickyScroll.border#3a2f21
  • sideBarStickyScroll.shadow#100c08b3
  • sideBarTitle.background#181310
  • sideBarTitle.border#3a2f21
  • sideBarTitle.foreground#e8dcc6
  • sideBySideEditor.horizontalBorder#33291d
  • sideBySideEditor.verticalBorder#33291d
  • simpleFindWidget.sashBorder#33291d
  • statusBar.background#181310
  • statusBar.border#3a2f21
  • statusBar.debuggingBackground#bfae72
  • statusBar.debuggingBorder#bfae72
  • statusBar.debuggingForeground#1e1810
  • statusBar.focusBorder#7a5228
  • statusBar.foreground#c2b096
  • statusBar.noFolderBackground#181310
  • statusBar.noFolderBorder#3a2f21
  • statusBar.noFolderForeground#e8dcc6a6
  • statusBarItem.activeBackground#38291b
  • statusBarItem.compactHoverBackground#38291b
  • statusBarItem.errorBackground#d68a8a
  • statusBarItem.errorForeground#1e1810
  • statusBarItem.errorHoverBackground#2b2116
  • statusBarItem.errorHoverForeground#d68a8a
  • statusBarItem.focusBorder#7a5228
  • statusBarItem.hoverBackground#2b2116
  • statusBarItem.hoverForeground#c2b096
  • statusBarItem.offlineBackground#d68a8a
  • statusBarItem.offlineForeground#1e1810
  • statusBarItem.offlineHoverBackground#2b2116
  • statusBarItem.offlineHoverForeground#d68a8a
  • statusBarItem.prominentBackground#7a5228
  • statusBarItem.prominentForeground#f2e8d8
  • statusBarItem.prominentHoverBackground#8a5d2e
  • statusBarItem.prominentHoverForeground#f2e8d8
  • statusBarItem.remoteBackground#7a5228
  • statusBarItem.remoteForeground#f2e8d8
  • statusBarItem.remoteHoverBackground#8a5d2e
  • statusBarItem.remoteHoverForeground#f2e8d8
  • statusBarItem.warningBackground#bfae72
  • statusBarItem.warningForeground#1e1810
  • statusBarItem.warningHoverBackground#2b2116
  • statusBarItem.warningHoverForeground#bfae72
  • surface.background#181310
  • surface.border#3a2f21
  • surface.foreground#e8dcc6
  • symbolIcon.arrayForeground#82ada7
  • symbolIcon.booleanForeground#8fadc2
  • symbolIcon.classForeground#9bbccf
  • symbolIcon.constantForeground#8fadc2
  • symbolIcon.constructorForeground#9cb883
  • symbolIcon.enumeratorForeground#82ada7
  • symbolIcon.fieldForeground#e2cfae
  • symbolIcon.functionForeground#9cb883
  • symbolIcon.interfaceForeground#82ada7
  • symbolIcon.keywordForeground#c99566
  • symbolIcon.methodForeground#9cb883
  • symbolIcon.numberForeground#c39bbb
  • symbolIcon.operatorForeground#a3927a
  • symbolIcon.stringForeground#bfae72
  • symbolIcon.variableForeground#e2cfae
  • tab.activeBackground#3d2c1a
  • tab.activeBorder#d4914a
  • tab.activeBorderTop#d4914a
  • tab.activeForeground#f5ece0
  • tab.activeModifiedBorder#bfae72
  • tab.border#3a2f21
  • tab.dragAndDropBorder#d4914a
  • tab.hoverBackground#3d2c1a80
  • tab.hoverBorder#d4914a80
  • tab.hoverForeground#f5ece0
  • tab.inactiveBackground#3d2c1a99
  • tab.inactiveForeground#9e8c72
  • tab.inactiveModifiedBorder#bfae72a6
  • tab.lastPinnedBorder#33291d
  • tab.selectedBackground#3d2c1a
  • tab.selectedBorderTop#d4914a
  • tab.selectedForeground#f5ece0
  • tab.unfocusedActiveBackground#3d2c1acc
  • tab.unfocusedActiveBorder#d4914aa6
  • tab.unfocusedActiveBorderTop#d4914aa6
  • tab.unfocusedActiveForeground#f5ece0a6
  • tab.unfocusedActiveModifiedBorder#bfae7280
  • tab.unfocusedHoverBackground#3d2c1a66
  • tab.unfocusedHoverBorder#d4914a33
  • tab.unfocusedHoverForeground#f5ece0a6
  • tab.unfocusedInactiveBackground#3d2c1a40
  • tab.unfocusedInactiveForeground#9e8c72cc
  • tab.unfocusedInactiveModifiedBorder#bfae7266
  • terminal.ansiBlack#1e1810
  • terminal.ansiBlue#8fadc2
  • terminal.ansiBrightBlack#6b573c
  • terminal.ansiBrightBlue#a8c3d6
  • terminal.ansiBrightCyan#9cc3bd
  • terminal.ansiBrightGreen#b3cc9c
  • terminal.ansiBrightMagenta#d6b5cf
  • terminal.ansiBrightRed#e0a3a3
  • terminal.ansiBrightWhite#e8dcc6
  • terminal.ansiBrightYellow#d4c48c
  • terminal.ansiCyan#82ada7
  • terminal.ansiGreen#9cb883
  • terminal.ansiMagenta#c39bbb
  • terminal.ansiRed#d68a8a
  • terminal.ansiWhite#a3927a
  • terminal.ansiYellow#bfae72
  • terminal.background#181310
  • terminal.border#3a2f21
  • terminal.dropBackground#45321d1a
  • terminal.findMatchBackground#d4914a4d
  • terminal.findMatchBorder#d4914a
  • terminal.findMatchHighlightBackground#d4914a26
  • terminal.findMatchHighlightBorder#d4914a66
  • terminal.foreground#e8dcc6
  • terminal.hoverHighlightBackground#d4914a33
  • terminal.inactiveSelectionBackground#45321d80
  • terminal.initialHintForeground#e8dcc666
  • terminal.selectionBackground#45321d
  • terminal.tab.activeBorder#d4914a
  • terminalCommandDecoration.defaultBackground#e8dcc666
  • terminalCommandDecoration.errorBackground#d68a8a
  • terminalCommandDecoration.successBackground#9cb883
  • terminalCommandGuide.foreground#e8dcc633
  • terminalCursor.background#1e1810
  • terminalCursor.foreground#d4914a
  • terminalOverviewRuler.border#3a2f21
  • terminalOverviewRuler.cursorForeground#d4914a
  • terminalOverviewRuler.findMatchForeground#d4914a
  • terminalStickyScroll.background#181310
  • terminalStickyScroll.border#3a2f21
  • terminalStickyScrollHover.background#2b2116
  • terminalSymbolIcon.aliasForeground#9cb883
  • terminalSymbolIcon.argumentForeground#e2cfae
  • terminalSymbolIcon.branchForeground#bfae72
  • terminalSymbolIcon.commitForeground#8fadc2
  • terminalSymbolIcon.fileForeground#e8dcc6
  • terminalSymbolIcon.flagForeground#c99566
  • terminalSymbolIcon.folderForeground#82ada7
  • terminalSymbolIcon.inlineSuggestionForeground#e8dcc666
  • terminalSymbolIcon.methodForeground#9cb883
  • terminalSymbolIcon.optionForeground#c99566
  • terminalSymbolIcon.optionValueForeground#c39bbb
  • terminalSymbolIcon.pullRequestDoneForeground#9cb883
  • terminalSymbolIcon.pullRequestForeground#9cb883
  • terminalSymbolIcon.remoteForeground#82ada7
  • terminalSymbolIcon.stashForeground#9bbccf
  • terminalSymbolIcon.symbolicLinkFileForeground#82ada7
  • terminalSymbolIcon.symbolicLinkFolderForeground#82ada7
  • terminalSymbolIcon.symbolText#e8dcc6
  • terminalSymbolIcon.tagForeground#c99566
  • testing.coverCountBadgeBackground#7a5228
  • testing.coverCountBadgeForeground#f2e8d8
  • testing.coveredBackground#9cb88326
  • testing.coveredBorder#9cb88366
  • testing.coveredGutterBackground#9cb88333
  • testing.iconErrored#dfa0a0
  • testing.iconFailed#d68a8a
  • testing.iconPassed#9cb883
  • testing.iconQueued#bfae72
  • testing.iconSkipped#a3927a
  • testing.iconUnset#7a6449
  • testing.message.error.badgeBackground#d68a8a
  • testing.message.error.badgeBorder#d68a8a80
  • testing.message.error.badgeForeground#1e1810
  • testing.message.error.lineBackground#d68a8a1a
  • testing.message.info.decorationForeground#82ada7
  • testing.message.info.lineBackground#82ada71a
  • testing.peekBorder#d4914a
  • testing.peekHeaderBackground#181310
  • testing.runAction#9cb883
  • testing.uncoveredBackground#d68a8a26
  • testing.uncoveredBorder#d68a8a66
  • testing.uncoveredBranchBackground#bfae7233
  • testing.uncoveredGutterBackground#d68a8a33
  • textBlockQuote.background#18131080
  • textBlockQuote.border#d4914a
  • textCodeBlock.background#1e1810
  • textLink.activeForeground#8a5d2e
  • textLink.foreground#7a5228
  • textPreformat.background#e8dcc61a
  • textPreformat.border#33291d80
  • textPreformat.foreground#bfae72
  • textSeparator.foreground#33291d
  • titleBar.activeBackground#181310
  • titleBar.activeForeground#c2b096
  • titleBar.border#33291d
  • titleBar.inactiveBackground#120e0a
  • titleBar.inactiveForeground#c2b09699
  • toolbar.activeBackground#e8dcc633
  • toolbar.hoverBackground#e8dcc61a
  • toolbar.hoverOutline#d4914a00
  • tree.inactiveIndentGuidesStroke#e8dcc61a
  • tree.indentGuidesStroke#e8dcc626
  • tree.tableColumnsBorder#33291d80
  • tree.tableOddRowsBackground#e8dcc61a
  • walkThrough.embeddedEditorBackground#1e1810
  • welcomePage.background#1e1810
  • welcomePage.progress.background#1e1810
  • welcomePage.progress.foreground#d4914a
  • welcomePage.tileBackground#1e1810
  • welcomePage.tileBorder#33291d80
  • welcomePage.tileHoverBackground#2b2116
  • widget.border#3a2f21
  • widget.shadow#100c08b3
  • window.activeBorder#33291d
  • window.inactiveBorder#33291d99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, variable.language#c99566—
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#9cb883—
keyword.control#c99566italic
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag#a3927a—
entity.name.function, support.function, meta.function-call.generic#9cb883—
variable, support.variable, meta.object-literal.key, entity.name.variable#e2cfae—
entity.name.type, entity.name.class, support.class, storage.type.cs#9bbccf—
entity.name.type.interface, support.type, entity.name.type.ts#82ada7—
string, constant.character.escape#bfae72—
constant.numeric#c39bbb—
constant.language, constant.other#8fadc2—
comment#7a6449—
comment.line, punctuation.definition.comment, string.quoted.docstring—italic
keyword.control.import, keyword.control.export, keyword.control.from, meta.import string#c99566—
variable.language.this, variable.language.super#8fadc2italic
support.type.object.console, support.type.object.dom#9bbccf—
support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx#9bbccf—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#e2cfaeitalic
punctuation.definition.template-expression#a3927a—
entity.name.tag#c99566—
entity.other.attribute-name.html#e2cfaeitalic
punctuation.definition.tag#a3927a—
entity.other.attribute-name.class.css#9bbccf—
entity.other.attribute-name.id.css#9cb883—
entity.name.tag.css#c99566—
support.type.property-name.css, support.type.vendored.property-name#e2cfae—
support.constant.property-value, keyword.other.unit, constant.numeric.css#c39bbb—
entity.other.attribute-name.class#9cb883—
entity.name.type.namespace.cs#82ada7—
entity.name.type.class.cs, entity.name.type.interface.cs#9bbccf—
entity.name.function.cs#9cb883—
entity.name.variable.local.cs, entity.name.variable.field.cs#e2cfae—
keyword.other.using.cs#c99566—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#8fadc2italic
meta.function.decorator.python, entity.name.function.decorator#9cb883—
storage.type.annotation, meta.attribute.php#a3927a—
storage.modifier.import, storage.modifier.package, keyword.control.import#c99566—
support.class.php, constant.other.php#9bbccf—
variable.other.php#e2cfae—
support.function.go#9cb883—
entity.name.lifetime.rust, storage.modifier.lifetime.rust#a3927aitalic
support.function.macro.rust#9cb883—
markup.heading, entity.name.section.markdown, markup.heading.setext#9bbccfbold
markup.bold#c99566bold
markup.italic#e2cfaeitalic
string.other.link.title.markdown#9cb883—
markup.underline.link#bfae72—
markup.inline.raw#e2cfaeitalic
markup.raw.block#e2cfae—
markup.quote#7a6449italic
punctuation.definition.list.begin.markdown#a3927a—
support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml#e2cfae—
constant.language.json, string.unquoted.plain.out.yaml#bfae72—
keyword.other.DML.sql, keyword.other.DDL.sql#c99566—
support.function.sql#9cb883—
markup.inserted.diff#9cb883—
markup.deleted.diff#d68a8a—
markup.changed.diff#bfae72—
variable.other.normal.shell, variable.other.positional.shell, source.env variable#e2cfae—
support.function.builtin.shell, entity.name.command.shell#9cb883—
keyword.other.special-method.dockerfile#c99566—
entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby#9bbccf—
entity.name.function.ruby, support.function.ruby#9cb883—
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby#8fadc2—
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby#e2cfae—
keyword.control.ruby, keyword.other.special-method.ruby#c99566—
string.regexp.ruby#bfae72—
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin#9bbccf—
entity.name.function.kotlin, support.function.kotlin#9cb883—
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin#c99566—
entity.name.type.swift, support.type.swift, entity.name.type.class.swift#9bbccf—
entity.name.function.swift, support.function.swift#9cb883—
keyword.control.swift, storage.type.swift, storage.modifier.swift#c99566—
support.class.dart, entity.name.type.class.dart#9bbccf—
entity.name.function.dart, support.function.dart#9cb883—
keyword.control.dart, storage.type.dart, storage.modifier.dart#c99566—
entity.name.class.scala, entity.name.type.class.scala#9bbccf—
entity.name.function.scala#9cb883—
keyword.control.scala, storage.type.scala#c99566—
entity.name.function.lua, support.function.lua#9cb883—
keyword.control.lua#c99566—
entity.name.function.r, support.function.r#9cb883—
keyword.control.r#c99566—
constant.language.r#8fadc2—
entity.name.type.class.elixir, entity.name.type.module.elixir#9bbccf—
entity.name.function.elixir, entity.name.function.macro.elixir#9cb883—
keyword.control.elixir#c99566—
variable.other.constant.elixir, constant.other.symbol.elixir#8fadc2—
entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell#82ada7—
entity.name.function.haskell#9cb883—
keyword.other.haskell#c99566—
entity.name.tag.xml, entity.name.tag.localname.xml#c99566—
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#82ada7—
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#e2cfaeitalic
support.type.graphql, entity.name.type.graphql#9bbccf—
keyword.operation.graphql, keyword.type.graphql, storage.type.graphql#c99566—
variable.graphql, variable.other.property.graphql#e2cfae—
entity.name.fragment.graphql#9cb883—
entity.name.tag.svelte#9bbccf—
support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte#c99566italic
entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue#c99566italic
entity.name.tag.template.vue#9bbccf—
string.regexp#bfae72—
constant.other.symbol#8fadc2—
entity.name.type.module, entity.name.namespace, storage.modifier.module#82ada7—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end#82ada7—
Aether Themes by Diogo Pereira - VS Code Theme