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#047447fe
  • activityBar.activeFocusBorder#33713300
  • activityBar.background#0E0E0Efe
  • activityBar.border#A53A8100
  • activityBar.dropBorder#057347fe
  • activityBar.foreground#067246fe
  • activityBar.inactiveForeground#63636365
  • activityBarBadge.background#0A754Afe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#0AB06Efe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#BFD0CEfe
  • breadcrumb.activeSelectionForeground#DDE5DDca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#0AB06Efe
  • breadcrumb.foreground#B7B7B7ae
  • breadcrumbPicker.background#161616fe
  • button.background#414141ae
  • button.border#0B0B0E00
  • button.foreground#B8B8B8ce
  • button.hoverBackground#2B2B2B6e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0B0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#11322E8c
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#0A7249fe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#2D2D2D9a
  • commandCenter.inactiveForeground#63636365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0E0B00
  • contrastBorder#0E0B0D00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CABFD0fe
  • debugExceptionWidget.background#5500559f
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#D3DED3fe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#D3D4DEfe
  • debugIcon.breakpointStackframeForeground#DBDED3fe
  • debugIcon.breakpointUnverifiedForeground#DED8E2fe
  • debugIcon.continueForeground#BFC2D0fe
  • debugIcon.disconnectForeground#C0C5B1fe
  • debugIcon.pauseForeground#CEDBD9fe
  • debugIcon.restartForeground#D0BFC8fe
  • debugIcon.startForeground#D6CEDBfe
  • debugIcon.stepBackForeground#C2C2C2fe
  • debugIcon.stepIntoForeground#E2DDE5fe
  • debugIcon.stepOutForeground#D0D3C4fe
  • debugIcon.stepOverForeground#D2C9D7fe
  • debugIcon.stopForeground#C9D7C9fe
  • debugTokenExpression.boolean#D8D8D8ca
  • debugTokenExpression.error#E5DDE1ca
  • debugTokenExpression.name#D8E2E0ca
  • debugTokenExpression.number#D3DED3ca
  • debugTokenExpression.value#E5DDE1ca
  • debugToolBar.background#550055a3
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#442233ca
  • debugView.exceptionLabelForeground#D2C9D7ca
  • debugView.stateLabelBackground#2B2B2Bca
  • debugView.stateLabelForeground#DAD3DEca
  • debugView.valueChangedHighlight#DED3D8ca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0E0B0D00
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#00350031
  • diffEditor.insertedTextBackground#0C330Efb
  • diffEditor.insertedTextBorder#0B0E0B00
  • diffEditor.move.border#0B0E0E00
  • diffEditor.moveActive.border#0D0B0E00
  • diffEditor.removedLineBackground#62000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0B0E0E00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B9B9B965
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#5B424Ea1
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#474C38a8
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#414768ae
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#37504D85
  • editor.foldBackground#AAB4F4aa
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#564261a3
  • editor.inactiveSelectionBackground#4A4A4A92
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#2F2F2Fb3
  • editor.lineHighlightBorder#0A0A0A00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#444861ac
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#6A5776a3
  • editor.selectionForeground#D3DEDDca
  • editor.selectionHighlightBackground#5E455189
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#624956ab
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#665471ac
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#61674Ca4
  • editor.symbolHighlightBackground#547154a4
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#6A7154a6
  • editor.wordHighlightBorder#0B0E0E00
  • editor.wordHighlightStrongBackground#547154aa
  • editor.wordHighlightStrongBorder#0B0B0E00
  • editor.wordHighlightTextBackground#62506Cad
  • editor.wordHighlightTextBorder#0E0B0D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#ACB4F5a8
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#ADB4F283
  • editorBracketPairGuide.activeBackground2#AAC1648a
  • editorBracketPairGuide.activeBackground3#EFA1C883
  • editorBracketPairGuide.activeBackground4#AAC15F87
  • editorBracketPairGuide.activeBackground5#D5A5F183
  • editorBracketPairGuide.activeBackground6#ACB4F489
  • editorBracketPairGuide.background1#1A321Afe
  • editorBracketPairGuide.background2#2D2D2Dfe
  • editorBracketPairGuide.background3#2B2F19fe
  • editorBracketPairGuide.background4#282E19fe
  • editorBracketPairGuide.background5#232857fe
  • editorBracketPairGuide.background6#1A321Afe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#610000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#09B772fe
  • editorError.background#0A0A0A00
  • editorError.border#0A0A0A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0B0B0E00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0A0A0A00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#161616a1
  • editorGroupHeader.tabsBorder#0D0B0E00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0B0E00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#DCDCDCca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B7B7B7fe
  • editorIndentGuide.activeBackground2#B7B7B7fe
  • editorIndentGuide.activeBackground3#B8B8B8fe
  • editorIndentGuide.activeBackground4#B7B7B7fe
  • editorIndentGuide.activeBackground5#B8B8B8fe
  • editorIndentGuide.activeBackground6#B7B7B7fe
  • editorIndentGuide.background1#A999B335
  • editorIndentGuide.background2#B1A2BA35
  • editorIndentGuide.background3#9580A135
  • editorIndentGuide.background4#94AF9435
  • editorIndentGuide.background5#A8AF9435
  • editorIndentGuide.background6#A88A9935
  • editorInfo.background#0B0E0B00
  • editorInfo.border#0D0E0B00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#08C077fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#09B772fe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#550055a8
  • editorMarkerNavigationError.headerBackground#550055cb
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#342B00fe
  • editorMarkerNavigationWarning.headerBackground#342B00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#272727fe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cececec4
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DBDED3ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CEDBCEca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B83e
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0B0B0E00
  • editorStickyScrollHover.background#2B2B2B6e
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0D0B0E00
  • editorSuggestWidget.focusHighlightForeground#5C6D2Bfe
  • editorSuggestWidget.foreground#D8E2E0fe
  • editorSuggestWidget.highlightForeground#DDDEE5ca
  • editorSuggestWidget.selectedBackground#5740658b
  • editorSuggestWidget.selectedForeground#CED0DBca
  • editorSuggestWidget.selectedIconForeground#D8E2E0ca
  • editorSuggestWidgetStatus.foreground#C4D3C4fe
  • editorUnicodeHighlight.background#54716Dac
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#332A00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0B0E00
  • editorWarning.border#0B0B0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#07C579fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2727276e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0E0B0D00
  • extensionIcon.preReleaseForeground#CCBBC3fe
  • extensionIcon.sponsorForeground#D0BFC8fe
  • extensionIcon.starForeground#D0BFC8fe
  • extensionIcon.verifiedForeground#B6C9C6fe
  • focusBorder#0B0E0E00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#1A312Eca
  • inlineChat.border#282D1Aca
  • inlineChat.regionHighlight#C9CBD7ca
  • inlineChat.shadow#D8D9E2ca
  • inlineChatDiff.inserted#DCDCDCca
  • inlineChatDiff.removed#D8D9E2ca
  • inlineChatInput.background#DBCED4ca
  • inlineChatInput.border#2B2B2Bca
  • inlineChatInput.focusBorder#0E0B0D00
  • inlineChatInput.placeholderForeground#E3E5DDca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#0A754Afe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067a8
  • inputValidation.errorBorder#550055aa
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D98
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#5F415089
  • list.activeSelectionForeground#D3D7C9ca
  • list.activeSelectionIconForeground#DCDCDCca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0A0A0A00
  • list.focusBackground#4A4A4A96
  • list.focusForeground#09C177fe
  • list.focusHighlightForeground#B22E6Afe
  • list.focusOutline#0B0E0E00
  • list.highlightForeground#DFE2D8ca
  • list.hoverBackground#2D2D2D6e
  • list.hoverForeground#07BE76fe
  • list.inactiveFocusBackground#34343494
  • list.inactiveFocusOutline#0B0B0E00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0E0B0D00
  • listFilterWidget.outline#0B0E0E00
  • listFilterWidget.shadow#0B0B0E00
  • menu.background#0E0E0Efe
  • menu.border#0D0B0E00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#506C69a4
  • menu.selectionBorder#0B0E0B00
  • menu.selectionForeground#09BE76fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#626684a6
  • menubar.selectionBorder#0E0B0D00
  • menubar.selectionForeground#07BE76fe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00350031
  • merge.currentHeaderBackground#0C330Efb
  • merge.incomingContentBackground#103412cb
  • merge.incomingHeaderBackground#0C330Efb
  • 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#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#1E1E1E2b
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a9
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222224
  • 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#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#747474fe
  • minimapSlider.background#414141ae
  • minimapSlider.hoverBackground#2B2B2B6e
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#D3D3D3ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DDE5E4ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#09B772fe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#7979798e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#747474fe
  • notebookScrollbarSlider.background#454545ae
  • notebookScrollbarSlider.hoverBackground#2F2F2F6e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#B6C9B6fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C8B1BDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#B8B8B8ce
  • panelTitle.activeBorder#0B0E0B00
  • panelTitle.activeForeground#037347fe
  • panelTitle.inactiveForeground#63636365
  • peekView.border#067348fe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#5E455182
  • peekViewEditor.matchHighlightBorder#0B0E0E00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#59496285
  • peekViewResult.selectionBackground#6C505E8b
  • peekViewResult.selectionForeground#D8D9E2ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#DFE2D8fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#07C579fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#B8B8B8ae
  • quickInputList.focusBackground#3A3D4Fa7
  • quickInputList.focusForeground#08C077fe
  • quickInputList.focusIconForeground#07C579fe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0B0B0E00
  • scrollbarSlider.activeBackground#6C6C6Cfe
  • scrollbarSlider.background#414141ae
  • scrollbarSlider.hoverBackground#3838386e
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#624052ad
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#653D5187
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#09C177fe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0A0A0A00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#5500559c
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0B0E0B00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055c3
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055bf
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0B0E0B00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#0AB06Efe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#09BE76fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#07C579fe
  • statusBarItem.remoteBackground#07BE76fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#08C077fe
  • statusBarItem.warningBackground#342B00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#342B00fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D2C9D7fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#DED8E2fe
  • symbolIcon.colorForeground#BBCCCAfe
  • symbolIcon.constantForeground#C9CBD7fe
  • symbolIcon.constructorForeground#C4C9B6fe
  • symbolIcon.enumeratorForeground#CABFD0fe
  • symbolIcon.enumeratorMemberForeground#B1C5B1fe
  • symbolIcon.eventForeground#CBCBCBfe
  • symbolIcon.fieldForeground#D8E2E0fe
  • symbolIcon.fileForeground#CEDBD9fe
  • symbolIcon.folderForeground#D3C4CCfe
  • symbolIcon.functionForeground#BFC2D0fe
  • symbolIcon.interfaceForeground#CED0DBfe
  • symbolIcon.keyForeground#D3DED3fe
  • symbolIcon.keywordForeground#C4C6D3fe
  • symbolIcon.methodForeground#DFE2D8fe
  • symbolIcon.moduleForeground#D8D9E2fe
  • symbolIcon.namespaceForeground#E2DDE5fe
  • symbolIcon.nullForeground#D8D9E2fe
  • symbolIcon.numberForeground#D7C9D0fe
  • symbolIcon.objectForeground#DBDED3fe
  • symbolIcon.operatorForeground#CCD0BFfe
  • symbolIcon.packageForeground#DBCED4fe
  • symbolIcon.propertyForeground#DDE5DDfe
  • symbolIcon.referenceForeground#E2D8DDfe
  • symbolIcon.snippetForeground#CED0DBfe
  • symbolIcon.stringForeground#B6C9B6fe
  • symbolIcon.structForeground#C6C6C6fe
  • symbolIcon.textForeground#E0E0E0fe
  • symbolIcon.typeParameterForeground#B1C5B1fe
  • symbolIcon.unitForeground#D3DED3fe
  • symbolIcon.variableForeground#D8E2E0fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0B0B0E00
  • tab.activeBorderTop#08744Afe
  • tab.activeForeground#057347fe
  • tab.activeModifiedBorder#332A00ce
  • tab.border#0B0E0E00
  • tab.hoverBackground#B9B9B96e
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#08C077fe
  • tab.inactiveBackground#2D2D2D98
  • tab.inactiveForeground#63636365
  • tab.inactiveModifiedBorder#332A00ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#2222223d
  • tab.unfocusedActiveBorder#0D0B0E00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#A8A8A865
  • tab.unfocusedActiveModifiedBorder#332A00ce
  • tab.unfocusedHoverBackground#B9B9B96e
  • tab.unfocusedHoverBorder#1E1E1E2a
  • tab.unfocusedHoverForeground#64646465
  • tab.unfocusedInactiveBackground#38383892
  • tab.unfocusedInactiveForeground#63636365
  • tab.unfocusedInactiveModifiedBorder#332A00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b4
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#34343493
  • terminal.selectionBackground#575E458b
  • terminal.selectionForeground#CEDBCEca
  • terminal.tab.activeBorder#067348fe
  • terminalCommandDecoration.defaultBackground#ADB4F2ad
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#0A7249fe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#56E2AAfe
  • testing.message.error.lineBackground#550055a8
  • testing.message.info.decorationForeground#50DFA6fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#09C177fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#636363ae
  • titleBar.border#0A0A0A00
  • titleBar.inactiveBackground#222222d6
  • titleBar.inactiveForeground#63636365
  • toolbar.activeBackground#10322C8b
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0A0A0A00
  • tree.inactiveIndentGuidesStroke#99B3B035
  • tree.indentGuidesStroke#44DA9Efe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0B0B0E00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2D2D2D9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A3A3A36e
