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#151C1Cfe
  • activityBar.activeBackground#151C1Cfe
  • activityBar.activeBorder#C8AF06fe
  • activityBar.activeFocusBorder#9ABB3600
  • activityBar.background#0D1212fe
  • activityBar.border#E2A26200
  • activityBar.dropBorder#C8AF06fe
  • activityBar.foreground#CAAF07fe
  • activityBar.inactiveForeground#25A2A265
  • activityBarBadge.background#C8AE08fe
  • activityBarBadge.foreground#0D1212fe
  • badge.background#C7AD08fe
  • badge.foreground#0D1212fe
  • banner.background#151C1Cfe
  • banner.foreground#B6FAFAce
  • banner.iconForeground#DADED3fe
  • breadcrumb.activeSelectionForeground#D6DACEca
  • breadcrumb.background#0F1515fe
  • breadcrumb.focusForeground#CAAF06fe
  • breadcrumb.foreground#E1E9E9ae
  • breadcrumbPicker.background#151C1Cfe
  • button.background#3F5858ae
  • button.border#0D090B00
  • button.foreground#B6FAFAce
  • button.hoverBackground#314444fe
  • button.secondaryBackground#151C1Cfe
  • button.secondaryForeground#B6FAFAce
  • button.secondaryHoverBackground#151C1Cfe
  • button.separator#0D0B0900
  • charts.blue#1b1bfffe
  • charts.foreground#B6FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B1010fe
  • chat.slashCommandBackground#151C1Cfe
  • chat.slashCommandForeground#B6FAFAce
  • checkbox.background#0B1010fe
  • checkbox.border#0B1010fe
  • checkbox.foreground#B6FAFAce
  • checkbox.selectBackground#0B1010fe
  • checkbox.selectBorder#0B1010fe
  • commandCenter.activeBackground#51036F82
  • commandCenter.activeBorder#0B1010fe
  • commandCenter.activeForeground#C8AE06fe
  • commandCenter.background#151C1Cfe
  • commandCenter.border#0B1010fe
  • commandCenter.foreground#B6FAFAce
  • commandCenter.inactiveBorder#0B36369a
  • commandCenter.inactiveForeground#97B3B365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#090A0D00
  • contrastBorder#0A0D0D00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#B6FAFAce
  • debugConsole.sourceForeground#B6FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C4D3C4fe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#0B1010fe
  • debugIcon.breakpointCurrentStackframeForeground#CED3C4fe
  • debugIcon.breakpointDisabledForeground#CBF6F665
  • debugIcon.breakpointForeground#CFBFC6fe
  • debugIcon.breakpointStackframeForeground#C2C8B5fe
  • debugIcon.breakpointUnverifiedForeground#E5DCE0fe
  • debugIcon.continueForeground#BED0D0fe
  • debugIcon.disconnectForeground#B4C9C9fe
  • debugIcon.pauseForeground#C3D4D4fe
  • debugIcon.restartForeground#E6E1E9fe
  • debugIcon.startForeground#CEDACEfe
  • debugIcon.stepBackForeground#CACFBFfe
  • debugIcon.stepIntoForeground#C4C6D3fe
  • debugIcon.stepOutForeground#CED3C4fe
  • debugIcon.stepOverForeground#DAD3DEfe
  • debugIcon.stopForeground#D3CAC4fe
  • debugTokenExpression.boolean#E1E2E9ca
  • debugTokenExpression.error#E5E0DCca
  • debugTokenExpression.name#E2DCE5ca
  • debugTokenExpression.number#D7D9E1ca
  • debugTokenExpression.value#D7E1D7ca
  • debugToolBar.background#670067a7
  • debugToolBar.border#0B1010fe
  • debugView.exceptionLabelBackground#3E244Eca
  • debugView.exceptionLabelForeground#E5E0DCca
  • debugView.stateLabelBackground#242E4Fca
  • debugView.stateLabelForeground#E1E9E1ca
  • debugView.valueChangedHighlight#E2E5DCca
  • descriptionForeground#B6FAFAce
  • diffEditor.border#0D0B0900
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0D090B00
  • diffEditor.move.border#0A0D0D00
  • diffEditor.moveActive.border#090D0900
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0A0D0D00
  • diffEditor.unchangedCodeBackground#151C1Cfe
  • diffEditor.unchangedRegionBackground#151C1Cfe
  • diffEditor.unchangedRegionForeground#B6FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#CFF6F665
  • dropdown.background#0B1010fe
  • dropdown.border#0B1010fe
  • dropdown.foreground#B6FAFAce
  • dropdown.listBackground#0B1010fe
  • editor.background#151C1Cfe
  • editor.findMatchBackground#6B5673a4
  • editor.findMatchBorder#0B1010fe
  • editor.findMatchHighlightBackground#6F5543a2
  • editor.findMatchHighlightBorder#0B1010fe
  • editor.findRangeHighlightBackground#564A40a6
  • editor.findRangeHighlightBorder#0B1010fe
  • editor.focusedStackFrameHighlightBackground#79415881
  • editor.foldBackground#FDEBDDac
  • editor.foreground#B6FAFAce
  • editor.hoverHighlightBackground#5B4E44a2
  • editor.inactiveSelectionBackground#3A626297
  • editor.inlineValuesBackground#151C1Cfe
  • editor.inlineValuesForeground#B6FAFAce
  • editor.lineHighlightBackground#2E3F3Fb5
  • editor.lineHighlightBorder#0D090B00
  • editor.linkedEditingBackground#151C1Cfe
  • editor.rangeHighlightBackground#484B60a5
  • editor.rangeHighlightBorder#0B1010fe
  • editor.selectionBackground#5C7F7Fa5
  • editor.selectionForeground#D3D4DEca
  • editor.selectionHighlightBackground#50564084
  • editor.selectionHighlightBorder#0B1010fe
  • editor.snippetFinalTabstopHighlightBackground#9A49B9a8
  • editor.snippetFinalTabstopHighlightBorder#0B1010fe
  • editor.snippetTabstopHighlightBackground#476262a4
  • editor.snippetTabstopHighlightBorder#0B1010fe
  • editor.stackFrameHighlightBackground#4D5AB1ae
  • editor.symbolHighlightBackground#67536Ea8
  • editor.symbolHighlightBorder#0B1010fe
  • editor.wordHighlightBackground#3C5353aa
  • editor.wordHighlightBorder#090A0D00
  • editor.wordHighlightStrongBackground#605248aa
  • editor.wordHighlightStrongBorder#090A0D00
  • editor.wordHighlightTextBackground#5D654Ba4
  • editor.wordHighlightTextBorder#090A0D00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B6FAFAce
  • editorBracketMatch.background#BEF9F9a7
  • editorBracketMatch.border#0B1010fe
  • editorBracketPairGuide.activeBackground1#FEE8F182
  • editorBracketPairGuide.activeBackground2#CBFACB89
  • editorBracketPairGuide.activeBackground3#EBEEFE8a
  • editorBracketPairGuide.activeBackground4#EBEDFE83
  • editorBracketPairGuide.activeBackground5#E9ECFE83
  • editorBracketPairGuide.activeBackground6#EBEEFE8e
  • editorBracketPairGuide.background1#3C2C1Efe
  • editorBracketPairGuide.background2#1B351Bfe
  • editorBracketPairGuide.background3#1C351Cfe
  • editorBracketPairGuide.background4#272B5Cfe
  • editorBracketPairGuide.background5#2A321Bfe
  • editorBracketPairGuide.background6#252D56fe
  • editorCodeLens.foreground#CAF7F76e
  • editorCommentsWidget.rangeActiveBackground#BAF9F9fe
  • editorCommentsWidget.rangeBackground#151C1Cfe
  • editorCommentsWidget.resolvedBorder#0B1010fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#151C1Cfe
  • editorCursor.foreground#C9AF08fe
  • editorError.background#0C0D0900
  • editorError.border#0D090B00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#151C1Cfe
  • editorGhostText.border#0D0B0900
  • editorGhostText.foreground#CAF7F76e
  • editorGroup.border#0B1010fe
  • editorGroup.dropBackground#151C1Cfe
  • editorGroup.dropIntoPromptBackground#151C1Cfe
  • editorGroup.dropIntoPromptBorder#0B1010fe
  • editorGroup.dropIntoPromptForeground#B6FAFAce
  • editorGroup.emptyBackground#151C1Cfe
  • editorGroup.focusedEmptyBorder#0B1010fe
  • editorGroupHeader.border#090D0900
  • editorGroupHeader.noTabsBackground#0D1212ae
  • editorGroupHeader.tabsBackground#151C1Ca1
  • editorGroupHeader.tabsBorder#0A0D0D00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#151C1Cfe
  • editorGutter.commentGlyphForeground#B6FAFAce
  • editorGutter.commentRangeForeground#B6FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#B6FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0D0900
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0B1010fe
  • editorHoverWidget.border#0B1010fe
  • editorHoverWidget.foreground#B6FAFAce
  • editorHoverWidget.highlightForeground#D2DEDEca
  • editorHoverWidget.statusBarBackground#151C1Cfe
  • editorIndentGuide.activeBackground1#C3F8F8fe
  • editorIndentGuide.activeBackground2#C2F8F8fe
  • editorIndentGuide.activeBackground3#C6F8F8fe
  • editorIndentGuide.activeBackground4#C4F8F8fe
  • editorIndentGuide.activeBackground5#C2F8F8fe
  • editorIndentGuide.activeBackground6#C1F8F8fe
  • editorIndentGuide.background1#BEC4B035
  • editorIndentGuide.background2#C0ACB435
  • editorIndentGuide.background3#BAC0AC35
  • editorIndentGuide.background4#AEB59D35
  • editorIndentGuide.background5#C0B4AC35
  • editorIndentGuide.background6#AA98B235
  • editorInfo.background#090D0900
  • editorInfo.border#0A0D0D00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#151C1Cfe
  • editorInlayHint.foreground#B6FAFAce
  • editorInlayHint.parameterBackground#151C1Cfe
  • editorInlayHint.parameterForeground#B6FAFAce
  • editorInlayHint.typeBackground#151C1Cfe
  • editorInlayHint.typeForeground#B6FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#C8AF08fe
  • editorLineNumber.dimmedForeground#CBF7F76e
  • editorLineNumber.foreground#CAF7F76e
  • editorLink.activeForeground#C8B008fe
  • editorMarkerNavigation.background#0B1010fe
  • editorMarkerNavigationError.background#670067ba
  • editorMarkerNavigationError.headerBackground#670067bd
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151C1Cfe
  • editorOverviewRuler.border#0D3636fe
  • editorOverviewRuler.bracketMatchForeground#B6FAFAce
  • editorOverviewRuler.commentForeground#CAF7F76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B6FAFAce
  • editorOverviewRuler.currentContentForeground#cecece9b
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D6DACEca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DED7E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#B6FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#B6FAFAce
  • editorPane.background#151C1Cfe
  • editorRuler.foreground#BBFAFA3d
  • editorStickyScroll.background#151C1Cfe
  • editorStickyScroll.shadow#0C090D00
  • editorStickyScrollHover.background#0E3535fe
  • editorSuggestWidget.background#0B1010fe
  • editorSuggestWidget.border#0C0D0900
  • editorSuggestWidget.focusHighlightForeground#2DBC2Dfe
  • editorSuggestWidget.foreground#E1DCD7fe
  • editorSuggestWidget.highlightForeground#E6E9E1ca
  • editorSuggestWidget.selectedBackground#5B4E4481
  • editorSuggestWidget.selectedForeground#E1DCD7ca
  • editorSuggestWidget.selectedIconForeground#E1E9E1ca
  • editorSuggestWidgetStatus.foreground#DCE5DCfe
  • editorUnicodeHighlight.background#6A5A4Fac
  • editorUnicodeHighlight.border#0B1010fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C090D00
  • editorWarning.border#0C090D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B6FAFAce
  • editorWidget.background#0B1010fe
  • editorWidget.border#0B1010fe
  • editorWidget.foreground#B6FAFAce
  • editorWidget.resizeBorder#0B1010fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#C8B008fe
  • extensionBadge.remoteForeground#0D1212fe
  • extensionButton.background#0D3636ae
  • extensionButton.foreground#B6FAFAce
  • extensionButton.hoverBackground#0C3636fe
  • extensionButton.prominentBackground#151C1Cfe
  • extensionButton.prominentForeground#B6FAFAce
  • extensionButton.prominentHoverBackground#151C1Cfe
  • extensionButton.separator#0A0D0D00
  • extensionIcon.preReleaseForeground#E2E5DCfe
  • extensionIcon.sponsorForeground#E9E4E1fe
  • extensionIcon.starForeground#CECFDAfe
  • extensionIcon.verifiedForeground#B4C9C9fe
  • focusBorder#0A0D0D00
  • foreground#B6FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#C1F9F9ae
  • inlineChat.background#402C20ca
  • inlineChat.border#1C351Cca
  • inlineChat.regionHighlight#DEE1D7ca
  • inlineChat.shadow#C8D7D7ca
  • inlineChatDiff.inserted#CDDBDBca
  • inlineChatDiff.removed#DCE5E5ca
  • inlineChatInput.background#E1E2E9ca
  • inlineChatInput.border#4C2332ca
  • inlineChatInput.focusBorder#0C090D00
  • inlineChatInput.placeholderForeground#D7E2E2ca
  • input.background#0B1010fe
  • input.border#0B1010fe
  • input.foreground#B6FAFAce
  • input.placeholderForeground#CEF6F665
  • inputOption.activeBackground#0B1010fe
  • inputOption.activeBorder#0B1010fe
  • inputOption.activeForeground#C7AE07fe
  • inputOption.hoverBackground#0B1010fe
  • inputValidation.errorBackground#6700679b
  • inputValidation.errorBorder#6700679d
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B1010fe
  • inputValidation.infoForeground#B6FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B1010fe
  • interactive.inactiveCodeBorder#092E2E99
  • keybindingLabel.background#151C1Cfe
  • keybindingLabel.border#0B1010fe
  • keybindingLabel.bottomBorder#0B1010fe
  • keybindingLabel.foreground#B6FAFAce
  • keybindingTable.headerBackground#151C1Cfe
  • keybindingTable.rowsBackground#151C1Cfe
  • list.activeSelectionBackground#60524888
  • list.activeSelectionForeground#D7E1D7ca
  • list.activeSelectionIconForeground#DACED3ca
  • list.deemphasizedForeground#B6FAFAce
  • list.dropBackground#151C1Cfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#151C1Cfe
  • list.filterMatchBorder#0B1010fe
  • list.focusAndSelectionOutline#0D090B00
  • list.focusBackground#32575796
  • list.focusForeground#C8B008fe
  • list.focusHighlightForeground#F09A69fe
  • list.focusOutline#0C0D0900
  • list.highlightForeground#D7E1D7ca
  • list.hoverBackground#103535fe
  • list.hoverForeground#C8AF08fe
  • list.inactiveFocusBackground#1F2B2B94
  • list.inactiveFocusOutline#0A0D0D00
  • list.inactiveSelectionBackground#0D1212ae
  • list.inactiveSelectionForeground#CDF6F665
  • list.inactiveSelectionIconForeground#CEF6F665
  • list.invalidItemForeground#B6FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151C1Cfe
  • listFilterWidget.noMatchesOutline#0C090D00
  • listFilterWidget.outline#0C0D0900
  • listFilterWidget.shadow#0D090B00
  • menu.background#0D1212fe
  • menu.border#0C090D00
  • menu.foreground#B7FBFBae
  • menu.selectionBackground#4E6C6Ca1
  • menu.selectionBorder#090D0900
  • menu.selectionForeground#C8AE06fe
  • menu.separatorBackground#19333365
  • menubar.selectionBackground#517070aa
  • menubar.selectionBorder#0C090D00
  • menubar.selectionForeground#C8AE09fe
  • merge.border#0B1010fe
  • merge.commonContentBackground#151C1Cfe
  • merge.commonHeaderBackground#151C1Cfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#151C1Cfe
  • mergeEditor.change.word.background#151C1Cfe
  • mergeEditor.changeBase.background#151C1Cfe
  • mergeEditor.changeBase.word.background#151C1Cfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B1010fe
  • mergeEditor.conflict.handledUnfocused.border#1C26263e
  • mergeEditor.conflict.input1.background#0B1010fe
  • mergeEditor.conflict.input2.background#0B1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b2
  • mergeEditor.conflict.unhandledFocused.border#0B1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1C26263a
  • mergeEditor.conflictingLines.background#151C1Cfe
  • minimap.background#151C1Cfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#557575fe
  • minimapSlider.background#3F5858ae
  • minimapSlider.hoverBackground#476262fe
  • notebook.cellBorderColor#0B1010fe
  • notebook.cellEditorBackground#151C1Cfe
  • notebook.cellHoverBackground#151C1Cfe
  • notebook.cellInsertionIndicator#D3DED3ca
  • notebook.cellStatusBarItemHoverBackground#151C1Cfe
  • notebook.cellToolbarSeparator#CDDBDBca
  • notebook.editorBackground#151C1Cfe
  • notebook.focusedCellBackground#151C1Cfe
  • notebook.focusedCellBorder#C8AE08fe
  • notebook.focusedEditorBorder#0B1010fe
  • notebook.inactiveFocusedCellBorder#6084848e
  • notebook.inactiveSelectedCellBorder#5575758e
  • notebook.outputContainerBackgroundColor#151C1Cfe
  • notebook.outputContainerBorderColor#0B1010fe
  • notebook.selectedCellBackground#151C1Cfe
  • notebook.selectedCellBorder#0B1010fe
  • notebook.symbolHighlightBackground#151C1Cfe
  • notebookEditorOverviewRuler.runningCellForeground#B6FAFAce
  • notebookScrollbarSlider.activeBackground#638989fe
  • notebookScrollbarSlider.background#384E4Eae
  • notebookScrollbarSlider.hoverBackground#435D5Dfe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#CEC4D3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B1010fe
  • notificationCenterHeader.background#151C1Cfe
  • notificationCenterHeader.foreground#B6FAFAce
  • notificationLink.foreground#B6FAFAce
  • notifications.background#151C1Cfe
  • notifications.border#0B1010fe
  • notifications.foreground#B6FAFAce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#E6E9E1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B1010fe
  • panel.background#151C1Cfe
  • panel.border#0B1010fe
  • panel.dropBorder#0B1010fe
  • panelInput.border#0B1010fe
  • panelSection.border#0B1010fe
  • panelSection.dropBackground#151C1Cfe
  • panelSectionHeader.background#151C1Cfe
  • panelSectionHeader.border#0B1010fe
  • panelSectionHeader.foreground#B6FAFAce
  • panelTitle.activeBorder#0C090D00
  • panelTitle.activeForeground#C9AE07fe
  • panelTitle.inactiveForeground#97B3B365
  • peekView.border#C6AC07fe
  • peekViewEditor.background#0B1010fe
  • peekViewEditor.matchHighlightBackground#676E5389
  • peekViewEditor.matchHighlightBorder#090A0D00
  • peekViewEditorGutter.background#0B1010fe
  • peekViewEditorStickyScroll.background#151C1Cfe
  • peekViewResult.background#0D1212fe
  • peekViewResult.fileForeground#B6FAFAce
  • peekViewResult.lineForeground#B6FAFAce
  • peekViewResult.matchHighlightBackground#5673568a
  • peekViewResult.selectionBackground#5948608a
  • peekViewResult.selectionForeground#D7D9E1ca
  • peekViewTitle.background#0D1212fe
  • peekViewTitleDescription.foreground#B6FAFAce
  • peekViewTitleLabel.foreground#B6FAFAce
  • pickerGroup.border#0B1010fe
  • pickerGroup.foreground#B6FAFAce
  • ports.iconRunningProcessForeground#DCE5E5fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#C8AE06fe
  • profileBadge.foreground#0D1212fe
  • progressBar.background#151C1Cfe
  • quickInput.background#0D1212fe
  • quickInput.foreground#E6EDEDae
  • quickInputList.focusBackground#6A5A4Fad
  • quickInputList.focusForeground#C8AE09fe
  • quickInputList.focusIconForeground#C8AE08fe
  • quickInputTitle.background#0B1010fe
  • sash.hoverBorder#0B1010fe
  • scrollbar.shadow#090D0900
  • scrollbarSlider.activeBackground#557575fe
  • scrollbarSlider.background#3C5353ae
  • scrollbarSlider.hoverBackground#517070fe
  • search.resultsInfoForeground#B6FAFAce
  • searchEditor.findMatchBackground#674A74a5
  • searchEditor.findMatchBorder#0B1010fe
  • searchEditor.textInputBorder#0B1010fe
  • selection.background#151C1Cfe
  • settings.checkboxBackground#0B1010fe
  • settings.checkboxBorder#0B1010fe
  • settings.checkboxForeground#B6FAFAce
  • settings.dropdownBackground#0B1010fe
  • settings.dropdownBorder#0B1010fe
  • settings.dropdownForeground#B6FAFAce
  • settings.dropdownListBorder#0B1010fe
  • settings.focusedRowBackground#C4518088
  • settings.focusedRowBorder#0B1010fe
  • settings.headerBorder#0B1010fe
  • settings.headerForeground#B6FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B1010fe
  • settings.numberInputBorder#0B1010fe
  • settings.numberInputForeground#B6FAFAce
  • settings.rowHoverBackground#151C1Cfe
  • settings.sashBorder#0B1010fe
  • settings.settingsHeaderHoverForeground#C7AE07fe
  • settings.textInputBackground#0B1010fe
  • settings.textInputBorder#0B1010fe
  • settings.textInputForeground#B6FAFAce
  • sideBar.background#151C1Cfe
  • sideBar.border#0B1010fe
  • sideBar.dropBackground#151C1Cfe
  • sideBar.foreground#C1F9F9ae
  • sideBarSectionHeader.background#0C090D00
  • sideBarSectionHeader.border#0B1010fe
  • sideBarSectionHeader.foreground#B6FAFAce
  • sideBarTitle.foreground#B6FAFAce
  • sideBySideEditor.horizontalBorder#0B1010fe
  • sideBySideEditor.verticalBorder#0B1010fe
  • simpleFindWidget.sashBorder#0B1010fe
  • statusBar.background#0D1212fe
  • statusBar.border#0B1010fe
  • statusBar.debuggingBackground#670067c3
  • statusBar.debuggingBorder#0B1010fe
  • statusBar.debuggingForeground#B6FAFAce
  • statusBar.focusBorder#090D0900
  • statusBar.foreground#CCF7F76e
  • statusBar.noFolderBackground#0D1212fe
  • statusBar.noFolderBorder#0B1010fe
  • statusBar.noFolderForeground#B6FAFAce
  • statusBarItem.activeBackground#0D1212fe
  • statusBarItem.compactHoverBackground#0D1212fe
  • statusBarItem.errorBackground#670067b9
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0D0D00
  • statusBarItem.hoverBackground#0D1212fe
  • statusBarItem.hoverForeground#C8B008fe
  • statusBarItem.offlineBackground#0D1212fe
  • statusBarItem.offlineForeground#B6FAFAce
  • statusBarItem.offlineHoverBackground#0D1212fe
  • statusBarItem.offlineHoverForeground#C8AE09fe
  • statusBarItem.prominentBackground#0D1212fe
  • statusBarItem.prominentForeground#B6FAFAce
  • statusBarItem.prominentHoverBackground#0D1212fe
  • statusBarItem.prominentHoverForeground#C7AD08fe
  • statusBarItem.remoteBackground#C7AD08fe
  • statusBarItem.remoteForeground#0D1212fe
  • statusBarItem.remoteHoverBackground#0D1212fe
  • statusBarItem.remoteHoverForeground#C7AD08fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#E6E1E9fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D3D4DEfe
  • symbolIcon.colorForeground#CDDBDBfe
  • symbolIcon.constantForeground#C4C6D3fe
  • symbolIcon.constructorForeground#DCE5DCfe
  • symbolIcon.enumeratorForeground#D2DEDEfe
  • symbolIcon.enumeratorMemberForeground#D2D6C9fe
  • symbolIcon.eventForeground#E5DCE0fe
  • symbolIcon.fieldForeground#CDDBDBfe
  • symbolIcon.fileForeground#C4C6D3fe
  • symbolIcon.folderForeground#BFC1CFfe
  • symbolIcon.functionForeground#C9CBD6fe
  • symbolIcon.interfaceForeground#CEC4D3fe
  • symbolIcon.keyForeground#C6CBBAfe
  • symbolIcon.keywordForeground#DADED3fe
  • symbolIcon.methodForeground#C4D3C4fe
  • symbolIcon.moduleForeground#B9CCCCfe
  • symbolIcon.namespaceForeground#E5DCE0fe
  • symbolIcon.nullForeground#E1DCD7fe
  • symbolIcon.numberForeground#AFC5C5fe
  • symbolIcon.objectForeground#CECFDAfe
  • symbolIcon.operatorForeground#E6E9E1fe
  • symbolIcon.packageForeground#E2E5DCfe
  • symbolIcon.propertyForeground#CECFDAfe
  • symbolIcon.referenceForeground#C2C8B5fe
  • symbolIcon.snippetForeground#DADED3fe
  • symbolIcon.stringForeground#E6E1E9fe
  • symbolIcon.structForeground#D7E2E2fe
  • symbolIcon.textForeground#C4D3C4fe
  • symbolIcon.typeParameterForeground#CABFCFfe
  • symbolIcon.unitForeground#C6CBBAfe
  • symbolIcon.variableForeground#C4D3C4fe
  • tab.activeBackground#0F1515fe
  • tab.activeBorder#090A0D00
  • tab.activeBorderTop#C9AE07fe
  • tab.activeForeground#C9AE07fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0C0D0900
  • tab.hoverBackground#C0F9F9fe
  • tab.hoverBorder#0B1010fe
  • tab.hoverForeground#C8AE09fe
  • tab.inactiveBackground#0A313197
  • tab.inactiveForeground#26A2A265
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0B1010fe
  • tab.unfocusedActiveBackground#18212121
  • tab.unfocusedActiveBorder#090D0900
  • tab.unfocusedActiveBorderTop#19343465
  • tab.unfocusedActiveForeground#97B3B365
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#C1F9F9fe
  • tab.unfocusedHoverBorder#1C26262c
  • tab.unfocusedHoverForeground#25A2A265
  • tab.unfocusedInactiveBackground#2330309b
  • tab.unfocusedInactiveForeground#239A9A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a9
  • 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#670067c0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece99
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151C1Cfe
  • terminal.border#0B1010fe
  • terminal.dropBackground#151C1Cfe
  • terminal.findMatchBackground#151C1Cfe
  • terminal.findMatchBorder#0B1010fe
  • terminal.findMatchHighlightBackground#151C1Cfe
  • terminal.findMatchHighlightBorder#0B1010fe
  • terminal.foreground#C1F9F9ae
  • terminal.hoverHighlightBackground#151C1Cfe
  • terminal.inactiveSelectionBackground#2330309c
  • terminal.selectionBackground#5B4E448e
  • terminal.selectionForeground#D7E1D7ca
  • terminal.tab.activeBorder#C7AE06fe
  • terminalCommandDecoration.defaultBackground#CBFACBa6
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151C1Cfe
  • terminalCursor.foreground#C9AF08fe
  • terminalOverviewRuler.cursorForeground#B6FAFAce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#D5BE2Bfe
  • testing.message.error.lineBackground#670067bf
  • testing.message.info.decorationForeground#DAC537fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0B1010fe
  • testing.peekHeaderBackground#151C1Cfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151C1Cfe
  • textBlockQuote.border#0B1010fe
  • textCodeBlock.background#151C1Cfe
  • textLink.activeForeground#C8AE09fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#B6FAFAce
  • textSeparator.foreground#B6FAFAce
  • titleBar.activeBackground#0D1212fe
  • titleBar.activeForeground#30C2C2ae
  • titleBar.border#090A0D00
  • titleBar.inactiveBackground#182121d4
  • titleBar.inactiveForeground#97B3B365
  • toolbar.activeBackground#2933118d
  • toolbar.hoverBackground#151C1Cfe
  • toolbar.hoverOutline#0C090D00
  • tree.inactiveIndentGuidesStroke#85A38535
  • tree.indentGuidesStroke#FAF0AFfe
  • tree.tableColumnsBorder#0B1010fe
  • tree.tableOddRowsBackground#151C1Cfe
  • walkThrough.embeddedEditorBackground#151C1Cfe
  • walkthrough.stepTitle.foreground#B6FAFAce
  • welcomePage.background#151C1Cfe
  • welcomePage.progress.background#151C1Cfe
  • welcomePage.progress.foreground#B6FAFAce
  • welcomePage.tileBackground#151C1Cfe
  • welcomePage.tileBorder#0B1010fe
  • welcomePage.tileHoverBackground#151C1Cfe
  • widget.border#0B1010fe
  • widget.shadow#0D0B0900
  • window.activeBorder#0B1010fe
  • window.inactiveBorder#0A313195

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#36D3D36e
comment.block.html#36CECE6e
comment.block.java#38D5D56e
comment.block.javadoc.java#3ED4D46e
comment.block.powershell#30C7C76e
comment.block.xml#36CECE6e
comment.line.double-slash.c#33CCCC6e
comment.line.double-slash.cpp#33B9B96e
comment.line.double-slash.java#32BABA6e
comment.line.double-slash.js#3ED8D86e
comment.line.number-sign.makefile#30BDBD6e
comment.line.number-sign.python#33B9B96e
comment.line.number-sign.yaml#34D1D16e
comment.line.percentage.erlang#33CCCC6e
comment.line.powershell#3CD2D26e
comment.source.cmake#3FD8D86e
comment.source.cmakecache#37D3D36e
constant.character#7DCAFEde
constant.character.character-class.regexp#3BC509de
constant.character.escape#F89D9Dde
constant.character.set.regexp#B49CF7de
constant.language#3FD708de
constant.numeric#C3AFFAde
constant.numeric.dec.python#F8A3A3de
constant.other.caps.python#F89DF2de
constant.other.character-class.regexp#F48A8Ade
constant.other.character-class.set.regexp#C8AE08de
constant.other.color.rgb-value#79C0F0de
constant.other.placeholder#C9B7FBde
constant.other.rgb-value#37DA8Ede
constant.regexp#F48BEEde
constant.sha.git-rebase#F17CE9de
emphasis#F697F0de
entity.name.class#5DB1E9de
entity.name.function#B7A0F8de
entity.name.function.preprocessor#FAAEAEde
entity.name.function.python#BEA9F9de
entity.name.label#F9AAAAde
entity.name.namespace#51BC2Ade
entity.name.operator#51BC2Ade
entity.name.operator.custom-literal#F69696de
entity.name.scope-resolution#8BCAF4de
entity.name.tag#BCA6F9de
entity.name.tag.css#F59191de
entity.name.type#40D808de
entity.name.variable#F079E8de
entity.other.attribute#F693EFde
entity.other.attribute-name#29C77Dde
entity.other.attribute-name.class.css#C7B4FAde
entity.other.attribute-name.class.mixin.css#D5BE2Bde
entity.other.attribute-name.id#F79A9Ade
entity.other.attribute-name.id.css#F17BE9de
entity.other.attribute-name.parent-selector.css#B39BF7de
entity.other.attribute-name.pseudo-class.css#CBBAFBde
entity.other.attribute-name.pseudo-element.css#39BF09de
entity.other.attribute-name.scss#59D52Bde
entity.other.document.begin.yaml#32BABA6e
entity.other.inherited-class#CBB9FBde
header#2AC57Cde
invalid#07D274de
keyword#F8A5F3de
keyword.codetag.notation.python#CDB82Ade
keyword.control#F58EEEde
keyword.control.anchor.regexp#5DB1E9de
keyword.control.import.python#F8A5F3de
keyword.operator#F69393de
keyword.operator.alignas#F9A9A9de
keyword.operator.alignof#F696F0de
keyword.operator.cast#08CE72de
keyword.operator.delete#F48C8Cde
keyword.operator.documentation.powershell#31CFCF6e
keyword.operator.expression#08C86Fde
keyword.operator.instanceof#F48787de
keyword.operator.logical.python#F59090de
keyword.operator.minus.exponent#80C5F2de
keyword.operator.negation.regexp#5EB2E9de
keyword.operator.new#F9AAF4de
keyword.operator.noexcept#F488ECde
keyword.operator.or.regexp#7CC2F1de
keyword.operator.plus.exponent#F694EFde
keyword.operator.quantifier.regexp#BBA5F9de
keyword.operator.sizeof#F48787de
keyword.operator.typeid#78C0F0de
keyword.operator.wordlike#B69EF8de
keyword.other.operator#51BC2Ade
keyword.other.package.java#F078E9de
keyword.other.unit#33D98Cde
keyword.other.using#CCB108de
markup.bold#07C66Cde
markup.changed#F696F0de
markup.deleted#F79D9Dde
markup.fenced_code.block.markdown#F48787de
markup.heading#3ABE09de
markup.inline.raw#55CC29de
markup.inserted#BAA4F8de
markup.italic#F69393de
markup.raw.block.markdown#BEA8F9de
markup.strikethrough#8ECCF5de
markup.underline#5ED831de
meta.block.c#C8B6FBde
meta.block.c#F58EEEde
meta.class.java#BBA5F8de
meta.definition.variable.name#41DE08de
meta.diff.header#09BF6Ade
meta.embedded#2AC57Cde
meta.embedded.assembly#5DB1E9de
meta.function-call.arguments.python#B7A0F8de
meta.function-call.python#F89F9Fde
meta.member.access.python#51BC2Ade
meta.method.java#B299F7de
meta.object-literal.key#87C8F3de
meta.paragraph.markdown#40DE95de
meta.preprocessor#BBA4F8de
meta.preprocessor.numeric#F89E9Ede
meta.preprocessor.string#C5B02Ade
meta.scope.prerequisites.makefile#3AC209de
meta.structure.dictionary.json.comments#30C6C66e
meta.structure.dictionary.key.python#F387ECde
meta.structure.dictionary.value.json.comments#30B8B86e
meta.template.expression#3DCD09de
meta.type.cast.expr#59AEE8de
meta.type.new.expr#3DD308de
parameter#57ADE6de
punctuation.character.set.begin.regexp#DAC537de
punctuation.character.set.end.regexp#DAC537de
punctuation.definition.array.begin.json#3ED807de
punctuation.definition.character-class.regexp#D6BF2Cde
punctuation.definition.comment#33CDCD6e
punctuation.definition.comment.json.comments#37D3D36e
punctuation.definition.comment.python#44D8D86e
punctuation.definition.dictionary.begin.json#3BC808de
punctuation.definition.dictionary.end.json#59D62Cde
punctuation.definition.group.assertion.regexp#F79B9Bde
punctuation.definition.group.regexp#F9A8A8de
punctuation.definition.list.begin.json#F59191de
punctuation.definition.list.begin.markdown#B299F7de
punctuation.definition.list.begin.python#DBBF08de
punctuation.definition.list.end.json#5DB1E9de
punctuation.definition.list.end.markdown#6FBCEEde
punctuation.definition.list.end.python#C7AD07de
punctuation.definition.parameters.begin.python#F58EEEde
punctuation.definition.parameters.end.bracket.round.java#F9A6F3de
punctuation.definition.quote.begin.markdown#F694F0de
punctuation.definition.tag#D8C131de
punctuation.definition.template-expression.begin#F179E9de
punctuation.definition.template-expression.end#B097F6de
punctuation.section.class.begin.bracket.curly.java#09C86Ede
punctuation.section.embedded#F17CE9de
punctuation.section.embedded.begin.php#79C0F0de
punctuation.section.embedded.end.php#D8BC08de
punctuation.terminator.java#CAB9FBde
source.cmake#E1C408de
source.coffee.embedded#3ED508de
source.cpp#07BE68de
source.css.less#F38585de
source.groovy.embedded#F48AECde
source.java#2ACD81de
source.java-properties#C6B4FAde
source.json.comments#32C4C46e
source.makefile#7CC2F1de
source.powershell#D9BD07de
source.powershell.variable.other.member#87C8F3de
source.python#55CD29de
storage#08D275de
storage.modifier#64B5EBde
storage.modifier.import.java#3CCC08de
storage.modifier.package.java#5CB1E9de
storage.type#34DA8Cde
storage.type.annotation.groovy#35DA8Dde
storage.type.annotation.java#D2B707de
storage.type.boolean.go#F17EEAde
storage.type.byte.go#DBC007de
storage.type.cs#C8AF08de
storage.type.error.go#6EBAEDde
storage.type.generic.cs#C0ABF9de
storage.type.generic.groovy#F8A0F2de
storage.type.generic.java#6DBAEDde
storage.type.groovy#CDB82Ade
storage.type.java#3AC808de
storage.type.modifier.cs#BBA5F8de
storage.type.numeric.go#F8A2A2de
storage.type.object.array.groovy#F280EAde
storage.type.object.array.java#F696F0de
storage.type.parameters.groovy#56CD2Ade
storage.type.primitive.array.groovy#63DA37de
storage.type.primitive.array.java#59D52Bde
storage.type.primitive.groovy#C8B6FBde
storage.type.primitive.java#F590EEde
storage.type.rune.go#08D775de
storage.type.string.go#C5B02Ade
storage.type.token.java#80C4F2de
storage.type.uintptr.go#F48BEDde
storage.type.variable.cs#C8B6FBde
string#C5B02Ade
string.quoted.docstring.multi.python#3ED4D46e
string.regexp#C1A807de
string.tag#3FDE94de
string.value#6BB9EDde
strong#B59DF7de
support.class#31D88Ade
support.constant.color#C5B029de
support.constant.dom#83C5F3de
support.constant.font-name#5BD72Ede
support.constant.handlebars#D8BC08de
support.constant.json#F693EFde
support.constant.math#DCC008de
support.constant.media#08C66Ede
support.constant.media-type#C5B02Ade
support.constant.property-value#DABD08de
support.function#F8A5F3de
support.function.git-rebase#F384EBde
support.other.parenthesis.regexp#62B3EAde
support.type#BAA3F8de
support.type.property-name#D4B908de
support.type.vendored.property-name#64B5EBde
support.variable#B59DF7de
token.debug-token#F58EEEde
token.error-token#F698F0de
token.info-token#3FD908de
token.warn-token#F58E8Ede
variable#5EB2E9de
variable.css#69C2FDde
variable.language#B8A0F8de
variable.language.wildcard.java#08C86Fde
variable.other.constant#08C66Dde
variable.other.definition.java#F8A3A3de
variable.other.enummember#F17FEAde
variable.other.less#F58DEDde
variable.other.object.java#07BE68de
variable.other.object.property.java#DAC537de
variable.parameter.c#CBB9FBde
variable.parameter.function.language.python#F9A5A5de
variable.parameter.java#CDB629de
variable.scss#F79DF1de
viiv by B.W - VS Code Theme