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#E1E1D8fe
  • activityBar.activeBackground#E1E1D8fe
  • activityBar.activeBorder#6F1B64fe
  • activityBar.activeFocusBorder#7979B900
  • activityBar.background#F0F0EBfe
  • activityBar.border#488E4800
  • activityBar.dropBorder#652760fe
  • activityBar.foreground#76036Cfe
  • activityBar.inactiveForeground#43433365
  • activityBarBadge.background#8E3785fe
  • activityBarBadge.foreground#F0F0EBfe
  • badge.background#96378Cfe
  • badge.foreground#F0F0EBfe
  • banner.background#E1E1D8fe
  • banner.foreground#3A3A12ce
  • banner.iconForeground#3B2C6Ffe
  • breadcrumb.activeSelectionForeground#183A5Cca
  • breadcrumb.background#ECECE6fe
  • breadcrumb.focusForeground#86367Efe
  • breadcrumb.foreground#3A3A13ae
  • breadcrumbPicker.background#E1E1D8fe
  • button.background#BCBCA7ae
  • button.border#F7F5F600
  • button.foreground#3A3A12ce
  • button.hoverBackground#AAAA8F6e
  • button.secondaryBackground#E1E1D8fe
  • button.secondaryForeground#3A3A12ce
  • button.secondaryHoverBackground#E1E1D8fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#3A3A12ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F3F3F0fe
  • chat.slashCommandBackground#E1E1D8fe
  • chat.slashCommandForeground#3A3A12ce
  • checkbox.background#F3F3F0fe
  • checkbox.border#F3F3F0fe
  • checkbox.foreground#3A3A12ce
  • checkbox.selectBackground#F3F3F0fe
  • checkbox.selectBorder#F3F3F0fe
  • commandCenter.activeBackground#D9D6E087
  • commandCenter.activeBorder#F3F3F0fe
  • commandCenter.activeForeground#71326Afe
  • commandCenter.background#E1E1D8fe
  • commandCenter.border#F3F3F0fe
  • commandCenter.foreground#3A3A12ce
  • commandCenter.inactiveBorder#D9D9CD97
  • commandCenter.inactiveForeground#4D4D3A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#3A3A12ce
  • debugConsole.sourceForeground#3A3A12ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#3A3A08fe
  • debugExceptionWidget.background#FFC6FFa5
  • debugExceptionWidget.border#F3F3F0fe
  • debugIcon.breakpointCurrentStackframeForeground#6F1414fe
  • debugIcon.breakpointDisabledForeground#54541965
  • debugIcon.breakpointForeground#183F2Efe
  • debugIcon.breakpointStackframeForeground#014125fe
  • debugIcon.breakpointUnverifiedForeground#1A4013fe
  • debugIcon.continueForeground#4A3131fe
  • debugIcon.disconnectForeground#3D315Dfe
  • debugIcon.pauseForeground#303943fe
  • debugIcon.restartForeground#730C0Cfe
  • debugIcon.startForeground#502F2Ffe
  • debugIcon.stepBackForeground#5A234Bfe
  • debugIcon.stepIntoForeground#601E4Afe
  • debugIcon.stepOutForeground#203F1Cfe
  • debugIcon.stepOverForeground#2C384Cfe
  • debugIcon.stopForeground#183F2Efe
  • debugTokenExpression.boolean#181812ca
  • debugTokenExpression.error#1F1D26ca
  • debugTokenExpression.name#261D23ca
  • debugTokenExpression.number#161D1Aca
  • debugTokenExpression.value#1A2119ca
  • debugToolBar.background#FFC6FFa2
  • debugToolBar.border#F3F3F0fe
  • debugView.exceptionLabelBackground#D9D9CEca
  • debugView.exceptionLabelForeground#203F1Cca
  • debugView.stateLabelBackground#DADACFca
  • debugView.stateLabelForeground#1F3959ca
  • debugView.valueChangedHighlight#23202Bca
  • descriptionForeground#3A3A12ce
  • diffEditor.border#FBFAFA00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#BBE2BDfb
  • diffEditor.insertedTextBorder#F7F5F600
  • diffEditor.move.border#F7F5F600
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFCBCB31
  • diffEditor.removedTextBackground#FFCCCCfb
  • diffEditor.removedTextBorder#F7F5F600
  • diffEditor.unchangedCodeBackground#E1E1D8fe
  • diffEditor.unchangedRegionBackground#E1E1D8fe
  • diffEditor.unchangedRegionForeground#3A3A12ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4D4D3A65
  • dropdown.background#F3F3F0fe
  • dropdown.border#F3F3F0fe
  • dropdown.foreground#3A3A12ce
  • dropdown.listBackground#F3F3F0fe
  • editor.background#E1E1D8fe
  • editor.findMatchBackground#A38686a2
  • editor.findMatchBorder#F3F3F0fe
  • editor.findMatchHighlightBackground#B1B9C4a7
  • editor.findMatchHighlightBorder#F3F3F0fe
  • editor.findRangeHighlightBackground#A68A8Aa9
  • editor.findRangeHighlightBorder#F3F3F0fe
  • editor.focusedStackFrameHighlightBackground#A3B9AF85
  • editor.foldBackground#355A2Fa6
  • editor.foreground#3A3A12ce
  • editor.hoverHighlightBackground#C4B1B1a6
  • editor.inactiveSelectionBackground#CBCBBB97
  • editor.inlineValuesBackground#E1E1D8fe
  • editor.inlineValuesForeground#3A3A12ce
  • editor.lineHighlightBackground#C4C4B1b5
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#E1E1D8fe
  • editor.rangeHighlightBackground#9CB199a1
  • editor.rangeHighlightBorder#F3F3F0fe
  • editor.selectionBackground#C7B6B6ac
  • editor.selectionForeground#0F376Bca
  • editor.selectionHighlightBackground#8692A386
  • editor.selectionHighlightBorder#F3F3F0fe
  • editor.snippetFinalTabstopHighlightBackground#978FAAa2
  • editor.snippetFinalTabstopHighlightBorder#F3F3F0fe
  • editor.snippetTabstopHighlightBackground#BCA7A7a8
  • editor.snippetTabstopHighlightBorder#F3F3F0fe
  • editor.stackFrameHighlightBackground#86A396ac
  • editor.symbolHighlightBackground#98AE94a9
  • editor.symbolHighlightBorder#F3F3F0fe
  • editor.wordHighlightBackground#B1C4BCa7
  • editor.wordHighlightBorder#F7F7F500
  • editor.wordHighlightStrongBackground#A099B1a2
  • editor.wordHighlightStrongBorder#F7F5F600
  • editor.wordHighlightTextBackground#C0C0ACa5
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0E0E0Ace
  • editorBracketHighlight.foreground2#0E0E0Ace
  • editorBracketHighlight.foreground3#0E0E0Ace
  • editorBracketHighlight.foreground4#0E0E0Ace
  • editorBracketHighlight.foreground5#0E0E0Ace
  • editorBracketHighlight.foreground6#0E0E0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#3A3A12ce
  • editorBracketMatch.background#315747a4
  • editorBracketMatch.border#F3F3F0fe
  • editorBracketPairGuide.activeBackground1#34527887
  • editorBracketPairGuide.activeBackground2#3557308b
  • editorBracketPairGuide.activeBackground3#572FC78d
  • editorBracketPairGuide.activeBackground4#8B343486
  • editorBracketPairGuide.activeBackground5#42553F8c
  • editorBracketPairGuide.activeBackground6#2E584686
  • editorBracketPairGuide.background1#E1D8D8fe
  • editorBracketPairGuide.background2#E0D6D6fe
  • editorBracketPairGuide.background3#DFD5DCfe
  • editorBracketPairGuide.background4#D7D9CDfe
  • editorBracketPairGuide.background5#E1D7D7fe
  • editorBracketPairGuide.background6#E0D6D6fe
  • editorCodeLens.foreground#53531C6e
  • editorCommentsWidget.rangeActiveBackground#535336fe
  • editorCommentsWidget.rangeBackground#E1E1D8fe
  • editorCommentsWidget.resolvedBorder#F3F3F0fe
  • editorCommentsWidget.unresolvedBorder#FFCCCCcb
  • editorCursor.background#E1E1D8fe
  • editorCursor.foreground#71326Afe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#920092ce
  • editorGhostText.background#E1E1D8fe
  • editorGhostText.border#FAFBFA00
  • editorGhostText.foreground#5353216e
  • editorGroup.border#F3F3F0fe
  • editorGroup.dropBackground#E1E1D8fe
  • editorGroup.dropIntoPromptBackground#E1E1D8fe
  • editorGroup.dropIntoPromptBorder#F3F3F0fe
  • editorGroup.dropIntoPromptForeground#3A3A12ce
  • editorGroup.emptyBackground#E1E1D8fe
  • editorGroup.focusedEmptyBorder#F3F3F0fe
  • editorGroupHeader.border#F7F7F500
  • editorGroupHeader.noTabsBackground#F0F0EBae
  • editorGroupHeader.tabsBackground#DDDDD3a1
  • editorGroupHeader.tabsBorder#F7F5F600
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#E1E1D8fe
  • editorGutter.commentGlyphForeground#3A3A12ce
  • editorGutter.commentRangeForeground#3A3A12ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#3A3A12ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FAFBFA00
  • editorHint.foreground#3E01FFce
  • editorHoverWidget.background#F3F3F0fe
  • editorHoverWidget.border#F3F3F0fe
  • editorHoverWidget.foreground#3A3A12ce
  • editorHoverWidget.highlightForeground#1D3F16ca
  • editorHoverWidget.statusBarBackground#E1E1D8fe
  • editorIndentGuide.activeBackground1#64295Efe
  • editorIndentGuide.activeBackground2#750E69fe
  • editorIndentGuide.activeBackground3#6F1B64fe
  • editorIndentGuide.activeBackground4#6F1B64fe
  • editorIndentGuide.activeBackground5#64295Efe
  • editorIndentGuide.activeBackground6#71156Afe
  • editorIndentGuide.background1#5B455535
  • editorIndentGuide.background2#4B455B35
  • editorIndentGuide.background3#534C6535
  • editorIndentGuide.background4#48363635
  • editorIndentGuide.background5#3E524935
  • editorIndentGuide.background6#6A506235
  • editorInfo.background#F7F5F600
  • editorInfo.border#FAFBFA00
  • editorInfo.foreground#3E01FFce
  • editorInlayHint.background#E1E1D8fe
  • editorInlayHint.foreground#3A3A12ce
  • editorInlayHint.parameterBackground#E1E1D8fe
  • editorInlayHint.parameterForeground#3A3A12ce
  • editorInlayHint.typeBackground#E1E1D8fe
  • editorInlayHint.typeForeground#3A3A12ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#9D3893fe
  • editorLineNumber.dimmedForeground#53531C6e
  • editorLineNumber.foreground#5353246e
  • editorLink.activeForeground#8E3785fe
  • editorMarkerNavigation.background#F3F3F0fe
  • editorMarkerNavigationError.background#FFC6FFa5
  • editorMarkerNavigationError.headerBackground#FFC6FFa3
  • editorMarkerNavigationInfo.background#D5D5FEfe
  • editorMarkerNavigationInfo.headerBackground#D5D5FEfe
  • editorMarkerNavigationWarning.background#FED40Afe
  • editorMarkerNavigationWarning.headerBackground#FED40Afe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E1E1D8fe
  • editorOverviewRuler.border#D9D9CDfe
  • editorOverviewRuler.bracketMatchForeground#3A3A12ce
  • editorOverviewRuler.commentForeground#5353216e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#3A3A12ce
  • editorOverviewRuler.currentContentForeground#515151b4
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3E01FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#6B0F44ca
  • editorOverviewRuler.selectionHighlightForeground#3E01FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#203F1Cca
  • editorOverviewRuler.wordHighlightStrongForeground#3A3A12ce
  • editorOverviewRuler.wordHighlightTextForeground#3A3A12ce
  • editorPane.background#E1E1D8fe
  • editorRuler.foreground#5353352c
  • editorStickyScroll.background#E1E1D8fe
  • editorStickyScrollHover.background#D9D9CD6e
  • editorSuggestWidget.background#F3F3F0fe
  • editorSuggestWidget.border#FAFBFA00
  • editorSuggestWidget.focusHighlightForeground#424200fe
  • editorSuggestWidget.foreground#6A1C1Cfe
  • editorSuggestWidget.highlightForeground#3A3A18ca
  • editorSuggestWidget.selectedBackground#B4C4B18c
  • editorSuggestWidget.selectedForeground#69104Fca
  • editorSuggestWidget.selectedIconForeground#39391Cca
  • editorSuggestWidgetStatus.foreground#354333fe
  • editorUnicodeHighlight.background#BCA7B6aa
  • editorUnicodeHighlight.border#F3F3F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFBFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#3A3A12ce
  • editorWidget.background#F3F3F0fe
  • editorWidget.border#F3F3F0fe
  • editorWidget.foreground#3A3A12ce
  • editorWidget.resizeBorder#F3F3F0fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#8E3785fe
  • extensionBadge.remoteForeground#F0F0EBfe
  • extensionButton.background#D9D9CEae
  • extensionButton.foreground#3A3A12ce
  • extensionButton.hoverBackground#D9D9CD6e
  • extensionButton.prominentBackground#E1E1D8fe
  • extensionButton.prominentForeground#3A3A12ce
  • extensionButton.prominentHoverBackground#E1E1D8fe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#233952fe
  • extensionIcon.sponsorForeground#3D305Dfe
  • extensionIcon.starForeground#1C3E31fe
  • extensionIcon.verifiedForeground#233E1Efe
  • focusBorder#FAFAFB00
  • foreground#3A3A12ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3E01FFce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#53532Bae
  • inlineChat.background#D0DBD7ca
  • inlineChat.border#D2DBD0ca
  • inlineChat.regionHighlight#121816ca
  • inlineChat.shadow#181812ca
  • inlineChatDiff.inserted#21191Fca
  • inlineChatDiff.removed#212119ca
  • inlineChatInput.background#131812ca
  • inlineChatInput.border#DFD5DBca
  • inlineChatInput.focusBorder#F7F7F500
  • inlineChatInput.placeholderForeground#3D325Dca
  • input.background#F3F3F0fe
  • input.border#F3F3F0fe
  • input.foreground#3A3A12ce
  • input.placeholderForeground#43433365
  • inputOption.activeBackground#F3F3F0fe
  • inputOption.activeBorder#F3F3F0fe
  • inputOption.activeForeground#783371fe
  • inputOption.hoverBackground#F3F3F0fe
  • inputValidation.errorBackground#670067b4
  • inputValidation.errorBorder#FFC6FFb7
  • inputValidation.errorForeground#920092ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F3F3F0fe
  • inputValidation.infoForeground#3A3A12ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F3F3F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F3F3F0fe
  • interactive.inactiveCodeBorder#D9D9CD96
  • keybindingLabel.background#E1E1D8fe
  • keybindingLabel.border#F3F3F0fe
  • keybindingLabel.bottomBorder#F3F3F0fe
  • keybindingLabel.foreground#3A3A12ce
  • keybindingTable.headerBackground#E1E1D8fe
  • keybindingTable.rowsBackground#E1E1D8fe
  • list.activeSelectionBackground#98AE9485
  • list.activeSelectionForeground#134109ca
  • list.activeSelectionIconForeground#3A3A16ca
  • list.deemphasizedForeground#3A3A12ce
  • list.dropBackground#E1E1D8fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E1E1D8fe
  • list.filterMatchBorder#F3F3F0fe
  • list.focusAndSelectionOutline#F7F7F500
  • list.focusBackground#D2D2C497
  • list.focusForeground#96378Cfe
  • list.focusHighlightForeground#4124A4fe
  • list.focusOutline#F7F5F600
  • list.highlightForeground#074200ca
  • list.hoverBackground#DFD6D6ad
  • list.hoverForeground#AD39A2fe
  • list.inactiveFocusBackground#C7C7B694
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#F0F0EBae
  • list.inactiveSelectionForeground#52523E65
  • list.inactiveSelectionIconForeground#43433365
  • list.invalidItemForeground#3A3A12ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E1E1D8fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F7F7F500
  • listFilterWidget.shadow#FAFAFB00
  • menu.background#F0F0EBfe
  • menu.border#FAFAFB00
  • menu.foreground#3A3A15ae
  • menu.selectionBackground#D2C4C4a6
  • menu.selectionBorder#FAFAFB00
  • menu.selectionForeground#8E3785fe
  • menu.separatorBackground#D9D9CD65
  • menubar.selectionBackground#C7B6B6a1
  • menubar.selectionBorder#FBFAFA00
  • menubar.selectionForeground#71326Afe
  • merge.border#F3F3F0fe
  • merge.commonContentBackground#E1E1D8fe
  • merge.commonHeaderBackground#E1E1D8fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#BBE2BDfb
  • merge.incomingContentBackground#BCE2BEcb
  • merge.incomingHeaderBackground#BBE2BDfb
  • mergeEditor.change.background#E1E1D8fe
  • mergeEditor.change.word.background#E1E1D8fe
  • mergeEditor.changeBase.background#E1E1D8fe
  • mergeEditor.changeBase.word.background#E1E1D8fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F3F3F0fe
  • mergeEditor.conflict.handledUnfocused.border#D9D9CD22
  • mergeEditor.conflict.input1.background#F3F3F0fe
  • mergeEditor.conflict.input2.background#F3F3F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F3F3F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#DADACE2a
  • mergeEditor.conflictingLines.background#E1E1D8fe
  • minimap.background#E1E1D8fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#949472fe
  • minimapSlider.background#C0C0ACae
  • minimapSlider.hoverBackground#AAAA8F6e
  • notebook.cellBorderColor#F3F3F0fe
  • notebook.cellEditorBackground#E1E1D8fe
  • notebook.cellHoverBackground#E1E1D8fe
  • notebook.cellInsertionIndicator#121518ca
  • notebook.cellStatusBarItemHoverBackground#E1E1D8fe
  • notebook.cellToolbarSeparator#1D1616ca
  • notebook.editorBackground#E1E1D8fe
  • notebook.focusedCellBackground#E1E1D8fe
  • notebook.focusedCellBorder#AD39A2fe
  • notebook.focusedEditorBorder#F3F3F0fe
  • notebook.inactiveFocusedCellBorder#9898778e
  • notebook.inactiveSelectedCellBorder#9898778e
  • notebook.outputContainerBackgroundColor#E1E1D8fe
  • notebook.outputContainerBorderColor#F3F3F0fe
  • notebook.selectedCellBackground#E1E1D8fe
  • notebook.selectedCellBorder#F3F3F0fe
  • notebook.symbolHighlightBackground#E1E1D8fe
  • notebookEditorOverviewRuler.runningCellForeground#3A3A12ce
  • notebookScrollbarSlider.activeBackground#989877fe
  • notebookScrollbarSlider.background#B1B199ae
  • notebookScrollbarSlider.hoverBackground#A6A68A6e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#2C384Cfe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F3F3F0fe
  • notificationCenterHeader.background#E1E1D8fe
  • notificationCenterHeader.foreground#3A3A12ce
  • notificationLink.foreground#3A3A12ce
  • notifications.background#E1E1D8fe
  • notifications.border#F3F3F0fe
  • notifications.foreground#3A3A12ce
  • notificationsErrorIcon.foreground#920092ce
  • notificationsInfoIcon.foreground#4D2E44fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F3F3F0fe
  • panel.background#E1E1D8fe
  • panel.border#F3F3F0fe
  • panel.dropBorder#F3F3F0fe
  • panelInput.border#F3F3F0fe
  • panelSection.border#F3F3F0fe
  • panelSection.dropBackground#E1E1D8fe
  • panelSectionHeader.background#E1E1D8fe
  • panelSectionHeader.border#F3F3F0fe
  • panelSectionHeader.foreground#3A3A12ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#740E69fe
  • panelTitle.inactiveForeground#52523E65
  • peekView.border#6B2063fe
  • peekViewEditor.background#F3F3F0fe
  • peekViewEditor.matchHighlightBackground#A68A8A85
  • peekViewEditor.matchHighlightBorder#FAFBFA00
  • peekViewEditorGutter.background#F3F3F0fe
  • peekViewEditorStickyScroll.background#E1E1D8fe
  • peekViewResult.background#F0F0EBfe
  • peekViewResult.fileForeground#3A3A12ce
  • peekViewResult.lineForeground#3A3A12ce
  • peekViewResult.matchHighlightBackground#B59EAE89
  • peekViewResult.selectionBackground#A3868682
  • peekViewResult.selectionForeground#3B179Aca
  • peekViewTitle.background#F0F0EBfe
  • peekViewTitleDescription.foreground#3A3A12ce
  • peekViewTitleLabel.foreground#3A3A12ce
  • pickerGroup.border#F3F3F0fe
  • pickerGroup.foreground#3A3A12ce
  • ports.iconRunningProcessForeground#6F1414fe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3E01FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#AD39A2fe
  • profileBadge.foreground#F0F0EBfe
  • progressBar.background#E1E1D8fe
  • quickInput.background#F0F0EBfe
  • quickInput.foreground#3A3A13ae
  • quickInputList.focusBackground#ADA7BCa6
  • quickInputList.focusForeground#71326Afe
  • quickInputList.focusIconForeground#8E3785fe
  • quickInputTitle.background#F3F3F0fe
  • sash.hoverBorder#F3F3F0fe
  • scrollbar.shadow#F7F7F500
  • scrollbarSlider.activeBackground#989877fe
  • scrollbarSlider.background#C0C0ACae
  • scrollbarSlider.hoverBackground#A3A3866e
  • search.resultsInfoForeground#3A3A12ce
  • searchEditor.findMatchBackground#9F9F81a4
  • searchEditor.findMatchBorder#F3F3F0fe
  • searchEditor.textInputBorder#F3F3F0fe
  • selection.background#E1E1D8fe
  • settings.checkboxBackground#F3F3F0fe
  • settings.checkboxBorder#F3F3F0fe
  • settings.checkboxForeground#3A3A12ce
  • settings.dropdownBackground#F3F3F0fe
  • settings.dropdownBorder#F3F3F0fe
  • settings.dropdownForeground#3A3A12ce
  • settings.dropdownListBorder#F3F3F0fe
  • settings.focusedRowBackground#AABCA78d
  • settings.focusedRowBorder#F3F3F0fe
  • settings.headerBorder#F3F3F0fe
  • settings.headerForeground#3A3A12ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F3F3F0fe
  • settings.numberInputBorder#F3F3F0fe
  • settings.numberInputForeground#3A3A12ce
  • settings.rowHoverBackground#E1E1D8fe
  • settings.sashBorder#F3F3F0fe
  • settings.settingsHeaderHoverForeground#86367Efe
  • settings.textInputBackground#F3F3F0fe
  • settings.textInputBorder#F3F3F0fe
  • settings.textInputForeground#3A3A12ce
  • sideBar.background#E1E1D8fe
  • sideBar.border#F3F3F0fe
  • sideBar.dropBackground#E1E1D8fe
  • sideBar.foreground#53532Bae
  • sideBarSectionHeader.background#F7F7F500
  • sideBarSectionHeader.border#F3F3F0fe
  • sideBarSectionHeader.foreground#3A3A12ce
  • sideBarTitle.foreground#3A3A12ce
  • sideBySideEditor.horizontalBorder#F3F3F0fe
  • sideBySideEditor.verticalBorder#F3F3F0fe
  • simpleFindWidget.sashBorder#F3F3F0fe
  • statusBar.background#F0F0EBfe
  • statusBar.border#F3F3F0fe
  • statusBar.debuggingBackground#FFC6FFcb
  • statusBar.debuggingBorder#F3F3F0fe
  • statusBar.debuggingForeground#3A3A12ce
  • statusBar.focusBorder#F7F7F500
  • statusBar.foreground#5353216e
  • statusBar.noFolderBackground#F0F0EBfe
  • statusBar.noFolderBorder#F3F3F0fe
  • statusBar.noFolderForeground#3A3A12ce
  • statusBarItem.activeBackground#F0F0EBfe
  • statusBarItem.compactHoverBackground#F0F0EBfe
  • statusBarItem.errorBackground#FFC6FFc7
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFC6FFa4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#F0F0EBfe
  • statusBarItem.hoverForeground#7F3578fe
  • statusBarItem.offlineBackground#F0F0EBfe
  • statusBarItem.offlineForeground#3A3A12ce
  • statusBarItem.offlineHoverBackground#F0F0EBfe
  • statusBarItem.offlineHoverForeground#B539A9fe
  • statusBarItem.prominentBackground#F0F0EBfe
  • statusBarItem.prominentForeground#3A3A12ce
  • statusBarItem.prominentHoverBackground#F0F0EBfe
  • statusBarItem.prominentHoverForeground#71326Afe
  • statusBarItem.remoteBackground#8E3785fe
  • statusBarItem.remoteForeground#F0F0EBfe
  • statusBarItem.remoteHoverBackground#F0F0EBfe
  • statusBarItem.remoteHoverForeground#71326Afe
  • statusBarItem.warningBackground#FED40Afe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED40Afe
  • statusBarItem.warningHoverForeground#987E00ce
  • symbolIcon.arrayForeground#6A1C1Cfe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#6A1C1Cfe
  • symbolIcon.colorForeground#5A234Bfe
  • symbolIcon.constantForeground#3C2386fe
  • symbolIcon.constructorForeground#1D3F18fe
  • symbolIcon.enumeratorForeground#39392Bfe
  • symbolIcon.enumeratorMemberForeground#403060fe
  • symbolIcon.eventForeground#1D3F18fe
  • symbolIcon.fieldForeground#1D3F16fe
  • symbolIcon.fileForeground#39391Afe
  • symbolIcon.folderForeground#283950fe
  • symbolIcon.functionForeground#1A4013fe
  • symbolIcon.interfaceForeground#2C384Cfe
  • symbolIcon.keyForeground#651751fe
  • symbolIcon.keywordForeground#143F2Dfe
  • symbolIcon.methodForeground#39391Cfe
  • symbolIcon.moduleForeground#2C384Cfe
  • symbolIcon.namespaceForeground#1A4013fe
  • symbolIcon.nullForeground#233E1Efe
  • symbolIcon.numberForeground#4D2E44fe
  • symbolIcon.objectForeground#363B18fe
  • symbolIcon.operatorForeground#3D325Dfe
  • symbolIcon.packageForeground#3D315Dfe
  • symbolIcon.propertyForeground#3E3E2Ffe
  • symbolIcon.referenceForeground#552846fe
  • symbolIcon.snippetForeground#393923fe
  • symbolIcon.stringForeground#502C45fe
  • symbolIcon.structForeground#3B354Cfe
  • symbolIcon.textForeground#502C45fe
  • symbolIcon.typeParameterForeground#1F3959fe
  • symbolIcon.unitForeground#69104Ffe
  • symbolIcon.variableForeground#183F2Efe
  • tab.activeBackground#ECECE6fe
  • tab.activeBorder#FAFBFA00
  • tab.activeBorderTop#652760fe
  • tab.activeForeground#64295Efe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F7F500
  • tab.hoverBackground#863838ae
  • tab.hoverBorder#F3F3F0fe
  • tab.hoverForeground#AD39A2fe
  • tab.inactiveBackground#D9D9CD98
  • tab.inactiveForeground#4D4D3A65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F3F3F0fe
  • tab.unfocusedActiveBackground#DADACE36
  • tab.unfocusedActiveBorder#FAFBFA00
  • tab.unfocusedActiveBorderTop#D9D9CD65
  • tab.unfocusedActiveForeground#43433365
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#53533527
  • tab.unfocusedHoverBorder#D9D9CD2d
  • tab.unfocusedHoverForeground#48483665
  • tab.unfocusedInactiveBackground#CFCFC092
  • tab.unfocusedInactiveForeground#4D4D3A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b1
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeaf
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E1E1D8fe
  • terminal.border#F3F3F0fe
  • terminal.dropBackground#E1E1D8fe
  • terminal.findMatchBackground#E1E1D8fe
  • terminal.findMatchBorder#F3F3F0fe
  • terminal.findMatchHighlightBackground#E1E1D8fe
  • terminal.findMatchHighlightBorder#F3F3F0fe
  • terminal.foreground#53532Bae
  • terminal.hoverHighlightBackground#E1E1D8fe
  • terminal.inactiveSelectionBackground#CFCFC092
  • terminal.selectionBackground#9EA8B589
  • terminal.selectionForeground#6A1C1Cca
  • terminal.tab.activeBorder#750E69fe
  • terminalCommandDecoration.defaultBackground#30527Fa2
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E1E1D8fe
  • terminalCursor.foreground#7F3578fe
  • terminalOverviewRuler.cursorForeground#3A3A12ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0af
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#940A87fe
  • testing.message.error.lineBackground#FFC6FFc9
  • testing.message.info.decorationForeground#931185fe
  • testing.message.info.lineBackground#D5D5FEfe
  • testing.peekBorder#F3F3F0fe
  • testing.peekHeaderBackground#E1E1D8fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E1E1D8fe
  • textBlockQuote.border#F3F3F0fe
  • textCodeBlock.background#E1E1D8fe
  • textLink.activeForeground#71326Afe
  • textLink.foreground#3E01FFce
  • textPreformat.foreground#3A3A12ce
  • textSeparator.foreground#3A3A12ce
  • titleBar.activeBackground#F0F0EBfe
  • titleBar.activeForeground#434313ae
  • titleBar.border#FBFAFA00
  • titleBar.inactiveBackground#DADACEd3
  • titleBar.inactiveForeground#4D4D3A65
  • toolbar.activeBackground#D1DACF8c
  • toolbar.hoverBackground#E1E1D8fe
  • toolbar.hoverOutline#FBFAFA00
  • tree.inactiveIndentGuidesStroke#654C5E35
  • tree.indentGuidesStroke#930D85fe
  • tree.tableColumnsBorder#F3F3F0fe
  • tree.tableOddRowsBackground#E1E1D8fe
  • walkThrough.embeddedEditorBackground#E1E1D8fe
  • walkthrough.stepTitle.foreground#3A3A12ce
  • welcomePage.background#E1E1D8fe
  • welcomePage.progress.background#E1E1D8fe
  • welcomePage.progress.foreground#3A3A12ce
  • welcomePage.tileBackground#E1E1D8fe
  • welcomePage.tileBorder#F3F3F0fe
  • welcomePage.tileHoverBackground#E1E1D8fe
  • widget.border#F3F3F0fe
  • widget.shadow#FAFAFB00
  • window.activeBorder#F3F3F0fe
  • window.inactiveBorder#D9D9CD92

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3232156e
comment.block.html#3232156e
comment.block.java#3333136e
comment.block.javadoc.java#3232166e
comment.block.powershell#3333136e
comment.block.xml#3232136e
comment.line.double-slash.c#3333136e
comment.line.double-slash.cpp#3232166e
comment.line.double-slash.java#3232136e
comment.line.double-slash.js#3333136e
comment.line.number-sign.makefile#3232136e
comment.line.number-sign.python#3333136e
comment.line.number-sign.yaml#3232166e
comment.line.percentage.erlang#3232166e
comment.line.powershell#3232166e
comment.source.cmake#3333136e
comment.source.cmakecache#3232156e
constant.character#2B1490de
constant.character.character-class.regexp#494228de
constant.character.escape#423C25de
constant.character.set.regexp#4F2A4Bde
constant.language#253621de
constant.numeric#2B4225de
constant.numeric.dec.python#373018de
constant.other.caps.python#183727de
constant.other.character-class.regexp#20333Fde
constant.other.character-class.set.regexp#3C316Ade
constant.other.color.rgb-value#33285Cde
constant.other.placeholder#2A404Fde
constant.other.rgb-value#632F2Fde
constant.regexp#494228de
constant.sha.git-rebase#423C25de
emphasis#21362Bde
entity.name.class#183629de
entity.name.function#332B55de
entity.name.function.preprocessor#2E4928de
entity.name.function.python#332B55de
entity.name.label#193345de
entity.name.namespace#1E3718de
entity.name.operator#5C2D2Dde
entity.name.operator.custom-literal#534611de
entity.name.scope-resolution#54460Fde
entity.name.tag#215115de
entity.name.tag.css#6A3164de
entity.name.type#283C23debold
entity.name.variable#1E3718de
entity.other.attribute#183629de
entity.other.attribute-name#2C4555de
entity.other.attribute-name.class.css#552C51de
entity.other.attribute-name.class.mixin.css#423C25de
entity.other.attribute-name.id#4E1E48de
entity.other.attribute-name.id.css#373018de
entity.other.attribute-name.parent-selector.css#253742de
entity.other.attribute-name.pseudo-class.css#32246Bde
entity.other.attribute-name.pseudo-element.css#183629de
entity.other.attribute-name.scss#392F63de
entity.other.document.begin.yaml#3232136e
entity.other.inherited-class#494228de
header#321E79de
invalid#20333Fde
keyword#1F5213debold
keyword.codetag.notation.python#544613debold
keyword.control#534615debold
keyword.control.anchor.regexp#2D495Cdebold
keyword.control.import.python#135132debold
keyword.operator#32246Bdebold
keyword.operator.alignas#494228debold
keyword.operator.alignof#053920debold
keyword.operator.cast#342B52debold
keyword.operator.delete#632F5Edebold
keyword.operator.documentation.powershell#3333136ebold
keyword.operator.expression#283B49debold
keyword.operator.instanceof#54164Edebold
keyword.operator.logical.python#2B4225debold
keyword.operator.minus.exponent#17334Adebold
keyword.operator.negation.regexp#253621debold
keyword.operator.new#37301Adebold
keyword.operator.noexcept#2B4225debold
keyword.operator.or.regexp#2B1490debold
keyword.operator.plus.exponent#290D98debold
keyword.operator.quantifier.regexp#492828debold
keyword.operator.sizeof#342C55debold
keyword.operator.typeid#373018debold
keyword.operator.wordlike#1F5213debold
keyword.other.operator#2C4555debold
keyword.other.package.java#544613debold
keyword.other.unit#163727debold
keyword.other.using#494228debold
markup.bold#20333Fde
markup.changed#4A2626de
markup.deleted#601313de
markup.fenced_code.block.markdown#1A3444de
markup.heading#632F2Fde
markup.inline.raw#115232de
markup.inserted#55154Ede
markup.italic#284938de
markup.raw.block.markdown#053920de
markup.strikethrough#55154Ede
markup.underline#1E3718de
meta.block.c#284938de
meta.block.c#5C1818de
meta.class.java#284938de
meta.definition.variable.name#284938de
meta.diff.header#511A4Cde
meta.embedded#33285Cde
meta.embedded.assembly#494228de
meta.function-call.arguments.python#6A3164de
meta.function-call.python#571D1Dde
meta.member.access.python#611313de
meta.method.java#373018de
meta.object-literal.key#1A520Dde
meta.paragraph.markdown#532121de
meta.preprocessor#373018de
meta.preprocessor.numeric#2B1490de
meta.preprocessor.string#322761de
meta.scope.prerequisites.makefile#2A404Fde
meta.structure.dictionary.json.comments#3232136e
meta.structure.dictionary.key.python#392F63de
meta.structure.dictionary.value.json.comments#3333136e
meta.template.expression#373018de
meta.type.cast.expr#32246Bdebold
meta.type.new.expr#0D3823debold
parameter#115232de
punctuation.character.set.begin.regexp#4A2626de
punctuation.character.set.end.regexp#233C30de
punctuation.definition.array.begin.json#590D51de
punctuation.definition.character-class.regexp#3B3005de
punctuation.definition.comment#3232136e
punctuation.definition.comment.json.comments#3333136e
punctuation.definition.comment.python#3333136e
punctuation.definition.dictionary.begin.json#115232de
punctuation.definition.dictionary.end.json#4B2146de
punctuation.definition.group.assertion.regexp#0D522Fde
punctuation.definition.group.regexp#492845de
punctuation.definition.list.begin.json#494228de
punctuation.definition.list.begin.markdown#1F3618de
punctuation.definition.list.begin.python#4C2525de
punctuation.definition.list.end.json#4C2525de
punctuation.definition.list.end.markdown#363117de
punctuation.definition.list.end.python#423C25de
punctuation.definition.parameters.begin.python#193345de
punctuation.definition.parameters.end.bracket.round.java#253742de
punctuation.definition.quote.begin.markdown#2B1490de
punctuation.definition.tag#233C30de
punctuation.definition.template-expression.begin#552C2Cde
punctuation.definition.template-expression.end#363221de
punctuation.section.class.begin.bracket.curly.java#373018de
punctuation.section.embedded#38300Dde
punctuation.section.embedded.begin.php#4B2146de
punctuation.section.embedded.end.php#1E3343de
punctuation.terminator.java#2B0A99de
source.cmake#5C2D2Dde
source.coffee.embedded#1E3343de
source.cpp#253621de
source.css.less#1C520Fde
source.groovy.embedded#680404de
source.java#053450de
source.java-properties#4F2A4Bde
source.json.comments#3232136e
source.makefile#32246Bde
source.powershell#534615de
source.powershell.variable.other.member#254234de
source.python#332B55de
storage#534615de
storage.modifier#2B1490de
storage.modifier.import.java#322A56de
storage.modifier.package.java#183727de
storage.type#290D98debold
storage.type.annotation.groovy#283C23debold
storage.type.annotation.java#1F5213debold
storage.type.boolean.go#053351debold
storage.type.byte.go#3B3005debold
storage.type.cs#3C3723debold
storage.type.error.go#332B53debold
storage.type.generic.cs#4B2146debold
storage.type.generic.groovy#5C2D57debold
storage.type.generic.java#6A3131debold
storage.type.groovy#253621debold
storage.type.java#20333Fdebold
storage.type.modifier.cs#233C30debold
storage.type.numeric.go#2C4555debold
storage.type.object.array.groovy#163727debold
storage.type.object.array.java#053450debold
storage.type.parameters.groovy#363117debold
storage.type.primitive.array.groovy#4F2A2Adebold
storage.type.primitive.array.java#15380Ddebold
storage.type.primitive.groovy#2B0A99debold
storage.type.primitive.java#2D495Cdebold
storage.type.rune.go#5C2D57debold
storage.type.string.go#632F5Edebold
storage.type.token.java#534611debold
storage.type.uintptr.go#363221debold
storage.type.variable.cs#363117debold
string#155133de
string.quoted.docstring.multi.python#3232166e
string.regexp#0D3823de
string.tag#4B2146de
string.value#680404de
strong#283B49de
support.class#6A3131de
support.constant.color#4F2A2Ade
support.constant.dom#511A4Cde
support.constant.font-name#5D0155de
support.constant.handlebars#4F2A4Bde
support.constant.json#1E3343de
support.constant.math#2B4225de
support.constant.media#21362Bde
support.constant.media-type#290D98debold
support.constant.property-value#15380Dde
support.function#1C520Fde
support.function.git-rebase#601313de
support.other.parenthesis.regexp#5C2D2Dde
support.type#283C23debold
support.type.property-name#1D3716debold
support.type.vendored.property-name#215115debold
support.variable#534611de
token.debug-token#033920de
token.error-token#2B0A99de
token.info-token#423C25de
token.warn-token#053920de
variable#193345de
variable.css#155133de
variable.language#494228de
variable.language.wildcard.java#4E1E48de
variable.other.constant#552C51de
variable.other.definition.java#632F5Ede
variable.other.enummember#103905de
variable.other.less#363221de
variable.other.object.java#2A404Fde
variable.other.object.property.java#290D98de
variable.parameter.c#632F5Ede
variable.parameter.function.language.python#17334Ade
variable.parameter.java#4E2424de
variable.scss#534611de
viiv by B.W - VS Code Theme