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#161e1efe
  • activityBar.activeBackground#161e1efe
  • activityBar.activeBorder#72B7FBfe
  • activityBar.activeFocusBorder#5F688500
  • activityBar.background#0D1212fe
  • activityBar.border#5F688500
  • activityBar.dropBorder#70B7FCfe
  • activityBar.foreground#73B6FBfe
  • activityBar.inactiveForeground#3DC4C465
  • activityBarBadge.background#5595D5fe
  • activityBarBadge.foreground#0D1212fe
  • badge.background#65A2DEfe
  • badge.foreground#0D1212fe
  • banner.background#161e1efe
  • banner.foreground#C9FAFAce
  • banner.iconForeground#DDDEE5fe
  • breadcrumb.activeSelectionForeground#DDDEE5ca
  • breadcrumb.background#0F1515fe
  • breadcrumb.focusForeground#5A99D8fe
  • breadcrumb.foreground#EBF0F0ae
  • breadcrumbPicker.background#161e1efe
  • button.background#364A4Aae
  • button.border#0E0A0C00
  • button.foreground#C9FAFAce
  • button.hoverBackground#4B67676e
  • button.secondaryBackground#161e1efe
  • button.secondaryForeground#C9FAFAce
  • button.secondaryHoverBackground#161e1efe
  • button.separator#0E0C0A00
  • charts.blue#1b1bfffe
  • charts.foreground#C9FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1010fe
  • chat.slashCommandBackground#161e1efe
  • chat.slashCommandForeground#C9FAFAce
  • checkbox.background#0C1010fe
  • checkbox.border#0C1010fe
  • checkbox.foreground#C9FAFAce
  • checkbox.selectBackground#0C1010fe
  • checkbox.selectBorder#0C1010fe
  • commandCenter.activeBackground#2533258e
  • commandCenter.activeBorder#0C1010fe
  • commandCenter.activeForeground#3C7CBBfe
  • commandCenter.background#161e1efe
  • commandCenter.border#0C1010fe
  • commandCenter.foreground#C9FAFAce
  • commandCenter.inactiveBorder#1135359c
  • commandCenter.inactiveForeground#9DB7B765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0C0A00
  • contrastBorder#0A0E0A00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C9FAFAce
  • debugConsole.sourceForeground#C9FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CED0DAfe
  • debugExceptionWidget.background#5A005A9a
  • debugExceptionWidget.border#0C1010fe
  • debugIcon.breakpointCurrentStackframeForeground#BBBCCAfe
  • debugIcon.breakpointDisabledForeground#ACC1C165
  • debugIcon.breakpointForeground#CAC0CFfe
  • debugIcon.breakpointStackframeForeground#D2DEDEfe
  • debugIcon.breakpointUnverifiedForeground#E5E0DDfe
  • debugIcon.continueForeground#D3D4DDfe
  • debugIcon.disconnectForeground#BACCCCfe
  • debugIcon.pauseForeground#C0CFC0fe
  • debugIcon.restartForeground#CFC0C6fe
  • debugIcon.startForeground#C6BBCBfe
  • debugIcon.stepBackForeground#C6BBCBfe
  • debugIcon.stepIntoForeground#CACFC0fe
  • debugIcon.stepOutForeground#C9D6C9fe
  • debugIcon.stepOverForeground#CAC0CFfe
  • debugIcon.stopForeground#BACCCCfe
  • debugTokenExpression.boolean#D6DACEca
  • debugTokenExpression.error#E1E2E8ca
  • debugTokenExpression.name#E1E2E8ca
  • debugTokenExpression.number#DDDEE5ca
  • debugTokenExpression.value#DADDD3ca
  • debugToolBar.background#5A005Ab3
  • debugToolBar.border#0C1010fe
  • debugView.exceptionLabelBackground#3B2747ca
  • debugView.exceptionLabelForeground#CEDBDBca
  • debugView.stateLabelBackground#3B2C22ca
  • debugView.stateLabelForeground#D8D9E1ca
  • debugView.valueChangedHighlight#E1E2E8ca
  • descriptionForeground#C9FAFAce
  • diffEditor.border#0A0E0E00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0A0E0E00
  • diffEditor.move.border#0A0B0E00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#670000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • diffEditor.unchangedCodeBackground#161e1efe
  • diffEditor.unchangedRegionBackground#161e1efe
  • diffEditor.unchangedRegionForeground#C9FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#ACC2C265
  • dropdown.background#0C1010fe
  • dropdown.border#0C1010fe
  • dropdown.foreground#C9FAFAce
  • dropdown.listBackground#0C1010fe
  • editor.background#161e1efe
  • editor.findMatchBackground#65574Ca3
  • editor.findMatchBorder#0C1010fe
  • editor.findMatchHighlightBackground#626A50a9
  • editor.findMatchHighlightBorder#0C1010fe
  • editor.findRangeHighlightBackground#62506Aa3
  • editor.findRangeHighlightBorder#0C1010fe
  • editor.focusedStackFrameHighlightBackground#6A5B508b
  • editor.foldBackground#C6BBB4a1
  • editor.foreground#C9FAFAce
  • editor.hoverHighlightBackground#65574Ca9
  • editor.inactiveSelectionBackground#3B51519c
  • editor.inlineValuesBackground#161e1efe
  • editor.inlineValuesForeground#C9FAFAce
  • editor.lineHighlightBackground#2B3B3Bb4
  • editor.lineHighlightBorder#0E0C0A00
  • editor.linkedEditingBackground#161e1efe
  • editor.rangeHighlightBackground#736357a3
  • editor.rangeHighlightBorder#0C1010fe
  • editor.selectionBackground#3E533Ea5
  • editor.selectionForeground#DADDD3ca
  • editor.selectionHighlightBackground#58475E8c
  • editor.selectionHighlightBorder#0C1010fe
  • editor.snippetFinalTabstopHighlightBackground#654C57ac
  • editor.snippetFinalTabstopHighlightBorder#0C1010fe
  • editor.snippetTabstopHighlightBackground#584B42a3
  • editor.snippetTabstopHighlightBorder#0C1010fe
  • editor.stackFrameHighlightBackground#574B41a7
  • editor.symbolHighlightBackground#4C5065a1
  • editor.symbolHighlightBorder#0C1010fe
  • editor.wordHighlightBackground#5B4F45a7
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#5E4C65a8
  • editor.wordHighlightStrongBorder#0E0A0C00
  • editor.wordHighlightTextBackground#596049ad
  • editor.wordHighlightTextBorder#0A0B0E00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C9FAFAce
  • editorBracketMatch.background#AFC3AFaa
  • editorBracketMatch.border#0C1010fe
  • editorBracketPairGuide.activeBackground1#BBBDCB89
  • editorBracketPairGuide.activeBackground2#C6BACB88
  • editorBracketPairGuide.activeBackground3#BAC0AC8b
  • editorBracketPairGuide.activeBackground4#B0C3B085
  • editorBracketPairGuide.activeBackground5#BAC0AC8c
  • editorBracketPairGuide.activeBackground6#CBBAC186
  • editorBracketPairGuide.background1#2B311Dfe
  • editorBracketPairGuide.background2#203320fe
  • editorBracketPairGuide.background3#3D2748fe
  • editorBracketPairGuide.background4#392C22fe
  • editorBracketPairGuide.background5#442631fe
  • editorBracketPairGuide.background6#1D3333fe
  • editorCodeLens.foreground#ABC2C26e
  • editorCommentsWidget.rangeActiveBackground#ACC2C2fe
  • editorCommentsWidget.rangeBackground#161e1efe
  • editorCommentsWidget.resolvedBorder#0C1010fe
  • editorCommentsWidget.unresolvedBorder#670000cb
  • editorCursor.background#161e1efe
  • editorCursor.foreground#3D80C3fe
  • editorError.background#0E0C0A00
  • editorError.border#0E0C0A00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#161e1efe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#ACC1C16e
  • editorGroup.border#0C1010fe
  • editorGroup.dropBackground#161e1efe
  • editorGroup.dropIntoPromptBackground#161e1efe
  • editorGroup.dropIntoPromptBorder#0C1010fe
  • editorGroup.dropIntoPromptForeground#C9FAFAce
  • editorGroup.emptyBackground#161e1efe
  • editorGroup.focusedEmptyBorder#0C1010fe
  • editorGroupHeader.border#0A0E0E00
  • editorGroupHeader.noTabsBackground#0D1212ae
  • editorGroupHeader.tabsBackground#161e1ea1
  • editorGroupHeader.tabsBorder#0E0A0C00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#161e1efe
  • editorGutter.commentGlyphForeground#C9FAFAce
  • editorGutter.commentRangeForeground#C9FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#C9FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0E0A00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0C1010fe
  • editorHoverWidget.border#0C1010fe
  • editorHoverWidget.foreground#C9FAFAce
  • editorHoverWidget.highlightForeground#D8E1D8ca
  • editorHoverWidget.statusBarBackground#161e1efe
  • editorIndentGuide.activeBackground1#72B7FBfe
  • editorIndentGuide.activeBackground2#73B6FBfe
  • editorIndentGuide.activeBackground3#70B7FCfe
  • editorIndentGuide.activeBackground4#72B7FCfe
  • editorIndentGuide.activeBackground5#72B7FCfe
  • editorIndentGuide.activeBackground6#71B7FCfe
  • editorIndentGuide.background1#C0ACB535
  • editorIndentGuide.background2#A6AE9435
  • editorIndentGuide.background3#9EB59E35
  • editorIndentGuide.background4#A3928635
  • editorIndentGuide.background5#AA9B8F35
  • editorIndentGuide.background6#AEB59E35
  • editorInfo.background#0E0A0C00
  • editorInfo.border#0D0A0E00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#161e1efe
  • editorInlayHint.foreground#C9FAFAce
  • editorInlayHint.parameterBackground#161e1efe
  • editorInlayHint.parameterForeground#C9FAFAce
  • editorInlayHint.typeBackground#161e1efe
  • editorInlayHint.typeForeground#C9FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#65A2DEfe
  • editorLineNumber.dimmedForeground#ACC2C26e
  • editorLineNumber.foreground#ADC2C26e
  • editorLink.activeForeground#3C7CBBfe
  • editorMarkerNavigation.background#0C1010fe
  • editorMarkerNavigationError.background#5A005Aae
  • editorMarkerNavigationError.headerBackground#5A005Acb
  • editorMarkerNavigationInfo.background#0000AAfe
  • editorMarkerNavigationInfo.headerBackground#0000AAfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161e1efe
  • editorOverviewRuler.border#243131fe
  • editorOverviewRuler.bracketMatchForeground#C9FAFAce
  • editorOverviewRuler.commentForeground#ADC2C26e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C9FAFAce
  • editorOverviewRuler.currentContentForeground#cecece9c
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDE5DDca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DED8E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#C9FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C9FAFAce
  • editorPane.background#161e1efe
  • editorRuler.foreground#AEC3C32f
  • editorStickyScroll.background#161e1efe
  • editorStickyScrollHover.background#2133336e
  • editorSuggestWidget.background#0C1010fe
  • editorSuggestWidget.border#0A0B0E00
  • editorSuggestWidget.focusHighlightForeground#61C0C0fe
  • editorSuggestWidget.foreground#CED0DAfe
  • editorSuggestWidget.highlightForeground#D6C9CFca
  • editorSuggestWidget.selectedBackground#5D475187
  • editorSuggestWidget.selectedForeground#DDE5DDca
  • editorSuggestWidget.selectedIconForeground#E6E1E8ca
  • editorSuggestWidgetStatus.foreground#C0C2CFfe
  • editorUnicodeHighlight.background#5F4751aa
  • editorUnicodeHighlight.border#0C1010fe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0A00
  • editorWarning.border#0D0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C9FAFAce
  • editorWidget.background#0C1010fe
  • editorWidget.border#0C1010fe
  • editorWidget.foreground#C9FAFAce
  • editorWidget.resizeBorder#0C1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#609DDBfe
  • extensionBadge.remoteForeground#0D1212fe
  • extensionButton.background#173434ae
  • extensionButton.foreground#C9FAFAce
  • extensionButton.hoverBackground#1934346e
  • extensionButton.prominentBackground#161e1efe
  • extensionButton.prominentForeground#C9FAFAce
  • extensionButton.prominentHoverBackground#161e1efe
  • extensionButton.separator#0E0C0A00
  • extensionIcon.preReleaseForeground#E6E1E8fe
  • extensionIcon.sponsorForeground#C9D6C9fe
  • extensionIcon.starForeground#C0CFC0fe
  • extensionIcon.verifiedForeground#BBBDCBfe
  • focusBorder#0D0A0E00
  • foreground#C9FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#ACC2C2ae
  • inlineChat.background#2C321Eca
  • inlineChat.border#452634ca
  • inlineChat.regionHighlight#C9D7D7ca
  • inlineChat.shadow#D6CEDAca
  • inlineChatDiff.inserted#E1D8DCca
  • inlineChatDiff.removed#E1DCD8ca
  • inlineChatInput.background#DCE5E5ca
  • inlineChatInput.border#292E4Bca
  • inlineChatInput.focusBorder#0A0E0E00
  • inlineChatInput.placeholderForeground#E5E0DDca
  • input.background#0C1010fe
  • input.border#0C1010fe
  • input.foreground#C9FAFAce
  • input.placeholderForeground#ACC2C265
  • inputOption.activeBackground#0C1010fe
  • inputOption.activeBorder#0C1010fe
  • inputOption.activeForeground#65A2DEfe
  • inputOption.hoverBackground#0C1010fe
  • inputValidation.errorBackground#670067c4
  • inputValidation.errorBorder#5A005A9c
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1010fe
  • inputValidation.infoForeground#C9FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1010fe
  • interactive.inactiveCodeBorder#202C2C9a
  • keybindingLabel.background#161e1efe
  • keybindingLabel.border#0C1010fe
  • keybindingLabel.bottomBorder#0C1010fe
  • keybindingLabel.foreground#C9FAFAce
  • keybindingTable.headerBackground#161e1efe
  • keybindingTable.rowsBackground#161e1efe
  • list.activeSelectionBackground#6B73578c
  • list.activeSelectionForeground#E2DDE5ca
  • list.activeSelectionIconForeground#C9D7D7ca
  • list.deemphasizedForeground#C9FAFAce
  • list.dropBackground#161e1efe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#161e1efe
  • list.filterMatchBorder#0C1010fe
  • list.focusAndSelectionOutline#0A0E0E00
  • list.focusBackground#3B515197
  • list.focusForeground#5595D5fe
  • list.focusHighlightForeground#56C856fe
  • list.focusOutline#0A0B0E00
  • list.highlightForeground#DDE5DDca
  • list.hoverBackground#163616aa
  • list.hoverForeground#3C7CBBfe
  • list.inactiveFocusBackground#24313194
  • list.inactiveFocusOutline#0A0B0E00
  • list.inactiveSelectionBackground#0D1212ae
  • list.inactiveSelectionForeground#ACC2C265
  • list.inactiveSelectionIconForeground#ACC2C265
  • list.invalidItemForeground#C9FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161e1efe
  • listFilterWidget.noMatchesOutline#0D0E0A00
  • listFilterWidget.outline#0D0A0E00
  • listFilterWidget.shadow#0E0A0C00
  • menu.background#0D1212fe
  • menu.border#0E0C0A00
  • menu.foreground#E6EDEDae
  • menu.selectionBackground#3E523Ea6
  • menu.selectionBorder#0D0A0E00
  • menu.selectionForeground#5A99D8fe
  • menu.separatorBackground#25323265
  • menubar.selectionBackground#3E533Ea3
  • menubar.selectionBorder#0D0E0A00
  • menubar.selectionForeground#4B8CCEfe
  • merge.border#0C1010fe
  • merge.commonContentBackground#161e1efe
  • merge.commonHeaderBackground#161e1efe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#113613fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113613fb
  • mergeEditor.change.background#161e1efe
  • mergeEditor.change.word.background#161e1efe
  • mergeEditor.changeBase.background#161e1efe
  • mergeEditor.changeBase.word.background#161e1efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1010fe
  • mergeEditor.conflict.handledUnfocused.border#1D27272d
  • mergeEditor.conflict.input1.background#0C1010fe
  • mergeEditor.conflict.input2.background#0C1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b0
  • mergeEditor.conflict.unhandledFocused.border#0C1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D272722
  • mergeEditor.conflictingLines.background#161e1efe
  • minimap.background#161e1efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A7A7Afe
  • minimapSlider.background#394E4Eae
  • minimapSlider.hoverBackground#445D5D6e
  • notebook.cellBorderColor#0C1010fe
  • notebook.cellEditorBackground#161e1efe
  • notebook.cellHoverBackground#161e1efe
  • notebook.cellInsertionIndicator#E1D8DCca
  • notebook.cellStatusBarItemHoverBackground#161e1efe
  • notebook.cellToolbarSeparator#E1DCD8ca
  • notebook.editorBackground#161e1efe
  • notebook.focusedCellBackground#161e1efe
  • notebook.focusedCellBorder#5A99D8fe
  • notebook.focusedEditorBorder#0C1010fe
  • notebook.inactiveFocusedCellBorder#5676768e
  • notebook.inactiveSelectedCellBorder#6489898e
  • notebook.outputContainerBackgroundColor#161e1efe
  • notebook.outputContainerBorderColor#0C1010fe
  • notebook.selectedCellBackground#161e1efe
  • notebook.selectedCellBorder#0C1010fe
  • notebook.symbolHighlightBackground#161e1efe
  • notebookEditorOverviewRuler.runningCellForeground#C9FAFAce
  • notebookScrollbarSlider.activeBackground#567676fe
  • notebookScrollbarSlider.background#3D5353ae
  • notebookScrollbarSlider.hoverBackground#4B67676e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#D2CAC4fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C1010fe
  • notificationCenterHeader.background#161e1efe
  • notificationCenterHeader.foreground#C9FAFAce
  • notificationLink.foreground#C9FAFAce
  • notifications.background#161e1efe
  • notifications.border#0C1010fe
  • notifications.foreground#C9FAFAce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#E8E4E1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1010fe
  • panel.background#161e1efe
  • panel.border#0C1010fe
  • panel.dropBorder#0C1010fe
  • panelInput.border#0C1010fe
  • panelSection.border#0C1010fe
  • panelSection.dropBackground#161e1efe
  • panelSectionHeader.background#161e1efe
  • panelSectionHeader.border#0C1010fe
  • panelSectionHeader.foreground#C9FAFAce
  • panelTitle.activeBorder#0E0A0C00
  • panelTitle.activeForeground#72B7FCfe
  • panelTitle.inactiveForeground#3AC3C365
  • peekView.border#70B7FCfe
  • peekViewEditor.background#0C1010fe
  • peekViewEditor.matchHighlightBackground#50564189
  • peekViewEditor.matchHighlightBorder#0A0B0E00
  • peekViewEditorGutter.background#0C1010fe
  • peekViewEditorStickyScroll.background#161e1efe
  • peekViewResult.background#0D1212fe
  • peekViewResult.fileForeground#C9FAFAce
  • peekViewResult.lineForeground#C9FAFAce
  • peekViewResult.matchHighlightBackground#574B4281
  • peekViewResult.selectionBackground#574B4183
  • peekViewResult.selectionForeground#D6DACEca
  • peekViewTitle.background#0D1212fe
  • peekViewTitleDescription.foreground#C9FAFAce
  • peekViewTitleLabel.foreground#C9FAFAce
  • pickerGroup.border#0C1010fe
  • pickerGroup.foreground#C9FAFAce
  • ports.iconRunningProcessForeground#D2DEDEfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#3C7CBBfe
  • profileBadge.foreground#0D1212fe
  • progressBar.background#161e1efe
  • quickInput.background#0D1212fe
  • quickInput.foreground#E6EDEDae
  • quickInputList.focusBackground#54586Faa
  • quickInputList.focusForeground#5595D5fe
  • quickInputList.focusIconForeground#4688CAfe
  • quickInputTitle.background#0C1010fe
  • sash.hoverBorder#0C1010fe
  • scrollbar.shadow#0D0E0A00
  • scrollbarSlider.activeBackground#567676fe
  • scrollbarSlider.background#364A4Aae
  • scrollbarSlider.hoverBackground#4862626e
  • search.resultsInfoForeground#C9FAFAce
  • searchEditor.findMatchBackground#3B5252a1
  • searchEditor.findMatchBorder#0C1010fe
  • searchEditor.textInputBorder#0C1010fe
  • selection.background#161e1efe
  • settings.checkboxBackground#0C1010fe
  • settings.checkboxBorder#0C1010fe
  • settings.checkboxForeground#C9FAFAce
  • settings.dropdownBackground#0C1010fe
  • settings.dropdownBorder#0C1010fe
  • settings.dropdownForeground#C9FAFAce
  • settings.dropdownListBorder#0C1010fe
  • settings.focusedRowBackground#676F5489
  • settings.focusedRowBorder#0C1010fe
  • settings.headerBorder#0C1010fe
  • settings.headerForeground#C9FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1010fe
  • settings.numberInputBorder#0C1010fe
  • settings.numberInputForeground#C9FAFAce
  • settings.rowHoverBackground#161e1efe
  • settings.sashBorder#0C1010fe
  • settings.settingsHeaderHoverForeground#4284C6fe
  • settings.textInputBackground#0C1010fe
  • settings.textInputBorder#0C1010fe
  • settings.textInputForeground#C9FAFAce
  • sideBar.background#161e1efe
  • sideBar.border#0C1010fe
  • sideBar.dropBackground#161e1efe
  • sideBar.foreground#ACC2C2ae
  • sideBarSectionHeader.background#0A0E0A00
  • sideBarSectionHeader.border#0C1010fe
  • sideBarSectionHeader.foreground#C9FAFAce
  • sideBarTitle.foreground#C9FAFAce
  • sideBySideEditor.horizontalBorder#0C1010fe
  • sideBySideEditor.verticalBorder#0C1010fe
  • simpleFindWidget.sashBorder#0C1010fe
  • statusBar.background#0D1212fe
  • statusBar.border#0C1010fe
  • statusBar.debuggingBackground#5A005A9d
  • statusBar.debuggingBorder#0C1010fe
  • statusBar.debuggingForeground#C9FAFAce
  • statusBar.focusBorder#0A0B0E00
  • statusBar.foreground#ADC2C26e
  • statusBar.noFolderBackground#0D1212fe
  • statusBar.noFolderBorder#0C1010fe
  • statusBar.noFolderForeground#C9FAFAce
  • statusBarItem.activeBackground#0D1212fe
  • statusBarItem.compactHoverBackground#0D1212fe
  • statusBarItem.errorBackground#5A005A9b
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5A005Ac2
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0B0E00
  • statusBarItem.hoverBackground#0D1212fe
  • statusBarItem.hoverForeground#3C7CBBfe
  • statusBarItem.offlineBackground#0D1212fe
  • statusBarItem.offlineForeground#C9FAFAce
  • statusBarItem.offlineHoverBackground#0D1212fe
  • statusBarItem.offlineHoverForeground#5091D1fe
  • statusBarItem.prominentBackground#0D1212fe
  • statusBarItem.prominentForeground#C9FAFAce
  • statusBarItem.prominentHoverBackground#0D1212fe
  • statusBarItem.prominentHoverForeground#5091D1fe
  • statusBarItem.remoteBackground#4284C6fe
  • statusBarItem.remoteForeground#0D1212fe
  • statusBarItem.remoteHoverBackground#0D1212fe
  • statusBarItem.remoteHoverForeground#4688CAfe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#D2C4CAfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#DADDD3fe
  • symbolIcon.colorForeground#C9B9C0fe
  • symbolIcon.constantForeground#D3DDD3fe
  • symbolIcon.constructorForeground#CEC4D2fe
  • symbolIcon.enumeratorForeground#E5DDE0fe
  • symbolIcon.enumeratorMemberForeground#B6C7B6fe
  • symbolIcon.eventForeground#D6DACEfe
  • symbolIcon.fieldForeground#DADDD3fe
  • symbolIcon.fileForeground#D6CFC9fe
  • symbolIcon.folderForeground#C4D3D3fe
  • symbolIcon.functionForeground#DED8E1fe
  • symbolIcon.interfaceForeground#D3DDD3fe
  • symbolIcon.keyForeground#D6CFC9fe
  • symbolIcon.keywordForeground#C4C6D2fe
  • symbolIcon.methodForeground#C4D2C4fe
  • symbolIcon.moduleForeground#CFC6C0fe
  • symbolIcon.namespaceForeground#C9B9C0fe
  • symbolIcon.nullForeground#CEC4D2fe
  • symbolIcon.numberForeground#E6E8E1fe
  • symbolIcon.objectForeground#E5E0DDfe
  • symbolIcon.operatorForeground#CED2C4fe
  • symbolIcon.packageForeground#CFC0C6fe
  • symbolIcon.propertyForeground#C9D7D7fe
  • symbolIcon.referenceForeground#B5C9C9fe
  • symbolIcon.snippetForeground#E1DCD8fe
  • symbolIcon.stringForeground#CFC0C6fe
  • symbolIcon.structForeground#CFC6C0fe
  • symbolIcon.textForeground#E1E8E1fe
  • symbolIcon.typeParameterForeground#E2E5DDfe
  • symbolIcon.unitForeground#BBBDCBfe
  • symbolIcon.variableForeground#E6E1E8fe
  • tab.activeBackground#0F1515fe
  • tab.activeBorder#0A0B0E00
  • tab.activeBorderTop#73B7FBfe
  • tab.activeForeground#6FB7FEfe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0E0A0C00
  • tab.hoverBackground#B1C3B1a3
  • tab.hoverBorder#0C1010fe
  • tab.hoverForeground#4284C6fe
  • tab.inactiveBackground#1434349a
  • tab.inactiveForeground#98B3B365
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0C1010fe
  • tab.unfocusedActiveBackground#1D272737
  • tab.unfocusedActiveBorder#0A0E0E00
  • tab.unfocusedActiveBorderTop#24323265
  • tab.unfocusedActiveForeground#41C3C365
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#ADC2C230
  • tab.unfocusedHoverBorder#1922223a
  • tab.unfocusedHoverForeground#3AC3C365
  • tab.unfocusedInactiveBackground#2431319a
  • tab.unfocusedInactiveForeground#98B3B365
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • 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#670067bc
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece99
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161e1efe
  • terminal.border#0C1010fe
  • terminal.dropBackground#161e1efe
  • terminal.findMatchBackground#161e1efe
  • terminal.findMatchBorder#0C1010fe
  • terminal.findMatchHighlightBackground#161e1efe
  • terminal.findMatchHighlightBorder#0C1010fe
  • terminal.foreground#ACC2C2ae
  • terminal.hoverHighlightBackground#161e1efe
  • terminal.inactiveSelectionBackground#27363698
  • terminal.selectionBackground#59486085
  • terminal.selectionForeground#DDE5DDca
  • terminal.tab.activeBorder#71B7FDfe
  • terminalCommandDecoration.defaultBackground#C5B9CAa8
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161e1efe
  • terminalCursor.foreground#5595D5fe
  • terminalOverviewRuler.cursorForeground#C9FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bf
  • testing.iconUnset#808080a9
  • testing.message.error.decorationForeground#9BC1E7fe
  • testing.message.error.lineBackground#5A005A99
  • testing.message.info.decorationForeground#9AC1E8fe
  • testing.message.info.lineBackground#0000AAfe
  • testing.peekBorder#0C1010fe
  • testing.peekHeaderBackground#161e1efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161e1efe
  • textBlockQuote.border#0C1010fe
  • textCodeBlock.background#161e1efe
  • textLink.activeForeground#3C7CBBfe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#C9FAFAce
  • textSeparator.foreground#C9FAFAce
  • titleBar.activeBackground#0D1212fe
  • titleBar.activeForeground#6FBFBFae
  • titleBar.border#0E0C0A00
  • titleBar.inactiveBackground#202C2Cd5
  • titleBar.inactiveForeground#41C3C365
  • toolbar.activeBackground#1B351B89
  • toolbar.hoverBackground#161e1efe
  • toolbar.hoverOutline#0A0E0E00
  • tree.inactiveIndentGuidesStroke#A694AE35
  • tree.indentGuidesStroke#9CC1E5fe
  • tree.tableColumnsBorder#0C1010fe
  • tree.tableOddRowsBackground#161e1efe
  • walkThrough.embeddedEditorBackground#161e1efe
  • walkthrough.stepTitle.foreground#C9FAFAce
  • welcomePage.background#161e1efe
  • welcomePage.progress.background#161e1efe
  • welcomePage.progress.foreground#C9FAFAce
  • welcomePage.tileBackground#161e1efe
  • welcomePage.tileBorder#0C1010fe
  • welcomePage.tileHoverBackground#161e1efe
  • widget.border#0C1010fe
  • widget.shadow#0A0E0A00
  • window.activeBorder#0C1010fe
  • window.inactiveBorder#24313197

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7FD4D46e
comment.block.html#7DD5D56e
comment.block.java#7FD4D46e
comment.block.javadoc.java#7DD5D56e
comment.block.powershell#78D4D46e
comment.block.xml#7FD4D46e
comment.line.double-slash.c#7FD4D46e
comment.line.double-slash.cpp#7DD5D56e
comment.line.double-slash.java#77D6D66e
comment.line.double-slash.js#7DD5D56e
comment.line.number-sign.makefile#7FD4D46e
comment.line.number-sign.python#7DD5D56e
comment.line.number-sign.yaml#7DD5D56e
comment.line.percentage.erlang#7FD4D46e
comment.line.powershell#7FD4D46e
comment.source.cmake#7FD4D46e
comment.source.cmakecache#7DD5D56e
constant.character#48E415de
constant.character.character-class.regexp#F3C029de
constant.character.escape#14E37Ade
constant.character.set.regexp#C8B8F9de
constant.language#C6C6C6de
constant.numeric#48E315de
constant.numeric.dec.python#A7A7A7de
constant.other.caps.python#C5C5C5de
constant.other.character-class.regexp#97CBFDde
constant.other.character-class.set.regexp#C6C6C6de
constant.other.color.rgb-value#F3C027de
constant.other.placeholder#C6C6C6de
constant.other.rgb-value#B09BEFde
constant.regexp#4AE315de
constant.sha.git-rebase#8FBFF0de
emphasis#FEA5F3de
entity.name.class#F08FE3de
entity.name.function#48E315de
entity.name.function.preprocessor#47E314de
entity.name.function.python#13E37Bde
entity.name.label#99CBFDde
entity.name.namespace#F1C02Ede
entity.name.operator#C2B1F8de
entity.name.operator.custom-literal#F3C029de
entity.name.scope-resolution#F2C030de
entity.name.tag#13E37Bde
entity.name.tag.css#BBBBBBde
entity.name.type#E883DBde
entity.name.variable#F3C02Bde
entity.other.attribute#13E27Bde
entity.other.attribute-name#AF9BEEde
entity.other.attribute-name.class.css#F08FE3de
entity.other.attribute-name.class.mixin.css#11E278de
entity.other.attribute-name.id#C8B8F9de
entity.other.attribute-name.id.css#B09CECde
entity.other.attribute-name.parent-selector.css#F6AAEDde
entity.other.attribute-name.pseudo-class.css#48E314de
entity.other.attribute-name.pseudo-element.css#AF9AF1de
entity.other.attribute-name.scss#C6C6C6de
entity.other.document.begin.yaml#7FD4D46e
entity.other.inherited-class#BDAAF6de
header#9CC8F3de
invalid#14E27Cde
keyword#10E278de
keyword.codetag.notation.python#99CBFEde
keyword.control#F08FE3de
keyword.control.anchor.regexp#14E37Ade
keyword.control.import.python#F2C02Ade
keyword.operator#8FBFF0de
keyword.operator.alignas#C4C4C4de
keyword.operator.alignof#C5C5C5de
keyword.operator.cast#0FE37Bde
keyword.operator.delete#F3C027de
keyword.operator.documentation.powershell#7FD4D46e
keyword.operator.expression#14E37Ade
keyword.operator.instanceof#EA82DCde
keyword.operator.logical.python#C6C6C6de
keyword.operator.minus.exponent#AF9BEAde
keyword.operator.negation.regexp#F2C030de
keyword.operator.new#CDBCFEde
keyword.operator.noexcept#C6C6C6de
keyword.operator.or.regexp#F1C02Cde
keyword.operator.plus.exponent#48E314de
keyword.operator.quantifier.regexp#14E37Ade
keyword.operator.sizeof#B09BEFde
keyword.operator.typeid#8FBFF0de
keyword.operator.wordlike#F3C027de
keyword.other.operator#48E414de
keyword.other.package.java#F1C02Cde
keyword.other.unit#F1C02Dde
keyword.other.using#4AE315de
markup.bold#15E27Cde
markup.changed#B09AF1de
markup.deleted#13E27Bde
markup.fenced_code.block.markdown#74ACE4de
markup.heading#15E37Dde
markup.inline.raw#97CBFDde
markup.inserted#8FBFF0de
markup.italic#99CBFDde
markup.raw.block.markdown#44E40Ede
markup.strikethrough#E685DAde
markup.underline#48E215de
meta.block.c#9CC8F3de
meta.block.c#F195E6de
meta.class.java#14E37Ade
meta.definition.variable.name#C2B1F8de
meta.diff.header#9CC8F3de
meta.embedded#F3C02Bde
meta.embedded.assembly#44E210de
meta.function-call.arguments.python#F3C02Bde
meta.function-call.python#ED88E1de
meta.member.access.python#48E414de
meta.method.java#44E210de
meta.object-literal.key#C5C5C5de
meta.paragraph.markdown#99CBFEde
meta.preprocessor#C6C6C6de
meta.preprocessor.numeric#8FBFF0de
meta.preprocessor.string#F195E6de
meta.scope.prerequisites.makefile#CDBCFEde
meta.structure.dictionary.json.comments#77D6D66e
meta.structure.dictionary.key.python#4AE315de
meta.structure.dictionary.value.json.comments#7FD4D46e
meta.template.expression#7CB2E9de
meta.type.cast.expr#48E215de
meta.type.new.expr#47E314de
parameter#C8B5FEde
punctuation.character.set.begin.regexp#B2B2B2de
punctuation.character.set.end.regexp#48E415de
punctuation.definition.array.begin.json#AF9AEEde
punctuation.definition.character-class.regexp#C6C6C6de
punctuation.definition.comment#78D4D46e
punctuation.definition.comment.json.comments#78D4D46e
punctuation.definition.comment.python#77D6D66e
punctuation.definition.dictionary.begin.json#B09AF1de
punctuation.definition.dictionary.end.json#C4C4C4de
punctuation.definition.group.assertion.regexp#15E27Bde
punctuation.definition.group.regexp#14E37Cde
punctuation.definition.list.begin.json#C8B5FEde
punctuation.definition.list.begin.markdown#F1C02Ede
punctuation.definition.list.begin.python#F195E6de
punctuation.definition.list.end.json#9CC8F3de
punctuation.definition.list.end.markdown#45E30Fde
punctuation.definition.list.end.python#13E37Bde
punctuation.definition.parameters.begin.python#FEAAF4de
punctuation.definition.parameters.end.bracket.round.java#A7A7A7de
punctuation.definition.quote.begin.markdown#14E37Cde
punctuation.definition.tag#48E314de
punctuation.definition.template-expression.begin#15E27Cde
punctuation.definition.template-expression.end#95C9FEde
punctuation.section.class.begin.bracket.curly.java#95C3F1de
punctuation.section.embedded#48E314de
punctuation.section.embedded.begin.php#97CBFDde
punctuation.section.embedded.end.php#ED88E1de
punctuation.terminator.java#7CB2E9de
source.cmake#82B7EBde
source.coffee.embedded#FEABF4de
source.cpp#13E37Bde
source.css.less#76AEE6de
source.groovy.embedded#9ACBFEde
source.java#15E17Cde
source.java-properties#14E37Ade
source.json.comments#7FD4D46e
source.makefile#15E17Cde
source.powershell#B7A3F5de
source.powershell.variable.other.member#B09AF1de
source.python#EA82DCde
storage#EA82DCde
storage.modifier#47E313de
storage.modifier.import.java#AF9BEAde
storage.modifier.package.java#4AE315de
storage.type#AF9BEAde
storage.type.annotation.groovy#F2C027de
storage.type.annotation.java#F08FE3de
storage.type.boolean.go#14E37Cde
storage.type.byte.go#B7B7B7de
storage.type.cs#F1C02Cde
storage.type.error.go#E784DAde
storage.type.generic.cs#F3C027de
storage.type.generic.groovy#F1C02Dde
storage.type.generic.java#47E313de
storage.type.groovy#95C3F1de
storage.type.java#C6C6C6de
storage.type.modifier.cs#44E40Ede
storage.type.numeric.go#47E314de
storage.type.object.array.groovy#C6C6C6de
storage.type.object.array.java#76AEE6de
storage.type.parameters.groovy#9CC8F3de
storage.type.primitive.array.groovy#48E315de
storage.type.primitive.array.java#F2C02Fde
storage.type.primitive.groovy#F1C02Dde
storage.type.primitive.java#F5A3EBde
storage.type.rune.go#F3C027de
storage.type.string.go#14E37Cde
storage.type.token.java#C8B5FEde
storage.type.uintptr.go#47E314de
storage.type.variable.cs#F3C028de
string#F1C02Cde
string.quoted.docstring.multi.python#77D6D66e
string.regexp#AF9BEEde
string.tag#A9A9A9de
string.value#F195E6de
strong#F3C029de
support.class#AF9AF1de
support.constant.color#47E314de
support.constant.dom#45E30Fde
support.constant.font-name#F1C02Ede
support.constant.handlebars#B09BEFde
support.constant.json#14E37Cde
support.constant.math#F2C027de
support.constant.media#47E313de
support.constant.media-type#48E415de
support.constant.property-value#76AEE6de
support.function#F1C02Cde
support.function.git-rebase#14E37Cde
support.other.parenthesis.regexp#13E37Bde
support.type#4AE315de
support.type.property-name#48E314de
support.type.vendored.property-name#F2C02Ade
support.variable#75ACE3de
token.debug-token#F195E6de
token.error-token#95C9FEde
token.info-token#AEAEAEde
token.warn-token#C4C4C4de
variable#EB82DEde
variable.css#FEAAF4de
variable.language#AF9AF1de
variable.language.wildcard.java#B09CECde
variable.other.constant#B09CECde
variable.other.definition.java#AF9AEEde
variable.other.enummember#48E315de
variable.other.less#14E37Cde
variable.other.object.java#F2C030de
variable.other.object.property.java#9ACBFEde
variable.parameter.c#C6C6C6de
variable.parameter.function.language.python#48E414de
variable.parameter.java#9CC8F3de
variable.scss#48E414de
viiv by B.W - VS Code Theme