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#151E1Efe
  • activityBar.activeBackground#151E1Efe
  • activityBar.activeBorder#067906fe
  • activityBar.activeFocusBorder#9D37BF00
  • activityBar.background#0D1313fe
  • activityBar.border#31783100
  • activityBar.dropBorder#077907fe
  • activityBar.foreground#067B06fe
  • activityBar.inactiveForeground#22C2C265
  • activityBarBadge.background#09BA09fe
  • activityBarBadge.foreground#0D1313fe
  • badge.background#09BC09fe
  • badge.foreground#0D1313fe
  • banner.background#151E1Efe
  • banner.foreground#3CD1D1ce
  • banner.iconForeground#D6CCDBfe
  • breadcrumb.activeSelectionForeground#DBE6DBca
  • breadcrumb.background#0F1616fe
  • breadcrumb.focusForeground#05CC05fe
  • breadcrumb.foreground#37D2D2ae
  • breadcrumbPicker.background#151E1Efe
  • button.background#344A4Aae
  • button.border#0E0A0C00
  • button.foreground#3CD1D1ce
  • button.hoverBackground#2D40406e
  • button.secondaryBackground#151E1Efe
  • button.secondaryForeground#3CD1D1ce
  • button.secondaryHoverBackground#151E1Efe
  • button.separator#0A0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#3CD1D1ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067af
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1111fe
  • chat.slashCommandBackground#151E1Efe
  • chat.slashCommandForeground#3CD1D1ce
  • checkbox.background#0C1111fe
  • checkbox.border#0C1111fe
  • checkbox.foreground#3CD1D1ce
  • checkbox.selectBackground#0C1111fe
  • checkbox.selectBorder#0C1111fe
  • commandCenter.activeBackground#4E0F6C81
  • commandCenter.activeBorder#0C1111fe
  • commandCenter.activeForeground#09BA09fe
  • commandCenter.background#151E1Efe
  • commandCenter.border#0C1111fe
  • commandCenter.foreground#3CD1D1ce
  • commandCenter.inactiveBorder#0A2E2E91
  • commandCenter.inactiveForeground#95B5B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0A00
  • contrastBorder#0D0A0E00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#3CD1D1ce
  • debugConsole.sourceForeground#3CD1D1ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D6E2D6fe
  • debugExceptionWidget.background#5C005Caa
  • debugExceptionWidget.border#0C1111fe
  • debugIcon.breakpointCurrentStackframeForeground#E2DAD6fe
  • debugIcon.breakpointDisabledForeground#A1C5C565
  • debugIcon.breakpointForeground#E9E3E0fe
  • debugIcon.breakpointStackframeForeground#CAB6D5fe
  • debugIcon.breakpointUnverifiedForeground#CAD1BDfe
  • debugIcon.continueForeground#B8BCCFfe
  • debugIcon.disconnectForeground#BEC6AEfe
  • debugIcon.pauseForeground#BEC6AEfe
  • debugIcon.restartForeground#D1BDC6fe
  • debugIcon.startForeground#C6B8CDfe
  • debugIcon.stepBackForeground#D6CCDBfe
  • debugIcon.stepIntoForeground#E2DAD6fe
  • debugIcon.stepOutForeground#D8CDC7fe
  • debugIcon.stepOverForeground#D1DFD1fe
  • debugIcon.stopForeground#CCDBCCfe
  • debugTokenExpression.boolean#D1D3DFca
  • debugTokenExpression.error#D1DFDFca
  • debugTokenExpression.name#E9E0E4ca
  • debugTokenExpression.number#E2E6DBca
  • debugTokenExpression.value#E6DFDBca
  • debugToolBar.background#5C005Cb5
  • debugToolBar.border#0C1111fe
  • debugView.exceptionLabelBackground#242D56ca
  • debugView.exceptionLabelForeground#C7C9D8ca
  • debugView.stateLabelBackground#432352ca
  • debugView.stateLabelForeground#DBCCD3ca
  • debugView.valueChangedHighlight#D6E2E2ca
  • descriptionForeground#3CD1D1ce
  • diffEditor.border#0A0A0E00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00390031
  • diffEditor.insertedTextBackground#0D390Ffb
  • diffEditor.insertedTextBorder#0A0A0E00
  • diffEditor.move.border#0A0E0A00
  • diffEditor.moveActive.border#0E0B0A00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#690000fb
  • diffEditor.removedTextBorder#0E0A0C00
  • diffEditor.unchangedCodeBackground#151E1Efe
  • diffEditor.unchangedRegionBackground#151E1Efe
  • diffEditor.unchangedRegionForeground#3CD1D1ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#A9C3C365
  • dropdown.background#0C1111fe
  • dropdown.border#0C1111fe
  • dropdown.foreground#3CD1D1ce
  • dropdown.listBackground#0C1111fe
  • editor.background#151E1Efe
  • editor.findMatchBackground#675072a2
  • editor.findMatchBorder#0C1111fe
  • editor.findMatchHighlightBackground#775363ae
  • editor.findMatchHighlightBorder#0C1111fe
  • editor.findRangeHighlightBackground#454A75aa
  • editor.findRangeHighlightBorder#0C1111fe
  • editor.focusedStackFrameHighlightBackground#6942548d
  • editor.foldBackground#DBABF3a9
  • editor.foreground#3CD1D1ce
  • editor.hoverHighlightBackground#685349a9
  • editor.inactiveSelectionBackground#34545499
  • editor.inlineValuesBackground#151E1Efe
  • editor.inlineValuesForeground#3CD1D1ce
  • editor.lineHighlightBackground#293B3Bb3
  • editor.lineHighlightBorder#0A0E0A00
  • editor.linkedEditingBackground#151E1Efe
  • editor.rangeHighlightBackground#675072a3
  • editor.rangeHighlightBorder#0C1111fe
  • editor.selectionBackground#5A815Aa2
  • editor.selectionForeground#E2D6DCca
  • editor.selectionHighlightBackground#425E428b
  • editor.selectionHighlightBorder#0C1111fe
  • editor.snippetFinalTabstopHighlightBackground#464B71a7
  • editor.snippetFinalTabstopHighlightBorder#0C1111fe
  • editor.snippetTabstopHighlightBackground#614072ae
  • editor.snippetTabstopHighlightBorder#0C1111fe
  • editor.stackFrameHighlightBackground#61473Bab
  • editor.symbolHighlightBackground#626D4Cad
  • editor.symbolHighlightBorder#0C1111fe
  • editor.wordHighlightBackground#495335a5
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#4C543Baa
  • editor.wordHighlightStrongBorder#0A0A0E00
  • editor.wordHighlightTextBackground#464B71a6
  • editor.wordHighlightTextBorder#0D0E0A00
  • editorBracketHighlight.foreground1#F4F7F7ce
  • editorBracketHighlight.foreground2#F4F7F7ce
  • editorBracketHighlight.foreground3#F4F7F7ce
  • editorBracketHighlight.foreground4#F4F7F7ce
  • editorBracketHighlight.foreground5#F4F7F7ce
  • editorBracketHighlight.foreground6#F4F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#3CD1D1ce
  • editorBracketMatch.background#6FD36Fa9
  • editorBracketMatch.border#0C1111fe
  • editorBracketPairGuide.activeBackground1#A6C9608b
  • editorBracketPairGuide.activeBackground2#F2A7C988
  • editorBracketPairGuide.activeBackground3#ECB09389
  • editorBracketPairGuide.activeBackground4#B4BAF68c
  • editorBracketPairGuide.activeBackground5#65D56587
  • editorBracketPairGuide.activeBackground6#A4CC5583
  • editorBracketPairGuide.background1#422A1Efe
  • editorBracketPairGuide.background2#193619fe
  • editorBracketPairGuide.background3#40234Efe
  • editorBracketPairGuide.background4#412A1Ffe
  • editorBracketPairGuide.background5#2B3419fe
  • editorBracketPairGuide.background6#2A3319fe
  • editorCodeLens.foreground#96C6C66e
  • editorCommentsWidget.rangeActiveBackground#4BD1D1fe
  • editorCommentsWidget.rangeBackground#151E1Efe
  • editorCommentsWidget.resolvedBorder#0C1111fe
  • editorCommentsWidget.unresolvedBorder#680000cb
  • editorCursor.background#151E1Efe
  • editorCursor.foreground#07CE07fe
  • editorError.background#0A0A0E00
  • editorError.border#0D0E0A00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#151E1Efe
  • editorGhostText.border#0A0A0E00
  • editorGhostText.foreground#96C6C66e
  • editorGroup.border#0C1111fe
  • editorGroup.dropBackground#151E1Efe
  • editorGroup.dropIntoPromptBackground#151E1Efe
  • editorGroup.dropIntoPromptBorder#0C1111fe
  • editorGroup.dropIntoPromptForeground#3CD1D1ce
  • editorGroup.emptyBackground#151E1Efe
  • editorGroup.focusedEmptyBorder#0C1111fe
  • editorGroupHeader.border#0E0B0A00
  • editorGroupHeader.noTabsBackground#0D1313ae
  • editorGroupHeader.tabsBackground#151E1Ea1
  • editorGroupHeader.tabsBorder#0E0B0A00
  • editorGutter.addedBackground#57D65Efb
  • editorGutter.background#151E1Efe
  • editorGutter.commentGlyphForeground#3CD1D1ce
  • editorGutter.commentRangeForeground#3CD1D1ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEABABcb
  • editorGutter.foldingControlForeground#3CD1D1ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0A0E00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0C1111fe
  • editorHoverWidget.border#0C1111fe
  • editorHoverWidget.foreground#3CD1D1ce
  • editorHoverWidget.highlightForeground#D1D3DFca
  • editorHoverWidget.statusBarBackground#151E1Efe
  • editorIndentGuide.activeBackground1#6FCCCCfe
  • editorIndentGuide.activeBackground2#79CCCCfe
  • editorIndentGuide.activeBackground3#77CCCCfe
  • editorIndentGuide.activeBackground4#72CCCCfe
  • editorIndentGuide.activeBackground5#6FCCCCfe
  • editorIndentGuide.activeBackground6#79CCCCfe
  • editorIndentGuide.background1#AA869635
  • editorIndentGuide.background2#A78E8135
  • editorIndentGuide.background3#BCA99F35
  • editorIndentGuide.background4#8B8FAE35
  • editorIndentGuide.background5#AAB59535
  • editorIndentGuide.background6#B19B9035
  • editorInfo.background#0A0A0E00
  • editorInfo.border#0E0B0A00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#151E1Efe
  • editorInlayHint.foreground#3CD1D1ce
  • editorInlayHint.parameterBackground#151E1Efe
  • editorInlayHint.parameterForeground#3CD1D1ce
  • editorInlayHint.typeBackground#151E1Efe
  • editorInlayHint.typeForeground#3CD1D1ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#09BC09fe
  • editorLineNumber.dimmedForeground#96C6C66e
  • editorLineNumber.foreground#96C6C66e
  • editorLink.activeForeground#08C708fe
  • editorMarkerNavigation.background#0C1111fe
  • editorMarkerNavigationError.background#5C005Cc5
  • editorMarkerNavigationError.headerBackground#5C005Cb4
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#3A3000fe
  • editorMarkerNavigationWarning.headerBackground#3A3000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151E1Efe
  • editorOverviewRuler.border#0B3636fe
  • editorOverviewRuler.bracketMatchForeground#3CD1D1ce
  • editorOverviewRuler.commentForeground#93C7C76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#3CD1D1ce
  • editorOverviewRuler.currentContentForeground#cececebe
  • editorOverviewRuler.deletedForeground#FEABABcb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00D5D5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CCDBDBca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E2DAD6ca
  • editorOverviewRuler.wordHighlightStrongForeground#3CD1D1ce
  • editorOverviewRuler.wordHighlightTextForeground#3CD1D1ce
  • editorPane.background#151E1Efe
  • editorRuler.foreground#4BD0D030
  • editorStickyScroll.background#151E1Efe
  • editorStickyScroll.shadow#0D0E0A00
  • editorStickyScrollHover.background#2231316e
  • editorSuggestWidget.background#0C1111fe
  • editorSuggestWidget.border#0E0A0C00
  • editorSuggestWidget.focusHighlightForeground#287575fe
  • editorSuggestWidget.foreground#DBDDE6fe
  • editorSuggestWidget.highlightForeground#D6CCDBca
  • editorSuggestWidget.selectedBackground#67507282
  • editorSuggestWidget.selectedForeground#E9E3E0ca
  • editorSuggestWidget.selectedIconForeground#D2D8C7ca
  • editorSuggestWidgetStatus.foreground#B8BCCFfe
  • editorUnicodeHighlight.background#50593Ea2
  • editorUnicodeHighlight.border#0C1111fe
  • editorUnnecessaryCode.border#392F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0A0C00
  • editorWarning.border#0D0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#3CD1D1ce
  • editorWidget.background#0C1111fe
  • editorWidget.border#0C1111fe
  • editorWidget.foreground#3CD1D1ce
  • editorWidget.resizeBorder#0C1111fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#06CB06fe
  • extensionBadge.remoteForeground#0D1313fe
  • extensionButton.background#0F3636ae
  • extensionButton.foreground#3CD1D1ce
  • extensionButton.hoverBackground#2231316e
  • extensionButton.prominentBackground#151E1Efe
  • extensionButton.prominentForeground#3CD1D1ce
  • extensionButton.prominentHoverBackground#151E1Efe
  • extensionButton.separator#0A0E0E00
  • extensionIcon.preReleaseForeground#C6CDB8fe
  • extensionIcon.sponsorForeground#D1DFDFfe
  • extensionIcon.starForeground#DAD1DFfe
  • extensionIcon.verifiedForeground#D4C8C2fe
  • focusBorder#0D0E0A00
  • foreground#3CD1D1ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEABABcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FEABABcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D5D5ce
  • icon.foreground#64CECEae
  • inlineChat.background#412A1Fca
  • inlineChat.border#402351ca
  • inlineChat.regionHighlight#DEE2D6ca
  • inlineChat.shadow#DBE6E6ca
  • inlineChatDiff.inserted#E9E3E0ca
  • inlineChatDiff.removed#DBD1CCca
  • inlineChatInput.background#DADFD1ca
  • inlineChatInput.border#402A1Fca
  • inlineChatInput.focusBorder#0A0A0E00
  • inlineChatInput.placeholderForeground#DBD1CCca
  • input.background#0C1111fe
  • input.border#0C1111fe
  • input.foreground#3CD1D1ce
  • input.placeholderForeground#99C5C565
  • inputOption.activeBackground#0C1111fe
  • inputOption.activeBorder#0C1111fe
  • inputOption.activeForeground#08C708fe
  • inputOption.hoverBackground#0C1111fe
  • inputValidation.errorBackground#6700679d
  • inputValidation.errorBorder#5C005Ca5
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1111fe
  • inputValidation.infoForeground#3CD1D1ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1111fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1111fe
  • interactive.inactiveCodeBorder#0A2E2E95
  • keybindingLabel.background#151E1Efe
  • keybindingLabel.border#0C1111fe
  • keybindingLabel.bottomBorder#0C1111fe
  • keybindingLabel.foreground#3CD1D1ce
  • keybindingTable.headerBackground#151E1Efe
  • keybindingTable.rowsBackground#151E1Efe
  • list.activeSelectionBackground#5F436C86
  • list.activeSelectionForeground#E0E9E0ca
  • list.activeSelectionIconForeground#DFD1D7ca
  • list.deemphasizedForeground#3CD1D1ce
  • list.dropBackground#151E1Efe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#151E1Efe
  • list.filterMatchBorder#0C1111fe
  • list.focusAndSelectionOutline#0D0A0E00
  • list.focusBackground#30555597
  • list.focusForeground#2CC72Cfe
  • list.focusHighlightForeground#4457E6fe
  • list.focusOutline#0E0B0A00
  • list.highlightForeground#E2D6DCca
  • list.hoverBackground#0B33336e
  • list.hoverForeground#08C708fe
  • list.inactiveFocusBackground#2D404097
  • list.inactiveFocusOutline#0D0E0A00
  • list.inactiveSelectionBackground#0D1313ae
  • list.inactiveSelectionForeground#A5C4C465
  • list.inactiveSelectionIconForeground#A5C4C465
  • list.invalidItemForeground#3CD1D1ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151E1Efe
  • listFilterWidget.noMatchesOutline#0E0B0A00
  • listFilterWidget.outline#0A0E0A00
  • listFilterWidget.shadow#0A0E0E00
  • menu.background#0D1313fe
  • menu.border#0A0E0A00
  • menu.foreground#37D2D2ae
  • menu.selectionBackground#634553ad
  • menu.selectionBorder#0A0A0E00
  • menu.selectionForeground#07C707fe
  • menu.separatorBackground#18333365
  • menubar.selectionBackground#624C6Da7
  • menubar.selectionBorder#0A0E0E00
  • menubar.selectionForeground#2CC72Cfe
  • merge.border#0C1111fe
  • merge.commonContentBackground#151E1Efe
  • merge.commonHeaderBackground#151E1Efe
  • merge.currentContentBackground#00390031
  • merge.currentHeaderBackground#0D390Ffb
  • merge.incomingContentBackground#113612cb
  • merge.incomingHeaderBackground#0D390Ffb
  • mergeEditor.change.background#151E1Efe
  • mergeEditor.change.word.background#151E1Efe
  • mergeEditor.changeBase.background#151E1Efe
  • mergeEditor.changeBase.word.background#151E1Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1111fe
  • mergeEditor.conflict.handledUnfocused.border#1822222f
  • mergeEditor.conflict.input1.background#0C1111fe
  • mergeEditor.conflict.input2.background#0C1111fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679b
  • mergeEditor.conflict.unhandledFocused.border#0C1111fe
  • mergeEditor.conflict.unhandledUnfocused.border#18222232
  • mergeEditor.conflictingLines.background#151E1Efe
  • minimap.background#151E1Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#57D65Efb
  • minimapGutter.deletedBackground#FEAAAAfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#618B8Bfe
  • minimapSlider.background#344A4Aae
  • minimapSlider.hoverBackground#2636366e
  • notebook.cellBorderColor#0C1111fe
  • notebook.cellEditorBackground#151E1Efe
  • notebook.cellHoverBackground#151E1Efe
  • notebook.cellInsertionIndicator#CCCEDBca
  • notebook.cellStatusBarItemHoverBackground#151E1Efe
  • notebook.cellToolbarSeparator#D6E2E2ca
  • notebook.editorBackground#151E1Efe
  • notebook.focusedCellBackground#151E1Efe
  • notebook.focusedCellBorder#09BA09fe
  • notebook.focusedEditorBorder#0C1111fe
  • notebook.inactiveFocusedCellBorder#618B8B8e
  • notebook.inactiveSelectedCellBorder#5E86868e
  • notebook.outputContainerBackgroundColor#151E1Efe
  • notebook.outputContainerBorderColor#0C1111fe
  • notebook.selectedCellBackground#151E1Efe
  • notebook.selectedCellBorder#0C1111fe
  • notebook.symbolHighlightBackground#151E1Efe
  • notebookEditorOverviewRuler.runningCellForeground#3CD1D1ce
  • notebookScrollbarSlider.activeBackground#5A8181fe
  • notebookScrollbarSlider.background#374F4Fae
  • notebookScrollbarSlider.hoverBackground#293B3B6e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#DBCCD3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C1111fe
  • notificationCenterHeader.background#151E1Efe
  • notificationCenterHeader.foreground#3CD1D1ce
  • notificationLink.foreground#3CD1D1ce
  • notifications.background#151E1Efe
  • notifications.border#0C1111fe
  • notifications.foreground#3CD1D1ce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#D4C8C2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1111fe
  • panel.background#151E1Efe
  • panel.border#0C1111fe
  • panel.dropBorder#0C1111fe
  • panelInput.border#0C1111fe
  • panelSection.border#0C1111fe
  • panelSection.dropBackground#151E1Efe
  • panelSectionHeader.background#151E1Efe
  • panelSectionHeader.border#0C1111fe
  • panelSectionHeader.foreground#3CD1D1ce
  • panelTitle.activeBorder#0D0E0A00
  • panelTitle.activeForeground#077907fe
  • panelTitle.inactiveForeground#20BDBD65
  • peekView.border#067B06fe
  • peekViewEditor.background#0C1111fe
  • peekViewEditor.matchHighlightBackground#49684989
  • peekViewEditor.matchHighlightBorder#0E0A0C00
  • peekViewEditorGutter.background#0C1111fe
  • peekViewEditorStickyScroll.background#151E1Efe
  • peekViewResult.background#0D1313fe
  • peekViewResult.fileForeground#3CD1D1ce
  • peekViewResult.lineForeground#3CD1D1ce
  • peekViewResult.matchHighlightBackground#5E684985
  • peekViewResult.selectionBackground#5B45658b
  • peekViewResult.selectionForeground#C7D8D8ca
  • peekViewTitle.background#0D1313fe
  • peekViewTitleDescription.foreground#3CD1D1ce
  • peekViewTitleLabel.foreground#3CD1D1ce
  • pickerGroup.border#0C1111fe
  • pickerGroup.foreground#3CD1D1ce
  • ports.iconRunningProcessForeground#D8C7CFfe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#08C708fe
  • profileBadge.foreground#0D1313fe
  • progressBar.background#151E1Efe
  • quickInput.background#0D1313fe
  • quickInput.foreground#EAF0F0ae
  • quickInputList.focusBackground#454963ad
  • quickInputList.focusForeground#08C708fe
  • quickInputList.focusIconForeground#06CB06fe
  • quickInputTitle.background#0C1111fe
  • sash.hoverBorder#0C1111fe
  • scrollbar.shadow#0A0E0E00
  • scrollbarSlider.activeBackground#5A8181fe
  • scrollbarSlider.background#3E5959ae
  • scrollbarSlider.hoverBackground#293B3B6e
  • search.resultsInfoForeground#3CD1D1ce
  • searchEditor.findMatchBackground#685349ab
  • searchEditor.findMatchBorder#0C1111fe
  • searchEditor.textInputBorder#0C1111fe
  • selection.background#151E1Efe
  • settings.checkboxBackground#0C1111fe
  • settings.checkboxBorder#0C1111fe
  • settings.checkboxForeground#3CD1D1ce
  • settings.dropdownBackground#0C1111fe
  • settings.dropdownBorder#0C1111fe
  • settings.dropdownForeground#3CD1D1ce
  • settings.dropdownListBorder#0C1111fe
  • settings.focusedRowBackground#67725081
  • settings.focusedRowBorder#0C1111fe
  • settings.headerBorder#0C1111fe
  • settings.headerForeground#3CD1D1ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1111fe
  • settings.numberInputBorder#0C1111fe
  • settings.numberInputForeground#3CD1D1ce
  • settings.rowHoverBackground#151E1Efe
  • settings.sashBorder#0C1111fe
  • settings.settingsHeaderHoverForeground#08CB08fe
  • settings.textInputBackground#0C1111fe
  • settings.textInputBorder#0C1111fe
  • settings.textInputForeground#3CD1D1ce
  • sideBar.background#151E1Efe
  • sideBar.border#0C1111fe
  • sideBar.dropBackground#151E1Efe
  • sideBar.foreground#64CECEae
  • sideBarSectionHeader.background#0A0E0A00
  • sideBarSectionHeader.border#0C1111fe
  • sideBarSectionHeader.foreground#3CD1D1ce
  • sideBarTitle.foreground#3CD1D1ce
  • sideBySideEditor.horizontalBorder#0C1111fe
  • sideBySideEditor.verticalBorder#0C1111fe
  • simpleFindWidget.sashBorder#0C1111fe
  • statusBar.background#0D1313fe
  • statusBar.border#0C1111fe
  • statusBar.debuggingBackground#5C005Cbd
  • statusBar.debuggingBorder#0C1111fe
  • statusBar.debuggingForeground#3CD1D1ce
  • statusBar.focusBorder#0A0A0E00
  • statusBar.foreground#93C7C76e
  • statusBar.noFolderBackground#0D1313fe
  • statusBar.noFolderBorder#0C1111fe
  • statusBar.noFolderForeground#3CD1D1ce
  • statusBarItem.activeBackground#0D1313fe
  • statusBarItem.compactHoverBackground#0D1313fe
  • statusBarItem.errorBackground#5C005C9e
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#5C005Cbd
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0E0A00
  • statusBarItem.hoverBackground#0D1313fe
  • statusBarItem.hoverForeground#06CB06fe
  • statusBarItem.offlineBackground#0D1313fe
  • statusBarItem.offlineForeground#3CD1D1ce
  • statusBarItem.offlineHoverBackground#0D1313fe
  • statusBarItem.offlineHoverForeground#2CC72Cfe
  • statusBarItem.prominentBackground#0D1313fe
  • statusBarItem.prominentForeground#3CD1D1ce
  • statusBarItem.prominentHoverBackground#0D1313fe
  • statusBarItem.prominentHoverForeground#09BA09fe
  • statusBarItem.remoteBackground#09BC09fe
  • statusBarItem.remoteForeground#0D1313fe
  • statusBarItem.remoteHoverBackground#0D1313fe
  • statusBarItem.remoteHoverForeground#06CB06fe
  • statusBarItem.warningBackground#3A3000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#3A3000fe
  • statusBarItem.warningHoverForeground#7D6700ce
  • symbolIcon.arrayForeground#D1DFDFfe
  • symbolIcon.booleanForeground#00D5D5ce
  • symbolIcon.classForeground#CCCEDBfe
  • symbolIcon.colorForeground#D6CCDBfe
  • symbolIcon.constantForeground#E2DAD6fe
  • symbolIcon.constructorForeground#CEC2D4fe
  • symbolIcon.enumeratorForeground#BDD1BDfe
  • symbolIcon.enumeratorMemberForeground#DEE2D6fe
  • symbolIcon.eventForeground#C6CDB8fe
  • symbolIcon.fieldForeground#C2D4C2fe
  • symbolIcon.fileForeground#C2C4D4fe
  • symbolIcon.folderForeground#DBD1CCfe
  • symbolIcon.functionForeground#B8CDB8fe
  • symbolIcon.interfaceForeground#C2CAB3fe
  • symbolIcon.keyForeground#C2D4D4fe
  • symbolIcon.keywordForeground#D8CDC7fe
  • symbolIcon.methodForeground#C2D4C2fe
  • symbolIcon.moduleForeground#B3CAB3fe
  • symbolIcon.namespaceForeground#E0E9E0fe
  • symbolIcon.nullForeground#CCDBCCfe
  • symbolIcon.numberForeground#CDBFB8fe
  • symbolIcon.objectForeground#C2D4C2fe
  • symbolIcon.operatorForeground#CABDD1fe
  • symbolIcon.packageForeground#DAD1DFfe
  • symbolIcon.propertyForeground#D8CDC7fe
  • symbolIcon.referenceForeground#B3CAB3fe
  • symbolIcon.snippetForeground#BDD1BDfe
  • symbolIcon.stringForeground#C2D4D4fe
  • symbolIcon.structForeground#CED4C2fe
  • symbolIcon.textForeground#E6DBE0fe
  • symbolIcon.typeParameterForeground#CABDD1fe
  • symbolIcon.unitForeground#D6E2D6fe
  • symbolIcon.variableForeground#DBE6DBfe
  • tab.activeBackground#0F1616fe
  • tab.activeBorder#0D0E0A00
  • tab.activeBorderTop#077C07fe
  • tab.activeForeground#067B06fe
  • tab.activeModifiedBorder#392F00ce
  • tab.border#0D0E0A00
  • tab.hoverBackground#58D0D06e
  • tab.hoverBorder#0C1111fe
  • tab.hoverForeground#08CB08fe
  • tab.inactiveBackground#0A2E2E9b
  • tab.inactiveForeground#1EC3C365
  • tab.inactiveModifiedBorder#392F00ce
  • tab.lastPinnedBorder#0C1111fe
  • tab.unfocusedActiveBackground#1822223d
  • tab.unfocusedActiveBorder#0A0E0A00
  • tab.unfocusedActiveBorderTop#18333365
  • tab.unfocusedActiveForeground#21C1C165
  • tab.unfocusedActiveModifiedBorder#392F00ce
  • tab.unfocusedHoverBackground#54D0D06e
  • tab.unfocusedHoverBorder#18222232
  • tab.unfocusedHoverForeground#95B5B565
  • tab.unfocusedInactiveBackground#26363691
  • tab.unfocusedInactiveForeground#22C2C265
  • tab.unfocusedInactiveModifiedBorder#392F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c1
  • 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#670067b6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151E1Efe
  • terminal.border#0C1111fe
  • terminal.dropBackground#151E1Efe
  • terminal.findMatchBackground#151E1Efe
  • terminal.findMatchBorder#0C1111fe
  • terminal.findMatchHighlightBackground#151E1Efe
  • terminal.findMatchHighlightBorder#0C1111fe
  • terminal.foreground#64CECEae
  • terminal.hoverHighlightBackground#151E1Efe
  • terminal.inactiveSelectionBackground#22313198
  • terminal.selectionBackground#626D4C8b
  • terminal.selectionForeground#E2D6DCca
  • terminal.tab.activeBorder#067C06fe
  • terminalCommandDecoration.defaultBackground#DEABF5ae
  • terminalCommandDecoration.errorBackground#FEABABcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151E1Efe
  • terminalCursor.foreground#07CE07fe
  • terminalOverviewRuler.cursorForeground#3CD1D1ce
  • terminalOverviewRuler.findMatchForeground#00D5D5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#39D939fe
  • testing.message.error.lineBackground#5C005Cae
  • testing.message.info.decorationForeground#4EE14Efe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#0C1111fe
  • testing.peekHeaderBackground#151E1Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151E1Efe
  • textBlockQuote.border#0C1111fe
  • textCodeBlock.background#151E1Efe
  • textLink.activeForeground#2CC72Cfe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#3CD1D1ce
  • textSeparator.foreground#3CD1D1ce
  • titleBar.activeBackground#0D1313fe
  • titleBar.activeForeground#2B7474ae
  • titleBar.border#0D0A0E00
  • titleBar.inactiveBackground#1F2C2Cd6
  • titleBar.inactiveForeground#20BDBD65
  • toolbar.activeBackground#4C13698c
  • toolbar.hoverBackground#151E1Efe
  • toolbar.hoverOutline#0D0E0A00
  • tree.inactiveIndentGuidesStroke#AA95B535
  • tree.indentGuidesStroke#38D938fe
  • tree.tableColumnsBorder#0C1111fe
  • tree.tableOddRowsBackground#151E1Efe
  • walkThrough.embeddedEditorBackground#151E1Efe
  • walkthrough.stepTitle.foreground#3CD1D1ce
  • welcomePage.background#151E1Efe
  • welcomePage.progress.background#151E1Efe
  • welcomePage.progress.foreground#3CD1D1ce
  • welcomePage.tileBackground#151E1Efe
  • welcomePage.tileBorder#0C1111fe
  • welcomePage.tileHoverBackground#151E1Efe
  • widget.border#0C1111fe
  • widget.shadow#0E0B0A00
  • window.activeBorder#0C1111fe
  • window.inactiveBorder#0B33339a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2FB9B96e