comment.block.html#A2A2A26e
comment.block.java#A2A2A26e
comment.block.javadoc.java#A3A3A36e
comment.block.powershell#A1A1A16e
comment.block.xml#A3A3A36e
comment.line.double-slash.c#A1A1A16e
comment.line.double-slash.cpp#A3A3A36e
comment.line.double-slash.java#A2A2A26e
comment.line.double-slash.js#A1A1A16e
comment.line.number-sign.makefile#A3A3A36e
comment.line.number-sign.python#A1A1A16e
comment.line.number-sign.yaml#A2A2A26e
comment.line.percentage.erlang#A2A2A26e
comment.line.powershell#A3A3A36e
comment.source.cmake#A3A3A36e
comment.source.cmakecache#A3A3A36e
constant.character#33D192de
constant.character.character-class.regexp#EF847Cde
constant.character.escape#BAA20Ade
constant.character.set.regexp#69A5E9de
constant.language#6AA5E9de
constant.numeric#3ED79Ade
constant.numeric.dec.python#69A6E9de
constant.other.caps.python#EE77CEde
constant.other.character-class.regexp#5DD73Ede
constant.other.character-class.set.regexp#F7A59Fde
constant.other.color.rgb-value#F28AD7de
constant.other.placeholder#EF847Cde
constant.other.rgb-value#B291F4de
constant.regexp#69A6EAde
constant.sha.git-rebase#69A5E8de
emphasis#EF847Cde
entity.name.class#EF847Cde
entity.name.function#3ED79Ade
entity.name.function.preprocessor#68A5E9de
entity.name.function.python#2DBC0Ade
entity.name.label#EE79CFde
entity.name.namespace#B291F4de
entity.name.operator#EE847Cde
entity.name.operator.custom-literal#33D192de
entity.name.scope-resolution#B291F4de
entity.name.tag#F598DDde
entity.name.tag.css#B291F4de
entity.name.type#BAA309de
entity.name.variable#2DBA0Ade
entity.other.attribute#EE78CEde
entity.other.attribute-name#4FCC2Fde
entity.other.attribute-name.class.css#B3A22Ede
entity.other.attribute-name.class.mixin.css#69A5E9de
entity.other.attribute-name.id#EE77CFde
entity.other.attribute-name.id.css#EE77CEde
entity.other.attribute-name.parent-selector.css#EF847Cde
entity.other.attribute-name.pseudo-class.css#07BB73de
entity.other.attribute-name.pseudo-element.css#F79FDFde
entity.other.attribute-name.scss#B3A22Ede
entity.other.document.begin.yaml#A2A2A26e
entity.other.inherited-class#B291F4de
header#B190F4de
invalid#2FB680de
keyword#B191F4de
keyword.codetag.notation.python#ED77CEde
keyword.control#F49891de
keyword.control.anchor.regexp#EE837Cde
keyword.control.import.python#2DBA09de
keyword.operator#BCA92Fde
keyword.operator.alignas#CCB82Fde
keyword.operator.alignof#09C77Bde
keyword.operator.cast#EF837Bde
keyword.operator.delete#B190F3de
keyword.operator.documentation.powershell#A2A2A26e
keyword.operator.expression#2EBD0Ade
keyword.operator.instanceof#EE847Cde
keyword.operator.logical.python#09CC7Ede
keyword.operator.minus.exponent#B3A22Fde
keyword.operator.negation.regexp#BBA30Ade
keyword.operator.new#BBA30Ade
keyword.operator.noexcept#B291F4de
keyword.operator.or.regexp#B392F4de
keyword.operator.plus.exponent#2EBA0Ade
keyword.operator.quantifier.regexp#B190F4de
keyword.operator.sizeof#2EBA0Ade
keyword.operator.typeid#2FC488de
keyword.operator.wordlike#B190F3de
keyword.other.operator#B191F4de
keyword.other.package.java#B291F4de
keyword.other.unit#B191F4de
keyword.other.using#B190F4de
markup.bold#2DBB0Ade
markup.changed#76ADEDde
markup.deleted#2EBA0Ade
markup.fenced_code.block.markdown#09CE80de
markup.heading#BBA30Ade
markup.inline.raw#EE79CFde
markup.inserted#2EBA0Ade
markup.italic#F2918Ade
markup.raw.block.markdown#EF837Bde
markup.strikethrough#F183D3de
markup.underline#EE79CFde
meta.block.c#2DBA0Ade
meta.block.c#EF837Cde
meta.class.java#6AA5E9de
meta.definition.variable.name#69A6EAde
meta.diff.header#09CC7Ede
meta.embedded#6AA5E9de
meta.embedded.assembly#EF837Bde
meta.function-call.arguments.python#B190F3de
meta.function-call.python#F8ACA7de
meta.member.access.python#09CA7Dde
meta.method.java#69A6EAde
meta.object-literal.key#07BB73de
meta.paragraph.markdown#2DBA0Ade
meta.preprocessor#BBA30Ade
meta.preprocessor.numeric#EE79CFde
meta.preprocessor.string#2FCC8Ede
meta.scope.prerequisites.makefile#09CC7Ede
meta.structure.dictionary.json.comments#A3A3A36e
meta.structure.dictionary.key.python#CCB82Fde
meta.structure.dictionary.value.json.comments#A1A1A16e
meta.template.expression#B8A10Ade
meta.type.cast.expr#6FA9EBde
meta.type.new.expr#B190F4de
parameter#D4BF39de
punctuation.character.set.begin.regexp#B190F4de
punctuation.character.set.end.regexp#2BBB07de
punctuation.definition.array.begin.json#4DC42Fde
punctuation.definition.character-class.regexp#08B972de
punctuation.definition.comment#A3A3A36e
punctuation.definition.comment.json.comments#A3A3A36e
punctuation.definition.comment.python#A1A1A16e
punctuation.definition.dictionary.begin.json#6FA9EBde
punctuation.definition.dictionary.end.json#EF847Dde
punctuation.definition.group.assertion.regexp#B190F4de
punctuation.definition.group.regexp#BBA309de
punctuation.definition.list.begin.json#B8A10Ade
punctuation.definition.list.begin.markdown#09BA73de
punctuation.definition.list.begin.python#EE847Cde
punctuation.definition.list.end.json#69A6EAde
punctuation.definition.list.end.markdown#2FCC8Ede
punctuation.definition.list.end.python#83B6F1de
punctuation.definition.parameters.begin.python#F7A59Fde
punctuation.definition.parameters.end.bracket.round.java#F7A59Fde
punctuation.definition.quote.begin.markdown#6AA5E9de
punctuation.definition.tag#F79FDFde
punctuation.definition.template-expression.begin#EE837Bde
punctuation.definition.template-expression.end#09CC7Ede
punctuation.section.class.begin.bracket.curly.java#EF837Cde
punctuation.section.embedded#2DBB09de
punctuation.section.embedded.begin.php#68A5E9de
punctuation.section.embedded.end.php#B190F3de
punctuation.terminator.java#BAA20Ade
source.cmake#F2918Ade
source.coffee.embedded#EF7CD0de
source.cpp#2DBB0Ade
source.css.less#BAA20Ade
source.groovy.embedded#B291F4de
source.java#08DA86de
source.java-properties#B8A10Ade
source.json.comments#A2A2A26e
source.makefile#ED77CEde
source.powershell#69A6EAde
source.powershell.variable.other.member#5DD73Ede
source.python#D4BF39de
storage#08B972de
storage.modifier#ED77CEde
storage.modifier.import.java#2EBD0Ade
storage.modifier.package.java#09CB7Ede
storage.type#4AB82Ede
storage.type.annotation.groovy#B392F4de
storage.type.annotation.java#BAA20Ade
storage.type.boolean.go#07BB73de
storage.type.byte.go#B9A208de
storage.type.cs#91BFF4de
storage.type.error.go#33D192de
storage.type.generic.cs#ED77CEde
storage.type.generic.groovy#EF847Cde
storage.type.generic.java#B191F4de
storage.type.groovy#F2918Ade
storage.type.java#EE837Cde
storage.type.modifier.cs#76ADEDde
storage.type.numeric.go#B190F4de
storage.type.object.array.groovy#F79FDFde
storage.type.object.array.java#08DA86de
storage.type.parameters.groovy#76ADEDde
storage.type.primitive.array.groovy#BCA92Fde
storage.type.primitive.array.java#B190F4de
storage.type.primitive.groovy#4FCC2Fde
storage.type.primitive.java#BAA20Ade
storage.type.rune.go#F28AD7de
storage.type.string.go#B292F4de
storage.type.token.java#58D439de
storage.type.uintptr.go#F18A83de
storage.type.variable.cs#EE77CFde
string#09BC75de
string.quoted.docstring.multi.python#A2A2A26e
string.regexp#EF837Cde
string.tag#D1BC33de
string.value#2EBA0Ade
strong#08DA86de
support.class#4DC42Fde
support.constant.color#ED77CEde
support.constant.dom#EE837Bde
support.constant.font-name#ED77CEde
support.constant.handlebars#91BFF4de
support.constant.json#B291F4de
support.constant.math#07BB72de
support.constant.media#EE847Cde
support.constant.media-type#EF847Cde
support.constant.property-value#2CBB07de
support.function#4BBC2Fde
support.function.git-rebase#39D496de
support.other.parenthesis.regexp#CCB82Fde
support.type#2DBC0Ade
support.type.property-name#4DC42Fde
support.type.vendored.property-name#ED77CEde
support.variable#B190F4de
token.debug-token#33D192de
token.error-token#ED78CEde
token.info-token#ED78CEde
token.warn-token#B191F4de
variable#2EBD0Ade
variable.css#83B6F1de
variable.language#76ADEDde
variable.language.wildcard.java#6AA5E9de
variable.other.constant#2EBA0Ade
variable.other.definition.java#08B972de
variable.other.enummember#68A5E9de
variable.other.less#ED77CEde
variable.other.object.java#ED77CEde
variable.other.object.property.java#F8ACA7de
variable.parameter.c#B392F4de
variable.parameter.function.language.python#F59E98de
variable.parameter.java#EE837Bde
variable.scss#2EBD0Ade
viiv by B.W - VS Code Theme