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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#F69529fe
  • activityBar.activeFocusBorder#65656500
  • activityBar.background#0E0E0Efe
  • activityBar.border#5F674F00
  • activityBar.dropBorder#F69528fe
  • activityBar.foreground#F69529fe
  • activityBar.inactiveForeground#ACACAC65
  • activityBarBadge.background#D38126fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#DE8E36fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#E9E9E9ce
  • banner.iconForeground#C6C6C6fe
  • breadcrumb.activeSelectionForeground#DED3D7ca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#F99323fe
  • breadcrumb.foreground#E9E9E9ae
  • breadcrumbPicker.background#161616fe
  • button.background#414141ae
  • button.border#0A0D0D00
  • button.foreground#E9E9E9ce
  • button.hoverBackground#5252526e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#E9E9E9ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0C0D0A00
  • charts.blue#1b1bfffe
  • charts.foreground#E9E9E9ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679f
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#E9E9E9ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E9E9E9ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#4224308a
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#E0923Cfe
  • commandCenter.background#161616fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E9E9E9ce
  • commandCenter.inactiveBorder#2B2B2B95
  • commandCenter.inactiveForeground#ABABAB65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0B0B00
  • contrastBorder#0C0D0A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E9E9E9ce
  • debugConsole.sourceForeground#E9E9E9ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C6C6C6fe
  • debugExceptionWidget.background#550055aa
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#BFCFCFfe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#CBBAC2fe
  • debugIcon.breakpointStackframeForeground#C4C4D3fe
  • debugIcon.breakpointUnverifiedForeground#DACED3fe
  • debugIcon.continueForeground#CED3C4fe
  • debugIcon.disconnectForeground#DCE5DEfe
  • debugIcon.pauseForeground#D6C9CFfe
  • debugIcon.restartForeground#D7D7E1fe
  • debugIcon.startForeground#DACED3fe
  • debugIcon.stepBackForeground#D6C9CFfe
  • debugIcon.stepIntoForeground#BABACBfe
  • debugIcon.stepOutForeground#D8D8D8fe
  • debugIcon.stepOverForeground#DCDCDCfe
  • debugIcon.stopForeground#DADED3fe
  • debugTokenExpression.boolean#E6E1E9ca
  • debugTokenExpression.error#E1E1E9ca
  • debugTokenExpression.name#DCDCDCca
  • debugTokenExpression.number#E6E9E1ca
  • debugTokenExpression.value#D6C9CFca
  • debugToolBar.background#550055c3
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#42242Fca
  • debugView.exceptionLabelForeground#DEE1D7ca
  • debugView.stateLabelBackground#1E3122ca
  • debugView.stateLabelForeground#E1D7DCca
  • debugView.valueChangedHighlight#E1E9E9ca
  • descriptionForeground#E9E9E9ce
  • diffEditor.border#0D0A0B00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0A0D0D00
  • diffEditor.move.border#0D0A0B00
  • diffEditor.moveActive.border#0A0A0D00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0A0D0D00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#E9E9E9ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E9E9E9ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#161616fe
  • editor.findMatchBackground#5F5F5Fa8
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#4F6A6Aa8
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#536E6Eae
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#53445A81
  • editor.foldBackground#C5B2BAa2
  • editor.foreground#E9E9E9ce
  • editor.hoverHighlightBackground#5A434Ea8
  • editor.inactiveSelectionBackground#49494999
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#E9E9E9ce
  • editor.lineHighlightBackground#383838b2
  • editor.lineHighlightBorder#0C0A0D00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#4B654Fae
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#5A424Daa
  • editor.selectionForeground#CECEDAca
  • editor.selectionHighlightBackground#4F4F6A86
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#3B4F3Eaa
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#6B5673a2
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#474C39aa
  • editor.symbolHighlightBackground#565673a1
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#6A4F5Aa5
  • editor.wordHighlightBorder#0A0A0D00
  • editor.wordHighlightStrongBackground#67536Ea1
  • editor.wordHighlightStrongBorder#0C0D0A00
  • editor.wordHighlightTextBackground#4B4B65ab
  • editor.wordHighlightTextBorder#0C0A0D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E9E9E9ce
  • editorBracketMatch.background#A4BCBCa8
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#B6B6C888
  • editorBracketPairGuide.activeBackground2#A8BDAB8e
  • editorBracketPairGuide.activeBackground3#C0B3C586
  • editorBracketPairGuide.activeBackground4#C6B2BB87
  • editorBracketPairGuide.activeBackground5#C1B2C685
  • editorBracketPairGuide.activeBackground6#B7B7C98e
  • editorBracketPairGuide.background1#292F1Cfe
  • editorBracketPairGuide.background2#412431fe
  • editorBracketPairGuide.background3#41232Ffe
  • editorBracketPairGuide.background4#1C2F2Ffe
  • editorBracketPairGuide.background5#34293Afe
  • editorBracketPairGuide.background6#322936fe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#E59B49fe
  • editorError.background#0D0A0B00
  • editorError.border#0B0B0B00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0C0A0D00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E9E9E9ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0C0D0A00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#1A1A1Aa1
  • editorGroupHeader.tabsBorder#0C0A0D00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#E9E9E9ce
  • editorGutter.commentRangeForeground#E9E9E9ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#E9E9E9ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0A0D00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E9E9E9ce
  • editorHoverWidget.highlightForeground#E5E5E5ca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#F6952Afe
  • editorIndentGuide.activeBackground2#F69529fe
  • editorIndentGuide.activeBackground3#F69528fe
  • editorIndentGuide.activeBackground4#F89422fe
  • editorIndentGuide.activeBackground5#F69528fe
  • editorIndentGuide.activeBackground6#F69529fe
  • editorIndentGuide.background1#9DB5A035
  • editorIndentGuide.background2#A7899635
  • editorIndentGuide.background3#89A78E35
  • editorIndentGuide.background4#B0C4B335
  • editorIndentGuide.background5#93AE9735
  • editorIndentGuide.background6#ACACC035
  • editorInfo.background#0A0D0A00
  • editorInfo.border#0A0D0D00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#E9E9E9ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#E9E9E9ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#E9E9E9ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E59B49fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#DB8A2Ffe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055a8
  • editorMarkerNavigationError.headerBackground#550055c7
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E9E9E9ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9E9E9ce
  • editorOverviewRuler.currentContentForeground#cececeab
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2DCE5ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E6E9E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#E9E9E9ce
  • editorOverviewRuler.wordHighlightTextForeground#E9E9E9ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B9B9B92e
  • editorStickyScroll.background#161616fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0B0B0B00
  • editorSuggestWidget.focusHighlightForeground#A3A3FBfe
  • editorSuggestWidget.foreground#CEDACFfe
  • editorSuggestWidget.highlightForeground#E2DCE5ca
  • editorSuggestWidget.selectedBackground#48604B87
  • editorSuggestWidget.selectedForeground#D6CEDAca
  • editorSuggestWidget.selectedIconForeground#CEDACFca
  • editorSuggestWidgetStatus.foreground#C4D3D3fe
  • editorUnicodeHighlight.background#4F6A53a4
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0A0D00
  • editorWarning.border#0C0A0D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9E9E9ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E9E9E9ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#F99323fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E9E9E9ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#E9E9E9ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0D0A0B00
  • extensionIcon.preReleaseForeground#CFBFC6fe
  • extensionIcon.sponsorForeground#C4D3C6fe
  • extensionIcon.starForeground#D6C9CFfe
  • extensionIcon.verifiedForeground#D3DEDEfe
  • focusBorder#0C0A0D00
  • foreground#E9E9E9ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#382543ca
  • inlineChat.border#272D1Cca
  • inlineChat.regionHighlight#DED7E1ca
  • inlineChat.shadow#DCDCDCca
  • inlineChatDiff.inserted#D6CEDAca
  • inlineChatDiff.removed#CECEDAca
  • inlineChatInput.background#DADED3ca
  • inlineChatInput.border#2C2C2Cca
  • inlineChatInput.focusBorder#0A0D0A00
  • inlineChatInput.placeholderForeground#D7E1E1ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E9E9E9ce
  • input.placeholderForeground#B9B9B965
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#E59B49fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067c2
  • inputValidation.errorBorder#550055a2
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E9E9E9ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2D2D2D9e
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E9E9E9ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#54445B88
  • list.activeSelectionForeground#E1E9E2ca
  • list.activeSelectionIconForeground#DCDCE5ca
  • list.deemphasizedForeground#E9E9E9ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0B0B0B00
  • list.focusBackground#49494996
  • list.focusForeground#E39742fe
  • list.focusHighlightForeground#5BBBBBfe
  • list.focusOutline#0C0D0A00
  • list.highlightForeground#E6E9E1ca
  • list.hoverBackground#2A1F24a7
  • list.hoverForeground#DE8E36fe
  • list.inactiveFocusBackground#2F2F2F92
  • list.inactiveFocusOutline#0C0D0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#E9E9E9ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0A0A0D00
  • listFilterWidget.outline#0C0D0A00
  • listFilterWidget.shadow#0A0D0A00
  • menu.background#0E0E0Efe
  • menu.border#0C0D0A00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#5A434Da3
  • menu.selectionBorder#0A0D0A00
  • menu.selectionForeground#F89325fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#5B434Eab
  • menubar.selectionBorder#0A0D0D00
  • menubar.selectionForeground#F99323fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#22222237
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679b
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222225
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#707070fe
  • minimapSlider.background#4E4E4Eae
  • minimapSlider.hoverBackground#5F5F5F6e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#D3D3DEca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#CECEDAca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#DB8A2Ffe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6C6C6C8e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#E9E9E9ce
  • notebookScrollbarSlider.activeBackground#6C6C6Cfe
  • notebookScrollbarSlider.background#4E4E4Eae
  • notebookScrollbarSlider.hoverBackground#6363636e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#E0E0E0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#E9E9E9ce
  • notificationLink.foreground#E9E9E9ce
  • notifications.background#161616fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E9E9E9ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#BFCFCFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#161616fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E9E9E9ce
  • panelTitle.activeBorder#0B0B0B00
  • panelTitle.activeForeground#F59527fe
  • panelTitle.inactiveForeground#ABABAB65
  • peekView.border#F69528fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#4F6A6A8c
  • peekViewEditor.matchHighlightBorder#0B0B0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E9E9E9ce
  • peekViewResult.lineForeground#E9E9E9ce
  • peekViewResult.matchHighlightBackground#6E535F82
  • peekViewResult.selectionBackground#4056438a
  • peekViewResult.selectionForeground#DADED3ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E9E9E9ce
  • peekViewTitleLabel.foreground#E9E9E9ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E9E9E9ce
  • ports.iconRunningProcessForeground#C4D3C6fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#D98629fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E9E9E9ae
  • quickInputList.focusBackground#3D5140a9
  • quickInputList.focusForeground#FA9321fe
  • quickInputList.focusIconForeground#FA9321fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0A0D0A00
  • scrollbarSlider.activeBackground#676767fe
  • scrollbarSlider.background#454545ae
  • scrollbarSlider.hoverBackground#5252526e
  • search.resultsInfoForeground#E9E9E9ce
  • searchEditor.findMatchBackground#494949a1
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#161616fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E9E9E9ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E9E9E9ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#4F6A538a
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E9E9E9ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E9E9E9ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#E39742fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E9E9E9ce
  • sideBar.background#161616fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0B0B0B00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E9E9E9ce
  • sideBarTitle.foreground#E9E9E9ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055af
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E9E9E9ce
  • statusBar.focusBorder#0C0D0A00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E9E9E9ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055a3
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055c8
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0B0B0B00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#D38126fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E9E9E9ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#D98629fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E9E9E9ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#E39742fe
  • statusBarItem.remoteBackground#D98629fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#E59B49fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#D3C4CAfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#B6B6C9fe
  • symbolIcon.colorForeground#DCDCE5fe
  • symbolIcon.constantForeground#E1D7DCfe
  • symbolIcon.constructorForeground#DCDCDCfe
  • symbolIcon.enumeratorForeground#C9C9D6fe
  • symbolIcon.enumeratorMemberForeground#BEBEBEfe
  • symbolIcon.eventForeground#BFCFCFfe
  • symbolIcon.fieldForeground#D3C4CAfe
  • symbolIcon.fileForeground#D7D7E1fe
  • symbolIcon.folderForeground#D3D3D3fe
  • symbolIcon.functionForeground#DED7E1fe
  • symbolIcon.interfaceForeground#DED3D7fe
  • symbolIcon.keyForeground#C9C9D6fe
  • symbolIcon.keywordForeground#CABFCFfe
  • symbolIcon.methodForeground#BFCFCFfe
  • symbolIcon.moduleForeground#BFCFCFfe
  • symbolIcon.namespaceForeground#BACBCBfe
  • symbolIcon.nullForeground#CACFBFfe
  • symbolIcon.numberForeground#CFCFCFfe
  • symbolIcon.objectForeground#D7E1E1fe
  • symbolIcon.operatorForeground#DED3D7fe
  • symbolIcon.packageForeground#D2D6C9fe
  • symbolIcon.propertyForeground#D2D6C9fe
  • symbolIcon.referenceForeground#D7D7E1fe
  • symbolIcon.snippetForeground#D6DACEfe
  • symbolIcon.stringForeground#C6CBBAfe
  • symbolIcon.structForeground#C9D6D6fe
  • symbolIcon.textForeground#D2C9D6fe
  • symbolIcon.typeParameterForeground#CBBAC2fe
  • symbolIcon.unitForeground#CFCFCFfe
  • symbolIcon.variableForeground#E1E9E2fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0D0A0B00
  • tab.activeBorderTop#F69427fe
  • tab.activeForeground#F89423fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0C0A0D00
  • tab.hoverBackground#C6B2BBa2
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#FA9321fe
  • tab.inactiveBackground#2D2D2D94
  • tab.inactiveForeground#ACACAC65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#1E1E1E3c
  • tab.unfocusedActiveBorder#0C0D0A00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ABABAB65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B8B8B825
  • tab.unfocusedHoverBorder#2222223c
  • tab.unfocusedHoverForeground#ABABAB65
  • tab.unfocusedInactiveBackground#2F2F2F9c
  • tab.unfocusedInactiveForeground#ACACAC65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b0
  • 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#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#2F2F2F9a
  • terminal.selectionBackground#59434B82
  • terminal.selectionForeground#DCDCDCca
  • terminal.tab.activeBorder#F69528fe
  • terminalCommandDecoration.defaultBackground#C1B4C7a6
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#D98629fe
  • terminalOverviewRuler.cursorForeground#E9E9E9ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09a
  • testing.iconUnset#808080a6
  • testing.message.error.decorationForeground#EBAA63fe
  • testing.message.error.lineBackground#550055c7
  • testing.message.info.decorationForeground#E5AD6Dfe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#F99323fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E9E9E9ce
  • textSeparator.foreground#E9E9E9ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ABABABae
  • titleBar.border#0A0D0D00
  • titleBar.inactiveBackground#222222dd
  • titleBar.inactiveForeground#A8A8A865
  • toolbar.activeBackground#46185783
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0A0D0D00
  • tree.inactiveIndentGuidesStroke#A2B9A535
  • tree.indentGuidesStroke#E5AD6Ffe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#E9E9E9ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#E9E9E9ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0D0A0B00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C0C0C06e