comment.block.html#2ECCCC6e
comment.block.java#31BBBB6e
comment.block.javadoc.java#2ECCCC6e
comment.block.powershell#2ECCCC6e
comment.block.xml#2ECCCC6e
comment.line.double-slash.c#2FB9B96e
comment.line.double-slash.cpp#2ECCCC6e
comment.line.double-slash.java#2FB9B96e
comment.line.double-slash.js#31BBBB6e
comment.line.number-sign.makefile#31BBBB6e
comment.line.number-sign.python#2FB9B96e
comment.line.number-sign.yaml#2ECCCC6e
comment.line.percentage.erlang#2FB9B96e
comment.line.powershell#2ECCCC6e
comment.source.cmake#2FB9B96e
comment.source.cmakecache#2ECCCC6e
constant.character#07BF9Dde
constant.character.character-class.regexp#08BC9Cde
constant.character.escape#F181C2de
constant.character.set.regexp#ED8E71de
constant.language#86A6F2de
constant.numeric#89A8F3de
constant.numeric.dec.python#3CDA3Cde
constant.other.caps.python#9EB108de
constant.other.character-class.regexp#F79FD3de
constant.other.character-class.set.regexp#F698CFde
constant.other.color.rgb-value#EE9175de
constant.other.placeholder#A0B40Ade
constant.other.rgb-value#C590F4de
constant.regexp#C591F4de
constant.sha.git-rebase#CE9FF7de
emphasis#EE9175de
entity.name.class#9FB307de
entity.name.function#2CC22Cde
entity.name.function.preprocessor#08DA08de
entity.name.function.python#07BF9Fde
entity.name.label#2BBCA2de
entity.name.namespace#ED8E71de
entity.name.operator#86A5F2de
entity.name.operator.custom-literal#F389C8de
entity.name.scope-resolution#CE9FF7de
entity.name.tag#85A5F2de
entity.name.tag.css#ED8E71de
entity.name.type#B5C72Cde
entity.name.variable#ED8E71de
entity.other.attribute#C692F5de
entity.other.attribute-name#86A5F2de
entity.other.attribute-name.class.css#2CCF2Cde
entity.other.attribute-name.class.mixin.css#86A5F2de
entity.other.attribute-name.id#08D1ADde
entity.other.attribute-name.id.css#ED8E71de
entity.other.attribute-name.parent-selector.css#42DCC1de
entity.other.attribute-name.pseudo-class.css#08D7B2de
entity.other.attribute-name.pseudo-element.css#ED8F72de
entity.other.attribute-name.scss#08DAB4de
entity.other.document.begin.yaml#31BBBB6e
entity.other.inherited-class#98B3F6de
header#86A6F2de
invalid#F181C4de
keyword#C690F5de
keyword.codetag.notation.python#89A8F3de
keyword.control#86A5F2de
keyword.control.anchor.regexp#08D1ADde
keyword.control.import.python#07C207de
keyword.operator#F7B49Fde
keyword.operator.alignas#86A6F2de
keyword.operator.alignof#08C408de
keyword.operator.cast#36D736de
keyword.operator.delete#C690F5de
keyword.operator.documentation.powershell#2ECCCC6e
keyword.operator.expression#F698CFde
keyword.operator.instanceof#2CBBA2de
keyword.operator.logical.python#F79FD3de
keyword.operator.minus.exponent#07BF9Fde
keyword.operator.negation.regexp#FD855Ede
keyword.operator.new#9CB108de
keyword.operator.noexcept#F181C3de
keyword.operator.or.regexp#C590F4de
keyword.operator.plus.exponent#F181C2de
keyword.operator.quantifier.regexp#9EB209de
keyword.operator.sizeof#86A6F2de
keyword.operator.typeid#C590F4de
keyword.operator.wordlike#C691F5de
keyword.other.operator#2CCFB3de
keyword.other.package.java#C590F4de
keyword.other.unit#86A6F2de
keyword.other.using#08DAB5de
markup.bold#F7B49Fde
markup.changed#2CCF2Cde
markup.deleted#4EE14Ede
markup.fenced_code.block.markdown#08CDA9de
markup.heading#F282C3de
markup.inline.raw#EC8E70de
markup.inserted#9EB209de
markup.italic#F0977Bde
markup.raw.block.markdown#85A5F2de
markup.strikethrough#EC8E70de
markup.underline#A0B40Ade
meta.block.c#07BF9Fde
meta.block.c#30D4B7de
meta.class.java#2CBCA3de
meta.definition.variable.name#3CDA3Cde
meta.diff.header#F8A6D7de
meta.embedded#C692F5de
meta.embedded.assembly#F79FD3de
meta.function-call.arguments.python#85A5F2de
meta.function-call.python#ED8E70de
meta.member.access.python#2CC22Cde
meta.method.java#F79FD3de
meta.object-literal.key#C692F5de
meta.paragraph.markdown#C591F4de
meta.preprocessor#48DF48de
meta.preprocessor.numeric#08CD08de
meta.preprocessor.string#F181C3de
meta.scope.prerequisites.makefile#F590CBde
meta.structure.dictionary.json.comments#31BBBB6e
meta.structure.dictionary.key.python#07BF9Fde
meta.structure.dictionary.value.json.comments#2FB9B96e
meta.template.expression#9EB209de
meta.type.cast.expr#F590CBde
meta.type.new.expr#30D430de
parameter#07CA07de
punctuation.character.set.begin.regexp#9EB10Ade
punctuation.character.set.end.regexp#9EB309de
punctuation.definition.array.begin.json#C691F5de
punctuation.definition.character-class.regexp#F698CFde
punctuation.definition.comment#31BBBB6e
punctuation.definition.comment.json.comments#2FB9B96e
punctuation.definition.comment.python#2ECCCC6e
punctuation.definition.dictionary.begin.json#C590F4de
punctuation.definition.dictionary.end.json#ED8F71de
punctuation.definition.group.assertion.regexp#B5C72Cde
punctuation.definition.group.regexp#9EB208de
punctuation.definition.list.begin.json#2CBBA2de
punctuation.definition.list.begin.markdown#90AEF5de
punctuation.definition.list.begin.python#EE8F71de
punctuation.definition.list.end.json#F282C3de
punctuation.definition.list.end.markdown#85A5F2de
punctuation.definition.list.end.python#07BF9Fde
punctuation.definition.parameters.begin.python#C590F4de
punctuation.definition.parameters.end.bracket.round.java#86A6F3de
punctuation.definition.quote.begin.markdown#F181C3de
punctuation.definition.tag#85A5F2de
punctuation.definition.template-expression.begin#2CBCA3de
punctuation.definition.template-expression.end#9EB208de
punctuation.section.class.begin.bracket.curly.java#F181C3de
punctuation.section.embedded#ED8E71de
punctuation.section.embedded.begin.php#08DA08de
punctuation.section.embedded.end.php#90AEF5de
punctuation.terminator.java#08DB08de
source.cmake#86A5F2de
source.coffee.embedded#4EE14Ede
source.cpp#86A6F2de
source.css.less#C692F5de
source.groovy.embedded#ED8F71de
source.java#2CC22Cde
source.java-properties#07DBB5de
source.json.comments#31BBBB6e
source.makefile#9FB20Ade
source.powershell#C590F5de
source.powershell.variable.other.member#A2B12Bde
source.python#08DAB5de
storage#36D7BAde
storage.modifier#F181C3de
storage.modifier.import.java#86A6F3de
storage.modifier.package.java#F181C3de
storage.type#08CD08de
storage.type.annotation.groovy#08DCB7de
storage.type.annotation.java#2CBBA2de
storage.type.boolean.go#08C308de
storage.type.byte.go#C691F5de
storage.type.cs#07DBB5de
storage.type.error.go#08DBB6de
storage.type.generic.cs#ED8E71de
storage.type.generic.groovy#ED8E71de
storage.type.generic.java#C590F5de
storage.type.groovy#08DCB7de
storage.type.java#ED8E71de
storage.type.modifier.cs#9FB307de
storage.type.numeric.go#CE9FF7de
storage.type.object.array.groovy#F5A890de
storage.type.object.array.java#08DA08de
storage.type.parameters.groovy#36D736de
storage.type.primitive.array.groovy#07BF9Fde
storage.type.primitive.array.java#9FB20Ade
storage.type.primitive.groovy#08DA08de
storage.type.primitive.java#C590F4de
storage.type.rune.go#ED8E71de
storage.type.string.go#C590F4de
storage.type.token.java#85A5F2de
storage.type.uintptr.go#C590F4de
storage.type.variable.cs#08D708de
string#86A7F3de
string.quoted.docstring.multi.python#31BBBB6e
string.regexp#9EB209de
string.tag#F389C8de
string.value#C590F4de
strong#C590F4de
support.class#07BF9Fde
support.constant.color#ED8E70de
support.constant.dom#2CBBA2de
support.constant.font-name#F181C3de
support.constant.handlebars#2CC7ACde
support.constant.json#08BC9Cde
support.constant.math#85A5F2de
support.constant.media#07C207de
support.constant.media-type#07C207de
support.constant.property-value#85A6F2de
support.function#F282C3de
support.function.git-rebase#C590F4de
support.other.parenthesis.regexp#C590F4de
support.type#2BBCA2de
support.type.property-name#C691F5de
support.type.vendored.property-name#ED8E71de
support.variable#85A5F2de
token.debug-token#C590F4de
token.error-token#9FB20Ade
token.info-token#C590F4de
token.warn-token#F7B49Fde
variable#89A8F3de
variable.css#C590F5de
variable.language#9EB10Ade
variable.language.wildcard.java#2CC02Cde
variable.other.constant#2CC22Cde
variable.other.definition.java#30D430de
variable.other.enummember#ED8E71de
variable.other.less#2CCF2Cde
variable.other.object.java#F181C3de
variable.other.object.property.java#08DBB6de
variable.parameter.c#07CAA7de
variable.parameter.function.language.python#3CDABEde
variable.parameter.java#ED8E70de
variable.scss#F181C3de
viiv by B.W - VS Code Theme