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#15151Efe
  • activityBar.activeBackground#15151Efe
  • activityBar.activeBorder#357305fe
  • activityBar.activeFocusBorder#30704000
  • activityBar.background#0D0D13fe
  • activityBar.border#9637B600
  • activityBar.dropBorder#337303fe
  • activityBar.foreground#347404fe
  • activityBar.inactiveForeground#A9A9C365
  • activityBarBadge.background#37710Bfe
  • activityBarBadge.foreground#0D0D13fe
  • badge.background#37720Bfe
  • badge.foreground#0D0D13fe
  • banner.background#15151Efe
  • banner.foreground#B0B0FAce
  • banner.iconForeground#E4DBE6fe
  • breadcrumb.activeSelectionForeground#E9E4E0ca
  • breadcrumb.background#0F0F16fe
  • breadcrumb.focusForeground#37720Bfe
  • breadcrumb.foreground#B2B2FBae
  • breadcrumbPicker.background#15151Efe
  • button.background#303045ae
  • button.border#0A0A0E00
  • button.foreground#B0B0FAce
  • button.hoverBackground#2626366e
  • button.secondaryBackground#15151Efe
  • button.secondaryForeground#B0B0FAce
  • button.secondaryHoverBackground#15151Efe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B0B0FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#15151Efe
  • chat.slashCommandForeground#B0B0FAce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#B0B0FAce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#2C1D1188
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#36720Afe
  • commandCenter.background#15151Efe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#B0B0FAce
  • commandCenter.inactiveBorder#0A0A2E93
  • commandCenter.inactiveForeground#9595B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0E0A00
  • contrastBorder#0A0E0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B0B0FAce
  • debugConsole.sourceForeground#B0B0FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CAB3B8fe
  • debugExceptionWidget.background#410041aa
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#C7D6D8fe
  • debugIcon.breakpointDisabledForeground#B2B2E865
  • debugIcon.breakpointForeground#D1C6BDfe
  • debugIcon.breakpointStackframeForeground#DBCCD0fe
  • debugIcon.breakpointUnverifiedForeground#C2D4C6fe
  • debugIcon.continueForeground#E7E0E9fe
  • debugIcon.disconnectForeground#DDE2D6fe
  • debugIcon.pauseForeground#D9DFD1fe
  • debugIcon.restartForeground#DBDBE6fe
  • debugIcon.startForeground#E0E9E2fe
  • debugIcon.stepBackForeground#CCCCDBfe
  • debugIcon.stepIntoForeground#E5E9E0fe
  • debugIcon.stepOutForeground#DBE5E6fe
  • debugIcon.stepOverForeground#B8B8CDfe
  • debugIcon.stopForeground#CCCCDBfe
  • debugTokenExpression.boolean#E6DBDEca
  • debugTokenExpression.error#D1DFD4ca
  • debugTokenExpression.name#E4DBE6ca
  • debugTokenExpression.number#E6DBDEca
  • debugTokenExpression.value#E1E6DBca
  • debugToolBar.background#410041bc
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#2D1932ca
  • debugView.exceptionLabelForeground#D6E2D9ca
  • debugView.stateLabelBackground#321920ca
  • debugView.stateLabelForeground#D5DBCCca
  • debugView.valueChangedHighlight#E0E9E2ca
  • descriptionForeground#B0B0FAce
  • diffEditor.border#0C0E0A00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0A260Cfb
  • diffEditor.insertedTextBorder#0E0A0B00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0A0A0E00
  • diffEditor.removedLineBackground#49000031
  • diffEditor.removedTextBackground#4B0000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#15151Efe
  • diffEditor.unchangedRegionBackground#15151Efe
  • diffEditor.unchangedRegionForeground#B0B0FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E165
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#B0B0FAce
  • dropdown.listBackground#0C0C11fe
  • editor.background#15151Efe
  • editor.findMatchBackground#677753a3
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#5D3D66ac
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#3B5441a8
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#364D4F83
  • editor.foldBackground#DFA2F0a7
  • editor.foreground#B0B0FAce
  • editor.hoverHighlightBackground#44447Aa1
  • editor.inactiveSelectionBackground#3F3F9392
  • editor.inlineValuesBackground#15151Efe
  • editor.inlineValuesForeground#B0B0FAce
  • editor.lineHighlightBackground#262636b1
  • editor.lineHighlightBorder#0E0A0B00
  • editor.linkedEditingBackground#15151Efe
  • editor.rangeHighlightBackground#3B5254a5
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#375117a9
  • editor.selectionForeground#E6DBDEca
  • editor.selectionHighlightBackground#664C6D83
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#684950a1
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#5B3F62aa
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#496850aa
  • editor.symbolHighlightBackground#364F3Bad
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#505072ad
  • editor.wordHighlightBorder#0A0E0E00
  • editor.wordHighlightStrongBackground#776353a4
  • editor.wordHighlightStrongBorder#0C0E0A00
  • editor.wordHighlightTextBackground#425B5Ea7
  • editor.wordHighlightTextBorder#0D0A0E00
  • editorBracketHighlight.foreground1#F4F4F7ce
  • editorBracketHighlight.foreground2#F4F4F7ce
  • editorBracketHighlight.foreground3#F4F4F7ce
  • editorBracketHighlight.foreground4#F4F4F7ce
  • editorBracketHighlight.foreground5#F4F4F7ce
  • editorBracketHighlight.foreground6#F4F4F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B0B0FAce
  • editorBracketMatch.background#F2A2B3a3
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#60CD7889
  • editorBracketPairGuide.activeBackground2#97C75484
  • editorBracketPairGuide.activeBackground3#DFA2F08e
  • editorBracketPairGuide.activeBackground4#5EC6D081
  • editorBracketPairGuide.activeBackground5#64CC7C8d
  • editorBracketPairGuide.activeBackground6#F3A2B58b
  • editorBracketPairGuide.background1#34191Ffe
  • editorBracketPairGuide.background2#132123fe
  • editorBracketPairGuide.background3#1D2313fe
  • editorBracketPairGuide.background4#142124fe
  • editorBracketPairGuide.background5#31191Ffe
  • editorBracketPairGuide.background6#1D1D3Afe
  • editorCodeLens.foreground#B3B3EE6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#15151Efe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4B0000cb
  • editorCursor.background#15151Efe
  • editorCursor.foreground#36700Afe
  • editorError.background#0A0E0E00
  • editorError.border#0C0E0A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151Efe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#B3B3EC6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#15151Efe
  • editorGroup.dropIntoPromptBackground#15151Efe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#B0B0FAce
  • editorGroup.emptyBackground#15151Efe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0A0A0E00
  • editorGroupHeader.noTabsBackground#0D0D13ae
  • editorGroupHeader.tabsBackground#15151Ea1
  • editorGroupHeader.tabsBorder#0A0E0B00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#15151Efe
  • editorGutter.commentGlyphForeground#B0B0FAce
  • editorGutter.commentRangeForeground#B0B0FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B0B0FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0B00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#B0B0FAce
  • editorHoverWidget.highlightForeground#DDE2D6ca
  • editorHoverWidget.statusBarBackground#15151Efe
  • editorIndentGuide.activeBackground1#B2B2F3fe
  • editorIndentGuide.activeBackground2#B2B2F4fe
  • editorIndentGuide.activeBackground3#B2B2F3fe
  • editorIndentGuide.activeBackground4#B2B2F5fe
  • editorIndentGuide.activeBackground5#B2B2F5fe
  • editorIndentGuide.activeBackground6#B2B2F4fe
  • editorIndentGuide.background1#A4BCBF35
  • editorIndentGuide.background2#C6B9AE35
  • editorIndentGuide.background3#B3BFA435
  • editorIndentGuide.background4#B9A4BF35
  • editorIndentGuide.background5#ABB89A35
  • editorIndentGuide.background6#9AB8A135
  • editorInfo.background#0E0C0A00
  • editorInfo.border#0A0E0B00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151Efe
  • editorInlayHint.foreground#B0B0FAce
  • editorInlayHint.parameterBackground#15151Efe
  • editorInlayHint.parameterForeground#B0B0FAce
  • editorInlayHint.typeBackground#15151Efe
  • editorInlayHint.typeForeground#B0B0FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#37700Afe
  • editorLineNumber.dimmedForeground#B3B3EE6e
  • editorLineNumber.foreground#B2B2ED6e
  • editorLink.activeForeground#36720Afe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#410041bc
  • editorMarkerNavigationError.headerBackground#410041a7
  • editorMarkerNavigationInfo.background#00007Efe
  • editorMarkerNavigationInfo.headerBackground#00007Efe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151Efe
  • editorOverviewRuler.border#1F1F2Cfe
  • editorOverviewRuler.bracketMatchForeground#B0B0FAce
  • editorOverviewRuler.commentForeground#B3B3EF6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B0B0FAce
  • editorOverviewRuler.currentContentForeground#cececea4
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D8C7CBca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D1D1DFca
  • editorOverviewRuler.wordHighlightStrongForeground#B0B0FAce
  • editorOverviewRuler.wordHighlightTextForeground#B0B0FAce
  • editorPane.background#15151Efe
  • editorRuler.foreground#B1B1F822
  • editorStickyScroll.background#15151Efe
  • editorStickyScroll.shadow#0E0C0A00
  • editorStickyScrollHover.background#1F1F2C6e
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0A0E0E00
  • editorSuggestWidget.focusHighlightForeground#4F6C29fe
  • editorSuggestWidget.foreground#DDE2D6fe
  • editorSuggestWidget.highlightForeground#CCDBD0ca
  • editorSuggestWidget.selectedBackground#6857498d
  • editorSuggestWidget.selectedForeground#DBDBE6ca
  • editorSuggestWidget.selectedIconForeground#D5DBCCca
  • editorSuggestWidgetStatus.foreground#C2C2D4fe
  • editorUnicodeHighlight.background#5D3D66ac
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#261F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0A00
  • editorWarning.border#0D0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B0B0FAce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#B0B0FAce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#36720Afe
  • extensionBadge.remoteForeground#0D0D13fe
  • extensionButton.background#0E0E49ae
  • extensionButton.foreground#B0B0FAce
  • extensionButton.hoverBackground#08082B6e
  • extensionButton.prominentBackground#15151Efe
  • extensionButton.prominentForeground#B0B0FAce
  • extensionButton.prominentHoverBackground#15151Efe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#E6DBDEfe
  • extensionIcon.sponsorForeground#CABDB3fe
  • extensionIcon.starForeground#DDE2D6fe
  • extensionIcon.verifiedForeground#E0E8E9fe
  • focusBorder#0A0A0E00
  • foreground#B0B0FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B3B3F6ae
  • inlineChat.background#1D1D3Dca
  • inlineChat.border#2D1932ca
  • inlineChat.regionHighlight#E2D6D9ca
  • inlineChat.shadow#E2DCD6ca
  • inlineChatDiff.inserted#DBE6DEca
  • inlineChatDiff.removed#E5E9E0ca
  • inlineChatInput.background#C7C7D8ca
  • inlineChatInput.border#2D1931ca
  • inlineChatInput.focusBorder#0A0E0E00
  • inlineChatInput.placeholderForeground#E0D6E2ca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#B0B0FAce
  • input.placeholderForeground#B4B4DF65
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#37720Bfe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067c0
  • inputValidation.errorBorder#410041a9
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#B0B0FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#09092F98
  • keybindingLabel.background#15151Efe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#B0B0FAce
  • keybindingTable.headerBackground#15151Efe
  • keybindingTable.rowsBackground#15151Efe
  • list.activeSelectionBackground#5072588e
  • list.activeSelectionForeground#CCDADBca
  • list.activeSelectionIconForeground#E0E9E2ca
  • list.deemphasizedForeground#B0B0FAce
  • list.dropBackground#15151Efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151Efe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0D0A0E00
  • list.focusBackground#3C3C9E96
  • list.focusForeground#36700Bfe
  • list.focusHighlightForeground#A02BBDfe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#CCCCDBca
  • list.hoverBackground#08082B6e
  • list.hoverForeground#37710Bfe
  • list.inactiveFocusBackground#22223197
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#0D0D13ae
  • list.inactiveSelectionForeground#B2B2E865
  • list.inactiveSelectionIconForeground#B3B3E565
  • list.invalidItemForeground#B0B0FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151Efe
  • listFilterWidget.noMatchesOutline#0C0E0A00
  • listFilterWidget.outline#0A0E0E00
  • listFilterWidget.shadow#0C0E0A00
  • menu.background#0D0D13fe
  • menu.border#0C0E0A00
  • menu.foreground#B3B3FCae
  • menu.selectionBackground#816C5Aa9
  • menu.selectionBorder#0A0E0B00
  • menu.selectionForeground#36700Afe
  • menu.separatorBackground#1C1C4165
  • menubar.selectionBackground#82618Ba7
  • menubar.selectionBorder#0C0E0A00
  • menubar.selectionForeground#37700Afe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#15151Efe
  • merge.commonHeaderBackground#15151Efe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0A260Cfb
  • merge.incomingContentBackground#0D260Ecb
  • merge.incomingHeaderBackground#0A260Cfb
  • mergeEditor.change.background#15151Efe
  • mergeEditor.change.word.background#15151Efe
  • mergeEditor.changeBase.background#15151Efe
  • mergeEditor.changeBase.word.background#15151Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#1B1B273a
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#18182229
  • mergeEditor.conflictingLines.background#15151Efe
  • minimap.background#15151Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F4F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#535377fe
  • minimapSlider.background#3E3E59ae
  • minimapSlider.hoverBackground#2D2D406e
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#15151Efe
  • notebook.cellHoverBackground#15151Efe
  • notebook.cellInsertionIndicator#D6E2D9ca
  • notebook.cellStatusBarItemHoverBackground#15151Efe
  • notebook.cellToolbarSeparator#E2D6D9ca
  • notebook.editorBackground#15151Efe
  • notebook.focusedCellBackground#15151Efe
  • notebook.focusedCellBorder#36700Bfe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#57577C8e
  • notebook.inactiveSelectedCellBorder#5A5A818e
  • notebook.outputContainerBackgroundColor#15151Efe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#15151Efe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#15151Efe
  • notebookEditorOverviewRuler.runningCellForeground#B0B0FAce
  • notebookScrollbarSlider.activeBackground#5E5E86fe
  • notebookScrollbarSlider.background#37374Fae
  • notebookScrollbarSlider.hoverBackground#2D2D406e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CCCCDBfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#15151Efe
  • notificationCenterHeader.foreground#B0B0FAce
  • notificationLink.foreground#B0B0FAce
  • notifications.background#15151Efe
  • notifications.border#0C0C11fe
  • notifications.foreground#B0B0FAce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#B5B5D2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#15151Efe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#15151Efe
  • panelSectionHeader.background#15151Efe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#B0B0FAce
  • panelTitle.activeBorder#0E0C0A00
  • panelTitle.activeForeground#357307fe
  • panelTitle.inactiveForeground#9F9FBC65
  • peekView.border#327104fe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#5E424883
  • peekViewEditor.matchHighlightBorder#0A0E0E00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#15151Efe
  • peekViewResult.background#0D0D13fe
  • peekViewResult.fileForeground#B0B0FAce
  • peekViewResult.lineForeground#B0B0FAce
  • peekViewResult.matchHighlightBackground#374D4F8b
  • peekViewResult.selectionBackground#54463B8b
  • peekViewResult.selectionForeground#DFD1D4ca
  • peekViewTitle.background#0D0D13fe
  • peekViewTitleDescription.foreground#B0B0FAce
  • peekViewTitleLabel.foreground#B0B0FAce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#B0B0FAce
  • ports.iconRunningProcessForeground#DFD1D4fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#36700Afe
  • profileBadge.foreground#0D0D13fe
  • progressBar.background#15151Efe
  • quickInput.background#0D0D13fe
  • quickInput.foreground#E5E5EDae
  • quickInputList.focusBackground#664C6Da9
  • quickInputList.focusForeground#37700Afe
  • quickInputList.focusIconForeground#36700Afe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#5E5E86fe
  • scrollbarSlider.background#34344Aae
  • scrollbarSlider.hoverBackground#2222316e
  • search.resultsInfoForeground#B0B0FAce
  • searchEditor.findMatchBackground#3B5254ae
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#15151Efe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#B0B0FAce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#B0B0FAce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#50725886
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#B0B0FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#B0B0FAce
  • settings.rowHoverBackground#15151Efe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#36700Afe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#B0B0FAce
  • sideBar.background#15151Efe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#15151Efe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#B0B0FAce
  • sideBarTitle.foreground#B0B0FAce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0D0D13fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#410041c2
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#B0B0FAce
  • statusBar.focusBorder#0E0C0A00
  • statusBar.foreground#B3B3EE6e
  • statusBar.noFolderBackground#0D0D13fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#B0B0FAce
  • statusBarItem.activeBackground#0D0D13fe
  • statusBarItem.compactHoverBackground#0D0D13fe
  • statusBarItem.errorBackground#41004199
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#410041ad
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#0D0D13fe
  • statusBarItem.hoverForeground#36700Bfe
  • statusBarItem.offlineBackground#0D0D13fe
  • statusBarItem.offlineForeground#B0B0FAce
  • statusBarItem.offlineHoverBackground#0D0D13fe
  • statusBarItem.offlineHoverForeground#37710Bfe
  • statusBarItem.prominentBackground#0D0D13fe
  • statusBarItem.prominentForeground#B0B0FAce
  • statusBarItem.prominentHoverBackground#0D0D13fe
  • statusBarItem.prominentHoverForeground#36700Bfe
  • statusBarItem.remoteBackground#37720Bfe
  • statusBarItem.remoteForeground#0D0D13fe
  • statusBarItem.remoteHoverBackground#0D0D13fe
  • statusBarItem.remoteHoverForeground#36700Afe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D5DBCCfe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#C5B3CAfe
  • symbolIcon.colorForeground#B3CAB8fe
  • symbolIcon.constantForeground#BDBDD1fe
  • symbolIcon.constructorForeground#B8CBCDfe
  • symbolIcon.enumeratorForeground#C7D8CBfe
  • symbolIcon.enumeratorMemberForeground#B3C7CAfe
  • symbolIcon.eventForeground#DFD7D1fe
  • symbolIcon.fieldForeground#B8CDBDfe
  • symbolIcon.fileForeground#DDE2D6fe
  • symbolIcon.folderForeground#CABDB3fe
  • symbolIcon.functionForeground#CCD4C2fe
  • symbolIcon.interfaceForeground#B3CAB8fe
  • symbolIcon.keyForeground#CABDB3fe
  • symbolIcon.keywordForeground#D4C2C6fe
  • symbolIcon.methodForeground#B3CAB8fe
  • symbolIcon.moduleForeground#DFD1D4fe
  • symbolIcon.namespaceForeground#E7E0E9fe
  • symbolIcon.nullForeground#D4C7D8fe
  • symbolIcon.numberForeground#B3CAB8fe
  • symbolIcon.objectForeground#DBE5E6fe
  • symbolIcon.operatorForeground#C2D4C6fe
  • symbolIcon.packageForeground#DFD1D4fe
  • symbolIcon.propertyForeground#B8B8CDfe
  • symbolIcon.referenceForeground#C2D2D4fe
  • symbolIcon.snippetForeground#C4CDB8fe
  • symbolIcon.stringForeground#D8C7CBfe
  • symbolIcon.structForeground#D4CAC2fe
  • symbolIcon.textForeground#D1D8C7fe
  • symbolIcon.typeParameterForeground#D1D8C7fe
  • symbolIcon.unitForeground#BDBDD1fe
  • symbolIcon.variableForeground#D8CFC7fe
  • tab.activeBackground#0F0F16fe
  • tab.activeBorder#0A0A0E00
  • tab.activeBorderTop#347106fe
  • tab.activeForeground#347106fe
  • tab.activeModifiedBorder#261F00ce
  • tab.border#0C0E0A00
  • tab.hoverBackground#B2B2F86e
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#36720Afe
  • tab.inactiveBackground#09092F9b
  • tab.inactiveForeground#9F9FBC65
  • tab.inactiveModifiedBorder#261F00ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#18182235
  • tab.unfocusedActiveBorder#0A0E0E00
  • tab.unfocusedActiveBorderTop#1C1C4565
  • tab.unfocusedActiveForeground#9A9AB865
  • tab.unfocusedActiveModifiedBorder#261F00ce
  • tab.unfocusedHoverBackground#B3B3F86e
  • tab.unfocusedHoverBorder#1B1B272b
  • tab.unfocusedHoverForeground#A4A4BF65
  • tab.unfocusedInactiveBackground#29293B95
  • tab.unfocusedInactiveForeground#A4A4BF65
  • tab.unfocusedInactiveModifiedBorder#261F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b5
  • 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#670067c6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151Efe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#15151Efe
  • terminal.findMatchBackground#15151Efe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#15151Efe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#B3B3F6ae
  • terminal.hoverHighlightBackground#15151Efe
  • terminal.inactiveSelectionBackground#2D2D4096
  • terminal.selectionBackground#5D456386
  • terminal.selectionForeground#CCCCDBca
  • terminal.tab.activeBorder#347306fe
  • terminalCommandDecoration.defaultBackground#B3B3F5ae
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151Efe
  • terminalCursor.foreground#37710Bfe
  • terminalOverviewRuler.cursorForeground#B0B0FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bb
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#7ED73Cfe
  • testing.message.error.lineBackground#410041ca
  • testing.message.info.decorationForeground#75D230fe
  • testing.message.info.lineBackground#00007Efe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#15151Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151Efe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#15151Efe
  • textLink.activeForeground#36700Afe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B0B0FAce
  • textSeparator.foreground#B0B0FAce
  • titleBar.activeBackground#0D0D13fe
  • titleBar.activeForeground#5050DFae
  • titleBar.border#0E0C0A00
  • titleBar.inactiveBackground#1B1B27dd
  • titleBar.inactiveForeground#9A9AB865
  • toolbar.activeBackground#2E1D0E89
  • toolbar.hoverBackground#15151Efe
  • toolbar.hoverOutline#0A0A0E00
  • tree.inactiveIndentGuidesStroke#81A78A35
  • tree.indentGuidesStroke#7AD536fe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#15151Efe
  • walkThrough.embeddedEditorBackground#15151Efe
  • walkthrough.stepTitle.foreground#B0B0FAce
  • welcomePage.background#15151Efe
  • welcomePage.progress.background#15151Efe
  • welcomePage.progress.foreground#B0B0FAce
  • welcomePage.tileBackground#15151Efe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#15151Efe
  • widget.border#0C0C11fe
  • widget.shadow#0A0E0E00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#0B0B3396

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9898F96e
comment.block.html#9A9AF86e
comment.block.java#9999F76e
comment.block.javadoc.java#9898F96e
comment.block.powershell#9999F76e
comment.block.xml#9A9AF86e
comment.line.double-slash.c#9898F96e
comment.line.double-slash.cpp#9A9AF86e
comment.line.double-slash.java#9898F96e
comment.line.double-slash.js#9999F76e
comment.line.number-sign.makefile#9999F76e
comment.line.number-sign.python#9999F76e
comment.line.number-sign.yaml#9A9AF86e
comment.line.percentage.erlang#9A9AF86e
comment.line.powershell#9898F96e
comment.source.cmake#9A9AF86e
comment.source.cmakecache#9898F96e
constant.character#55B80Ade
constant.character.character-class.regexp#9F98F6de
constant.character.escape#9E97F6de
constant.character.set.regexp#55B909de
constant.language#09C44Cde
constant.numeric#F07F8Fde
constant.numeric.dec.python#F08090de
constant.other.caps.python#E2B953de
constant.other.character-class.regexp#08ACEDde
constant.other.character-class.set.regexp#DDB247de
constant.other.color.rgb-value#9D96F5de
constant.other.placeholder#F79EABde
constant.other.rgb-value#E982F1de
constant.regexp#9F98F6de
constant.sha.git-rebase#55B90Ade
emphasis#DAAF41de
entity.name.class#9E97F5de
entity.name.function#CB9E2Ede
entity.name.function.preprocessor#F597A4de
entity.name.function.python#F09EF7de
entity.name.label#67B52Dde
entity.name.namespace#9D96F5de
entity.name.operator#07AFF4de
entity.name.operator.custom-literal#E577EEde
entity.name.scope-resolution#53B9E2de
entity.name.tag#36D56Ede
entity.name.tag.css#2ECB66de
entity.name.type#DDB247de
entity.name.variable#9E97F5de
entity.other.attribute#E577EEde
entity.other.attribute-name#F18190de
entity.other.attribute-name.class.css#9D97F5de
entity.other.attribute-name.class.mixin.css#F28998de
entity.other.attribute-name.id#6EC32Ede
entity.other.attribute-name.id.css#3EACD9de
entity.other.attribute-name.parent-selector.css#67B42Dde
entity.other.attribute-name.pseudo-class.css#E2B953de
entity.other.attribute-name.pseudo-element.css#D5A736de
entity.other.attribute-name.scss#F28998de
entity.other.document.begin.yaml#9898F96e
entity.other.inherited-class#07BA48de
header#30D26Ade
invalid#E576EEde
keyword#09C44Cde
keyword.codetag.notation.python#67B42Dde
keyword.control#36D56Ede
keyword.control.anchor.regexp#A59EF7de
keyword.control.import.python#08D251de
keyword.operator#E576EEde
keyword.operator.alignas#E577EEde
keyword.operator.alignof#9D96F5de
keyword.operator.cast#D29909de
keyword.operator.delete#67B42Dde
keyword.operator.documentation.powershell#9999F76e
keyword.operator.expression#9E97F6de
keyword.operator.instanceof#5ABDE5de
keyword.operator.logical.python#9D96F5de
keyword.operator.minus.exponent#F597A4de
keyword.operator.negation.regexp#9E98F6de
keyword.operator.new#E575EEde
keyword.operator.noexcept#DDB247de
keyword.operator.or.regexp#09BD49de
keyword.operator.plus.exponent#55B90Ade
keyword.operator.quantifier.regexp#F07F8Fde
keyword.operator.sizeof#9E97F5de
keyword.operator.typeid#E2B953de
keyword.operator.wordlike#09BD49de
keyword.other.operator#D7AB3Cde
keyword.other.package.java#53B709de
keyword.other.unit#E2B953de
keyword.other.using#9E97F5de
markup.bold#EB89F2de
markup.changed#E577EEde
markup.deleted#D39707de
markup.fenced_code.block.markdown#67C4E9de
markup.heading#C89C2Dde
markup.inline.raw#F08090de
markup.inserted#3EACD9de
markup.italic#9D96F5de
markup.raw.block.markdown#F09EF7de
markup.strikethrough#D19709de
markup.underline#9D96F5de
meta.block.c#9F98F6de
meta.block.c#6DC7EBde
meta.class.java#54B909de
meta.definition.variable.name#9D97F5de
meta.diff.header#E577EEde
meta.embedded#A59EF7de
meta.embedded.assembly#F18291de
meta.function-call.arguments.python#D09809de
meta.function-call.python#F08090de
meta.member.access.python#E577EEde
meta.method.java#F18091de
meta.object-literal.key#DDB247de
meta.paragraph.markdown#F07F8Fde
meta.preprocessor#F8A6B1de
meta.preprocessor.numeric#9D96F5de
meta.preprocessor.string#F07F8Ede
meta.scope.prerequisites.makefile#F07F8Ede
meta.structure.dictionary.json.comments#9898F96e
meta.structure.dictionary.key.python#09C44Cde
meta.structure.dictionary.value.json.comments#9898F96e
meta.template.expression#07AFF4de
meta.type.cast.expr#E577EEde
meta.type.new.expr#F07F8Fde
parameter#C89C2Dde
punctuation.character.set.begin.regexp#D29909de
punctuation.character.set.end.regexp#F08090de
punctuation.definition.array.begin.json#9E97F5de
punctuation.definition.character-class.regexp#ED90F4de
punctuation.definition.comment#9898F86e
punctuation.definition.comment.json.comments#9898F96e
punctuation.definition.comment.python#9898F96e
punctuation.definition.dictionary.begin.json#55B90Ade
punctuation.definition.dictionary.end.json#53B908de
punctuation.definition.group.assertion.regexp#9D96F5de
punctuation.definition.group.regexp#C89C2Ede
punctuation.definition.list.begin.json#9D96F5de
punctuation.definition.list.begin.markdown#08D251de
punctuation.definition.list.begin.python#F07F8Fde
punctuation.definition.list.end.json#F07F90de
punctuation.definition.list.end.markdown#E575EEde
punctuation.definition.list.end.python#07AFF4de
punctuation.definition.parameters.begin.python#9D96F5de
punctuation.definition.parameters.end.bracket.round.java#08ACEDde
punctuation.definition.quote.begin.markdown#C89C2Ede
punctuation.definition.tag#E577EEde
punctuation.definition.template-expression.begin#EB89F2de
punctuation.definition.template-expression.end#F07F8Fde
punctuation.section.class.begin.bracket.curly.java#9D97F5de
punctuation.section.embedded#2DB85Ede
punctuation.section.embedded.begin.php#F07F90de
punctuation.section.embedded.end.php#E577EEde
punctuation.terminator.java#9D96F5de
source.cmake#C89C2Dde
source.coffee.embedded#71CB2Ede
source.cpp#09C44Cde
source.css.less#9D96F5de
source.groovy.embedded#2ECB66de
source.java#3EADD9de
source.java-properties#54B909de
source.json.comments#9898F86e
source.makefile#9D96F5de
source.powershell#74CAEDde
source.powershell.variable.other.member#9F98F6de
source.python#F09EF7de
storage#9E97F6de
storage.modifier#E576EEde
storage.modifier.import.java#74CAEDde
storage.modifier.package.java#D5A736de
storage.type#54B80Ade
storage.type.annotation.groovy#9E97F6de
storage.type.annotation.java#67C4E9de
storage.type.boolean.go#D29809de
storage.type.byte.go#F07F90de
storage.type.cs#08ACEDde
storage.type.error.go#D19709de
storage.type.generic.cs#54BA07de
storage.type.generic.groovy#3EADD9de
storage.type.generic.java#F08090de
storage.type.groovy#9E97F5de
storage.type.java#2DBA60de
storage.type.modifier.cs#D29909de
storage.type.numeric.go#A59EF7de
storage.type.object.array.groovy#C79B2Dde
storage.type.object.array.java#C79B2Dde
storage.type.parameters.groovy#09BD49de
storage.type.primitive.array.groovy#E576EEde
storage.type.primitive.array.java#07DB54de
storage.type.primitive.groovy#5ABDE5de
storage.type.primitive.java#30D26Ade
storage.type.rune.go#D19709de
storage.type.string.go#C79B2Dde
storage.type.token.java#E576EEde
storage.type.uintptr.go#D19709de
storage.type.variable.cs#09BB48de
string#F07F8Ede
string.quoted.docstring.multi.python#9898F86e
string.regexp#55B80Ade
string.tag#54B908de
string.value#E0B64Dde
strong#E675EEde
support.class#D7AB3Cde
support.constant.color#F18190de
support.constant.dom#9E97F5de
support.constant.font-name#9D97F5de
support.constant.handlebars#E2B953de
support.constant.json#3EACD9de
support.constant.math#F08090de
support.constant.media#F07F8Ede
support.constant.media-type#55B90Ade
support.constant.property-value#F28998de
support.function#08D251de
support.function.git-rebase#F07F8Fde
support.other.parenthesis.regexp#54B709de
support.type#55B90Ade
support.type.property-name#E576EEde
support.type.vendored.property-name#08D550de
support.variable#55B80Ade
token.debug-token#D5A736de
token.error-token#9E97F5de
token.info-token#3EACD9de
token.warn-token#F18191de
variable#3CADD9de
variable.css#3FADDAde
variable.language#4DB6E0de
variable.language.wildcard.java#D29809de
variable.other.constant#54B709de
variable.other.definition.java#09C44Cde
variable.other.enummember#09C44Cde
variable.other.less#6EC32Ede
variable.other.object.java#4DB6E0de
variable.other.object.property.java#54B709de
variable.parameter.c#D19709de
variable.parameter.function.language.python#D19708de
variable.parameter.java#07DB54de
variable.scss#55B90Ade
viiv by B.W - VS Code Theme