comment.block.html#C0C0C06e
comment.block.java#C0C0C06e
comment.block.javadoc.java#C0C0C06e
comment.block.powershell#C0C0C06e
comment.block.xml#C0C0C06e
comment.line.double-slash.c#C0C0C06e
comment.line.double-slash.cpp#BFBFBF6e
comment.line.double-slash.java#C0C0C06e
comment.line.double-slash.js#BFBFBF6e
comment.line.number-sign.makefile#C0C0C06e
comment.line.number-sign.python#C0C0C06e
comment.line.number-sign.yaml#C0C0C06e
comment.line.percentage.erlang#C0C0C06e
comment.line.powershell#BFBFBF6e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#C0C0C06e
constant.character#0EDE46de
constant.character.character-class.regexp#F0A6FEde
constant.character.escape#81D50Fde
constant.character.set.regexp#DE7AEFde
constant.language#0AD2EBde
constant.numeric#F07DA1de
constant.numeric.dec.python#9999F5de
constant.other.caps.python#0EDE46de
constant.other.character-class.regexp#F0B471de
constant.other.character-class.set.regexp#0EDE46de
constant.other.color.rgb-value#0DD2E9de
constant.other.placeholder#82D60Fde
constant.other.rgb-value#F17CA1de
constant.regexp#82D60Ede
constant.sha.git-rebase#E896F7de
emphasis#0AD2EAde
entity.name.class#0EDE44de
entity.name.function#0DD3EAde
entity.name.function.preprocessor#DE7AEFde
entity.name.function.python#0DD3EAde
entity.name.label#FEA7C3de
entity.name.namespace#FBB15Ede
entity.name.operator#F68EAFde
entity.name.operator.custom-literal#FDB05Bde
entity.name.scope-resolution#0EDE46de
entity.name.tag#F07DA1de
entity.name.tag.css#F27CA1de
entity.name.type#81D60Dde
entity.name.variable#0CDE43de
entity.other.attribute#9898F4de
entity.other.attribute-name#EEB06Ade
entity.other.attribute-name.class.css#0DD3EAde
entity.other.attribute-name.class.mixin.css#09DE42de
entity.other.attribute-name.id#EA9DF8de
entity.other.attribute-name.id.css#0ED2E8de
entity.other.attribute-name.parent-selector.css#0FDD45de
entity.other.attribute-name.pseudo-class.css#0CDE43de
entity.other.attribute-name.pseudo-element.css#81D50Dde
entity.other.attribute-name.scss#FEA7C3de
entity.other.document.begin.yaml#BFBFBF6e
entity.other.inherited-class#82D60Cde
header#9E9EF8de
invalid#DE7AF1de
keyword#9898F4de
keyword.codetag.notation.python#82D50Fde
keyword.control#82D50Fde
keyword.control.anchor.regexp#0EDD46de
keyword.control.import.python#0DD3EAde
keyword.operator#9999F5de
keyword.operator.alignas#81D60Dde
keyword.operator.alignof#0CDE43de
keyword.operator.cast#ADADFAde
keyword.operator.delete#F0A5FEde
keyword.operator.documentation.powershell#BFBFBF6e
keyword.operator.expression#B3B3FEde
keyword.operator.instanceof#F0B471de
keyword.operator.logical.python#0EDD46de
keyword.operator.minus.exponent#B3B3FEde
keyword.operator.negation.regexp#B5B5FBde
keyword.operator.new#0EDE44de
keyword.operator.noexcept#9999F2de
keyword.operator.or.regexp#0DD2E9de
keyword.operator.plus.exponent#B5B5FBde
keyword.operator.quantifier.regexp#0ED3EAde
keyword.operator.sizeof#FCB15Fde
keyword.operator.typeid#0DD3EAde
keyword.operator.wordlike#B3B3FEde
keyword.other.operator#EFA5FEde
keyword.other.package.java#EA9DF8de
keyword.other.unit#DE7AF1de
keyword.other.using#EFA5FEde
markup.bold#F380A4de
markup.changed#F0A6FEde
markup.deleted#9999F3de
markup.fenced_code.block.markdown#F17CA1de
markup.heading#FBB15Cde
markup.inline.raw#08DC40de
markup.inserted#9E9EF8de
markup.italic#0AD2EBde
markup.raw.block.markdown#81D60Fde
markup.strikethrough#E180F3de
markup.underline#EDAC63de
meta.block.c#E387F4de
meta.block.c#0DD3EBde
meta.class.java#82D60Ede
meta.definition.variable.name#0AD2EAde
meta.diff.header#FBB15Dde
meta.embedded#F0A5FEde
meta.embedded.assembly#7FD609de
meta.function-call.arguments.python#F0A2FEde
meta.function-call.python#DE7AEFde
meta.member.access.python#FBB160de
meta.method.java#F380A4de
meta.object-literal.key#EA9DF8de
meta.paragraph.markdown#FEA7C3de
meta.preprocessor#9898F4de
meta.preprocessor.numeric#0AD2EAde
meta.preprocessor.string#FBB15Fde
meta.scope.prerequisites.makefile#B3B3FEde
meta.structure.dictionary.json.comments#C0C0C06e
meta.structure.dictionary.key.python#0ADD43de
meta.structure.dictionary.value.json.comments#C0C0C06e
meta.template.expression#9999F3de
meta.type.cast.expr#0CDE43de
meta.type.new.expr#82D60Cde
parameter#FBB15Fde
punctuation.character.set.begin.regexp#81D50Fde
punctuation.character.set.end.regexp#FBB160de
punctuation.definition.array.begin.json#FBB160de
punctuation.definition.character-class.regexp#9999F2de
punctuation.definition.comment#C0C0C06e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#C0C0C06e
punctuation.definition.dictionary.begin.json#FBB15Dde
punctuation.definition.dictionary.end.json#83D60Fde
punctuation.definition.group.assertion.regexp#FCB15Cde
punctuation.definition.group.regexp#9999F2de
punctuation.definition.list.begin.json#F0A5FEde
punctuation.definition.list.begin.markdown#FBB15Fde
punctuation.definition.list.begin.python#82D60Fde
punctuation.definition.list.end.json#E387F4de
punctuation.definition.list.end.markdown#0CDE43de
punctuation.definition.list.end.python#EA9DF8de
punctuation.definition.parameters.begin.python#FBB160de
punctuation.definition.parameters.end.bracket.round.java#9999F2de
punctuation.definition.quote.begin.markdown#0ADD43de
punctuation.definition.tag#9898F5de
punctuation.definition.template-expression.begin#FDB05Dde
punctuation.definition.template-expression.end#FBB15Ede
punctuation.section.class.begin.bracket.curly.java#82D60Cde
punctuation.section.embedded#F487A9de
punctuation.section.embedded.begin.php#9999F5de
punctuation.section.embedded.end.php#B3B3FEde
punctuation.terminator.java#08DC40de
source.cmake#08DC40de
source.coffee.embedded#0EDE44de
source.cpp#FEA7C2de
source.css.less#9898F5de
source.groovy.embedded#F0A5FEde
source.java#0BD3EAde
source.java-properties#ADADFAde
source.json.comments#BFBFBF6e
source.makefile#A5A5F9de
source.powershell#82D60Ede
source.powershell.variable.other.member#9999F5de
source.python#FEA7C3de
storage#82D60Ede
storage.modifier#81D60Dde
storage.modifier.import.java#0BDD44de
storage.modifier.package.java#9898F4de
storage.type#0CD3EBde
storage.type.annotation.groovy#80D60Ade
storage.type.annotation.java#0ADD43de
storage.type.boolean.go#EEB06Ade
storage.type.byte.go#FCB15Cde
storage.type.cs#ECA5F9de
storage.type.error.go#FEA7C3de
storage.type.generic.cs#81D60Fde
storage.type.generic.groovy#0DD3EBde
storage.type.generic.java#0DD3EAde
storage.type.groovy#FDB05Bde
storage.type.java#9999F3de
storage.type.modifier.cs#ADADFAde
storage.type.numeric.go#FBB15Ede
storage.type.object.array.groovy#81D60Fde
storage.type.object.array.java#F68EAFde
storage.type.parameters.groovy#0ADE43de
storage.type.primitive.array.groovy#F487A9de
storage.type.primitive.array.java#EA9DF8de
storage.type.primitive.groovy#08DC40de
storage.type.primitive.java#0ED3EAde
storage.type.rune.go#E180F3de
storage.type.string.go#83D60Fde
storage.type.token.java#0EDD46de
storage.type.uintptr.go#EF7FA2de
storage.type.variable.cs#FBB160de
string#08DC40de
string.quoted.docstring.multi.python#BFBFBF6e
string.regexp#F27CA1de
string.tag#9898F4de
string.value#82D50Fde
strong#F07DA1de
support.class#82D60Ede
support.constant.color#81D50Fde
support.constant.dom#0DD3EAde
support.constant.font-name#9898F7de
support.constant.handlebars#0DD3EAde
support.constant.json#9999F2de
support.constant.math#7FD609de
support.constant.media#9999F3de
support.constant.media-type#F0A5FEde
support.constant.property-value#9999F1de
support.function#9999F2de
support.function.git-rebase#FBB15Dde
support.other.parenthesis.regexp#ADADFAde
support.type#7FD40Bde
support.type.property-name#82D50Fde
support.type.vendored.property-name#F0A2FEde
support.variable#FBB15Dde
token.debug-token#0DD2EAde
token.error-token#E387F4de
token.info-token#FDB05Dde
token.warn-token#9E9EF8de
variable#81D60Dde
variable.css#82D60Ede
variable.language#09D3ECde
variable.language.wildcard.java#F0B471de
variable.other.constant#ADADFAde
variable.other.definition.java#9999F4de
variable.other.enummember#80D60Ade
variable.other.less#81D50Fde
variable.other.object.java#80D60Ade
variable.other.object.property.java#9898F5de
variable.parameter.c#FBB15Cde
variable.parameter.function.language.python#F27CA1de
variable.parameter.java#ADADFAde
variable.scss#0ED3EAde
viiv by B.W - VS Code Theme