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#17171Efe
  • activityBar.activeBackground#17171Efe
  • activityBar.activeBorder#6D37FAfe
  • activityBar.activeFocusBorder#5353D900
  • activityBar.background#0E0E13fe
  • activityBar.border#835E3900
  • activityBar.dropBorder#6E38FAfe
  • activityBar.foreground#B298F3fe
  • activityBar.inactiveForeground#A3A3B965
  • activityBarBadge.background#835FDEfe
  • activityBarBadge.foreground#0E0E13fe
  • badge.background#7048D1fe
  • badge.foreground#0E0E13fe
  • banner.background#17171Efe
  • banner.foreground#B6B6FAce
  • banner.iconForeground#CAD5CCfe
  • breadcrumb.activeSelectionForeground#D2D5CAca
  • breadcrumb.background#101016fe
  • breadcrumb.focusForeground#6F48D2fe
  • breadcrumb.foreground#E2E2E8ae
  • breadcrumbPicker.background#17171Efe
  • button.background#383849ae
  • button.border#0D0B0D00
  • button.foreground#B6B6FAce
  • button.hoverBackground#2525316e
  • button.secondaryBackground#17171Efe
  • button.secondaryForeground#B6B6FAce
  • button.secondaryHoverBackground#17171Efe
  • button.separator#0D0C0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B6B6FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C10fe
  • chat.slashCommandBackground#17171Efe
  • chat.slashCommandForeground#B6B6FAce
  • checkbox.background#0C0C10fe
  • checkbox.border#0C0C10fe
  • checkbox.foreground#B6B6FAce
  • checkbox.selectBackground#0C0C10fe
  • checkbox.selectBorder#0C0C10fe
  • commandCenter.activeBackground#3B12458a
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#7049D2fe
  • commandCenter.background#17171Efe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#B6B6FAce
  • commandCenter.inactiveBorder#0A0A2B95
  • commandCenter.inactiveForeground#9F9FB565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0D0B00
  • contrastBorder#0C0D0B00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#B6B6FAce
  • debugConsole.sourceForeground#B6B6FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BDC2B3fe
  • debugExceptionWidget.background#470047bf
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#D4DDD5fe
  • debugIcon.breakpointDisabledForeground#B5B5E465
  • debugIcon.breakpointForeground#E4DDE0fe
  • debugIcon.breakpointStackframeForeground#C4B3C6fe
  • debugIcon.breakpointUnverifiedForeground#C6D1C8fe
  • debugIcon.continueForeground#D0C6D1fe
  • debugIcon.disconnectForeground#CAC3BCfe
  • debugIcon.pauseForeground#B8C6C6fe
  • debugIcon.restartForeground#CACAD6fe
  • debugIcon.startForeground#E4DDE0fe
  • debugIcon.stepBackForeground#D9E0DAfe
  • debugIcon.stepIntoForeground#CAD5CCfe
  • debugIcon.stepOutForeground#E4E1DDfe
  • debugIcon.stepOverForeground#DFD9E0fe
  • debugIcon.stopForeground#C6BFB8fe
  • debugTokenExpression.boolean#DFD9E0ca
  • debugTokenExpression.error#D5D0CAca
  • debugTokenExpression.name#D4DDDDca
  • debugTokenExpression.number#DDDDE5ca
  • debugTokenExpression.value#D6D9CFca
  • debugToolBar.background#470047a4
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#17261Aca
  • debugView.exceptionLabelForeground#E2E4DDca
  • debugView.stateLabelBackground#331D26ca
  • debugView.stateLabelForeground#DDD4D7ca
  • debugView.valueChangedHighlight#D4DDD5ca
  • descriptionForeground#B6B6FAce
  • diffEditor.border#0D0B0D00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0B290Dfb
  • diffEditor.insertedTextBorder#0D0B0C00
  • diffEditor.move.border#0C0D0B00
  • diffEditor.moveActive.border#0C0D0B00
  • diffEditor.removedLineBackground#51000031
  • diffEditor.removedTextBackground#520000fb
  • diffEditor.removedTextBorder#0C0D0B00
  • diffEditor.unchangedCodeBackground#17171Efe
  • diffEditor.unchangedRegionBackground#17171Efe
  • diffEditor.unchangedRegionForeground#B6B6FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B5B5E465
  • dropdown.background#0C0C10fe
  • dropdown.border#0C0C10fe
  • dropdown.foreground#B6B6FAce
  • dropdown.listBackground#0C0C10fe
  • editor.background#17171Efe
  • editor.findMatchBackground#55483Ca4
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#64414Ca7
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#566D5Aaa
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#3A4F4F83
  • editor.foldBackground#6DCE7Ca4
  • editor.foreground#B6B6FAce
  • editor.hoverHighlightBackground#4E4E65a5
  • editor.inactiveSelectionBackground#43438391
  • editor.inlineValuesBackground#17171Efe
  • editor.inlineValuesForeground#B6B6FAce
  • editor.lineHighlightBackground#30303Fb4
  • editor.lineHighlightBorder#0B0D0D00
  • editor.linkedEditingBackground#17171Efe
  • editor.rangeHighlightBackground#4F6363a5
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#69566Da2
  • editor.selectionForeground#CAD5CCca
  • editor.selectionHighlightBackground#56455A8a
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#3D4E4Ea9
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#405151a7
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#5A425Faa
  • editor.symbolHighlightBackground#475A5Aaa
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#4A4A61a1
  • editor.wordHighlightBorder#0B0D0D00
  • editor.wordHighlightStrongBackground#484F3Ba1
  • editor.wordHighlightStrongBorder#0C0D0B00
  • editor.wordHighlightTextBackground#405143a4
  • editor.wordHighlightTextBorder#0B0D0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B6B6FAce
  • editorBracketMatch.background#A6C563ac
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#F0A4BE89
  • editorBracketPairGuide.activeBackground2#6FC7C78a
  • editorBracketPairGuide.activeBackground3#A2C6598d
  • editorBracketPairGuide.activeBackground4#F1A4C08d
  • editorBracketPairGuide.activeBackground5#DEB17F8a
  • editorBracketPairGuide.activeBackground6#F0A4BE88
  • editorBracketPairGuide.background1#202517fe
  • editorBracketPairGuide.background2#311C35fe
  • editorBracketPairGuide.background3#292118fe
  • editorBracketPairGuide.background4#351D26fe
  • editorBracketPairGuide.background5#202416fe
  • editorBracketPairGuide.background6#202043fe
  • editorCodeLens.foreground#B4B4EE6e
  • editorCommentsWidget.rangeActiveBackground#B3B3F8fe
  • editorCommentsWidget.rangeBackground#17171Efe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#4F0000cb
  • editorCursor.background#17171Efe
  • editorCursor.foreground#6F48D2fe
  • editorError.background#0D0B0D00
  • editorError.border#0C0D0B00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#17171Efe
  • editorGhostText.border#0A0A0E00
  • editorGhostText.foreground#B4B4EE6e
  • editorGroup.border#0C0C10fe
  • editorGroup.dropBackground#17171Efe
  • editorGroup.dropIntoPromptBackground#17171Efe
  • editorGroup.dropIntoPromptBorder#0C0C10fe
  • editorGroup.dropIntoPromptForeground#B6B6FAce
  • editorGroup.emptyBackground#17171Efe
  • editorGroup.focusedEmptyBorder#0C0C10fe
  • editorGroupHeader.border#0A0A0E00
  • editorGroupHeader.noTabsBackground#0E0E13ae
  • editorGroupHeader.tabsBackground#17171ea1
  • editorGroupHeader.tabsBorder#0B0D0D00
  • editorGutter.addedBackground#51D258fb
  • editorGutter.background#17171Efe
  • editorGutter.commentGlyphForeground#B6B6FAce
  • editorGutter.commentRangeForeground#B6B6FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#B6B6FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0A0E00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#B6B6FAce
  • editorHoverWidget.highlightForeground#CFD9D9ca
  • editorHoverWidget.statusBarBackground#17171Efe
  • editorIndentGuide.activeBackground1#B3B3F3fe
  • editorIndentGuide.activeBackground2#B3B3F4fe
  • editorIndentGuide.activeBackground3#B3B3F3fe
  • editorIndentGuide.activeBackground4#B4B4F2fe
  • editorIndentGuide.activeBackground5#B3B3F3fe
  • editorIndentGuide.activeBackground6#B3B3F3fe
  • editorIndentGuide.background1#B7A5AB35
  • editorIndentGuide.background2#96ACAC35
  • editorIndentGuide.background3#ACA19635
  • editorIndentGuide.background4#A0B3B335
  • editorIndentGuide.background5#AC9BB035
  • editorIndentGuide.background6#A1948835
  • editorInfo.background#0B0D0D00
  • editorInfo.border#0B0D0B00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#17171Efe
  • editorInlayHint.foreground#B6B6FAce
  • editorInlayHint.parameterBackground#17171Efe
  • editorInlayHint.parameterForeground#B6B6FAce
  • editorInlayHint.typeBackground#17171Efe
  • editorInlayHint.typeForeground#B6B6FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#7049D2fe
  • editorLineNumber.dimmedForeground#B4B4ED6e
  • editorLineNumber.foreground#B4B4EE6e
  • editorLink.activeForeground#8865E1fe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#470047b8
  • editorMarkerNavigationError.headerBackground#470047c0
  • editorMarkerNavigationInfo.background#000087fe
  • editorMarkerNavigationInfo.headerBackground#000087fe
  • editorMarkerNavigationWarning.background#2B2300fe
  • editorMarkerNavigationWarning.headerBackground#2B2300fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#17171Efe
  • editorOverviewRuler.border#0A0A2Bfe
  • editorOverviewRuler.bracketMatchForeground#B6B6FAce
  • editorOverviewRuler.commentForeground#B4B4EE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B6B6FAce
  • editorOverviewRuler.currentContentForeground#cececec0
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2E4DDca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D5CACEca
  • editorOverviewRuler.wordHighlightStrongForeground#B6B6FAce
  • editorOverviewRuler.wordHighlightTextForeground#B6B6FAce
  • editorPane.background#17171Efe
  • editorRuler.foreground#B2B2F838
  • editorStickyScroll.background#17171Efe
  • editorStickyScroll.shadow#0D0B0C00
  • editorStickyScrollHover.background#0B0B3B6e
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0D0B0D00
  • editorSuggestWidget.focusHighlightForeground#596B2Afe
  • editorSuggestWidget.foreground#CFD9D1fe
  • editorSuggestWidget.highlightForeground#D5D0CAca
  • editorSuggestWidget.selectedBackground#5368688d
  • editorSuggestWidget.selectedForeground#E4DDE0ca
  • editorSuggestWidget.selectedIconForeground#D9E0DAca
  • editorSuggestWidgetStatus.foreground#C4B3C6fe
  • editorUnicodeHighlight.background#534940a1
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#2B2400ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0B0D00
  • editorWarning.border#0D0B0D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B6B6FAce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#B6B6FAce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#7049D2fe
  • extensionBadge.remoteForeground#0E0E13fe
  • extensionButton.background#0C0C3Fae
  • extensionButton.foreground#B6B6FAce
  • extensionButton.hoverBackground#0909286e
  • extensionButton.prominentBackground#17171Efe
  • extensionButton.prominentForeground#B6B6FAce
  • extensionButton.prominentHoverBackground#17171Efe
  • extensionButton.separator#0D0B0D00
  • extensionIcon.preReleaseForeground#D6D9CFfe
  • extensionIcon.sponsorForeground#D7CFD9fe
  • extensionIcon.starForeground#CAC3BCfe
  • extensionIcon.verifiedForeground#CCC1CEfe
  • focusBorder#0B0D0B00
  • foreground#B6B6FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B4B4F6ae
  • inlineChat.background#172525ca
  • inlineChat.border#2F1C33ca
  • inlineChat.regionHighlight#D9D4CFca
  • inlineChat.shadow#E0D9DBca
  • inlineChatDiff.inserted#D5D0CAca
  • inlineChatDiff.removed#E2E4DDca
  • inlineChatInput.background#D5D0CAca
  • inlineChatInput.border#202040ca
  • inlineChatInput.focusBorder#0D0C0B00
  • inlineChatInput.placeholderForeground#DFD9E0ca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#B6B6FAce
  • input.placeholderForeground#B5B5E065
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#7E59DBfe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#670067a4
  • inputValidation.errorBorder#470047ab
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C10fe
  • inputValidation.infoForeground#B6B6FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C10fe
  • interactive.inactiveCodeBorder#0A0A2B96
  • keybindingLabel.background#17171Efe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#B6B6FAce
  • keybindingTable.headerBackground#17171Efe
  • keybindingTable.rowsBackground#17171Efe
  • list.activeSelectionBackground#5A514787
  • list.activeSelectionForeground#D4DDD5ca
  • list.activeSelectionIconForeground#D3CAD5ca
  • list.deemphasizedForeground#B6B6FAce
  • list.dropBackground#17171Efe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#17171Efe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0C0D0B00
  • list.focusBackground#40409897
  • list.focusForeground#7049D2fe
  • list.focusHighlightForeground#4C4CF0fe
  • list.focusOutline#0D0B0D00
  • list.highlightForeground#D4DDD5ca
  • list.hoverBackground#0A0A2B6e
  • list.hoverForeground#8865E1fe
  • list.inactiveFocusBackground#22222C92
  • list.inactiveFocusOutline#0C0D0B00
  • list.inactiveSelectionBackground#0E0E13ae
  • list.inactiveSelectionForeground#B4B4E565
  • list.inactiveSelectionIconForeground#B5B5E065
  • list.invalidItemForeground#B6B6FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#17171Efe
  • listFilterWidget.noMatchesOutline#0D0B0D00
  • listFilterWidget.outline#0C0D0B00
  • listFilterWidget.shadow#0D0B0D00
  • menu.background#0E0E13fe
  • menu.border#0A0A0E00
  • menu.foreground#B4B4FCae
  • menu.selectionBackground#5D634Fa5
  • menu.selectionBorder#0C0D0B00
  • menu.selectionForeground#7049D2fe
  • menu.separatorBackground#1F1F4965
  • menubar.selectionBackground#545A47a8
  • menubar.selectionBorder#0B0D0B00
  • menubar.selectionForeground#835FDEfe
  • merge.border#0C0C10fe
  • merge.commonContentBackground#17171Efe
  • merge.commonHeaderBackground#17171Efe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0B290Dfb
  • merge.incomingContentBackground#0D290Fcb
  • merge.incomingHeaderBackground#0B290Dfb
  • mergeEditor.change.background#17171Efe
  • mergeEditor.change.word.background#17171Efe
  • mergeEditor.changeBase.background#17171Efe
  • mergeEditor.changeBase.word.background#17171Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C10fe
  • mergeEditor.conflict.handledUnfocused.border#1E1E2721
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c7
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E2729
  • mergeEditor.conflictingLines.background#17171Efe
  • minimap.background#17171Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#51D258fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#646482fe
  • minimapSlider.background#434357ae
  • minimapSlider.hoverBackground#2D2D3A6e
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#17171Efe
  • notebook.cellHoverBackground#17171Efe
  • notebook.cellInsertionIndicator#E0D9DBca
  • notebook.cellStatusBarItemHoverBackground#17171Efe
  • notebook.cellToolbarSeparator#D3D3DDca
  • notebook.editorBackground#17171Efe
  • notebook.focusedCellBackground#17171Efe
  • notebook.focusedCellBorder#744ED5fe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#6464828e
  • notebook.inactiveSelectedCellBorder#60607D8e
  • notebook.outputContainerBackgroundColor#17171Efe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#17171Efe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#17171Efe
  • notebookEditorOverviewRuler.runningCellForeground#B6B6FAce
  • notebookScrollbarSlider.activeBackground#5C5C79fe
  • notebookScrollbarSlider.background#343444ae
  • notebookScrollbarSlider.hoverBackground#2D2D3A6e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#D3D3DDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C10fe
  • notificationCenterHeader.background#17171Efe
  • notificationCenterHeader.foreground#B6B6FAce
  • notificationLink.foreground#B6B6FAce
  • notifications.background#17171Efe
  • notifications.border#0C0C10fe
  • notifications.foreground#B6B6FAce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#CCC1CEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C10fe
  • panel.background#17171Efe
  • panel.border#0C0C10fe
  • panel.dropBorder#0C0C10fe
  • panelInput.border#0C0C10fe
  • panelSection.border#0C0C10fe
  • panelSection.dropBackground#17171Efe
  • panelSectionHeader.background#17171Efe
  • panelSectionHeader.border#0C0C10fe
  • panelSectionHeader.foreground#B6B6FAce
  • panelTitle.activeBorder#0B0D0B00
  • panelTitle.activeForeground#AD91F2fe
  • panelTitle.inactiveForeground#A3A3B965
  • peekView.border#6D35FAfe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#685D538e
  • peekViewEditor.matchHighlightBorder#0D0B0D00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#17171Efe
  • peekViewResult.background#0E0E13fe
  • peekViewResult.fileForeground#B6B6FAce
  • peekViewResult.lineForeground#B6B6FAce
  • peekViewResult.matchHighlightBackground#6D565E8b
  • peekViewResult.selectionBackground#474D398b
  • peekViewResult.selectionForeground#CAD5CCca
  • peekViewTitle.background#0E0E13fe
  • peekViewTitleDescription.foreground#B6B6FAce
  • peekViewTitleLabel.foreground#B6B6FAce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#B6B6FAce
  • ports.iconRunningProcessForeground#CFD9D9fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#6F48D2fe
  • profileBadge.foreground#0E0E13fe
  • progressBar.background#17171Efe
  • quickInput.background#0E0E13fe
  • quickInput.foreground#E7E7ECae
  • quickInputList.focusBackground#4F6363a7
  • quickInputList.focusForeground#6F48D2fe
  • quickInputList.focusIconForeground#835FDEfe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0D0B0D00
  • scrollbarSlider.activeBackground#60607Dfe
  • scrollbarSlider.background#3F3F52ae
  • scrollbarSlider.hoverBackground#2929356e
  • search.resultsInfoForeground#B6B6FAce
  • searchEditor.findMatchBackground#4B5F5Fae
  • searchEditor.findMatchBorder#0C0C10fe
  • searchEditor.textInputBorder#0C0C10fe
  • selection.background#17171Efe
  • settings.checkboxBackground#0C0C10fe
  • settings.checkboxBorder#0C0C10fe
  • settings.checkboxForeground#B6B6FAce
  • settings.dropdownBackground#0C0C10fe
  • settings.dropdownBorder#0C0C10fe
  • settings.dropdownForeground#B6B6FAce
  • settings.dropdownListBorder#0C0C10fe
  • settings.focusedRowBackground#5D634F87
  • settings.focusedRowBorder#0C0C10fe
  • settings.headerBorder#0C0C10fe
  • settings.headerForeground#B6B6FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C10fe
  • settings.numberInputBorder#0C0C10fe
  • settings.numberInputForeground#B6B6FAce
  • settings.rowHoverBackground#17171Efe
  • settings.sashBorder#0C0C10fe
  • settings.settingsHeaderHoverForeground#835FDEfe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#B6B6FAce
  • sideBar.background#17171Efe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#17171Efe
  • sideBar.foreground#B4B4F6ae
  • sideBarSectionHeader.background#0D0B0D00
  • sideBarSectionHeader.border#0C0C10fe
  • sideBarSectionHeader.foreground#B6B6FAce
  • sideBarTitle.foreground#B6B6FAce
  • sideBySideEditor.horizontalBorder#0C0C10fe
  • sideBySideEditor.verticalBorder#0C0C10fe
  • simpleFindWidget.sashBorder#0C0C10fe
  • statusBar.background#0E0E13fe
  • statusBar.border#0C0C10fe
  • statusBar.debuggingBackground#470047c4
  • statusBar.debuggingBorder#0C0C10fe
  • statusBar.debuggingForeground#B6B6FAce
  • statusBar.focusBorder#0C0D0B00
  • statusBar.foreground#B4B4EB6e
  • statusBar.noFolderBackground#0E0E13fe
  • statusBar.noFolderBorder#0C0C10fe
  • statusBar.noFolderForeground#B6B6FAce
  • statusBarItem.activeBackground#0E0E13fe
  • statusBarItem.compactHoverBackground#0E0E13fe
  • statusBarItem.errorBackground#4700479a
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#470047be
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0A0E00
  • statusBarItem.hoverBackground#0E0E13fe
  • statusBarItem.hoverForeground#7049D2fe
  • statusBarItem.offlineBackground#0E0E13fe
  • statusBarItem.offlineForeground#B6B6FAce
  • statusBarItem.offlineHoverBackground#0E0E13fe
  • statusBarItem.offlineHoverForeground#8865E1fe
  • statusBarItem.prominentBackground#0E0E13fe
  • statusBarItem.prominentForeground#B6B6FAce
  • statusBarItem.prominentHoverBackground#0E0E13fe
  • statusBarItem.prominentHoverForeground#6F48D2fe
  • statusBarItem.remoteBackground#7049D2fe
  • statusBarItem.remoteForeground#0E0E13fe
  • statusBarItem.remoteHoverBackground#0E0E13fe
  • statusBarItem.remoteHoverForeground#835FDEfe
  • statusBarItem.warningBackground#2B2300fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#2B2300fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#BCCACAfe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#CAD5CCfe
  • symbolIcon.colorForeground#C4B3C6fe
  • symbolIcon.constantForeground#C0C0CFfe
  • symbolIcon.constructorForeground#C2BBB3fe
  • symbolIcon.enumeratorForeground#D9CFD2fe
  • symbolIcon.enumeratorMemberForeground#E0D9DBfe
  • symbolIcon.eventForeground#C1CEC3fe
  • symbolIcon.fieldForeground#D6D9CFfe
  • symbolIcon.fileForeground#DEE0D9fe
  • symbolIcon.folderForeground#D0C6D1fe
  • symbolIcon.functionForeground#E2E4DDfe
  • symbolIcon.interfaceForeground#E3DDE4fe
  • symbolIcon.keyForeground#E0D9DBfe
  • symbolIcon.keywordForeground#B3C2C2fe
  • symbolIcon.methodForeground#D3D3DDfe
  • symbolIcon.moduleForeground#C6B8BCfe
  • symbolIcon.namespaceForeground#B3C2B5fe
  • symbolIcon.nullForeground#E4DDE0fe
  • symbolIcon.numberForeground#D3D3DDfe
  • symbolIcon.objectForeground#C6BFB8fe
  • symbolIcon.operatorForeground#C1CECEfe
  • symbolIcon.packageForeground#D4DDDDfe
  • symbolIcon.propertyForeground#C4B3C6fe
  • symbolIcon.referenceForeground#CED1C6fe
  • symbolIcon.snippetForeground#B6B6D4fe
  • symbolIcon.stringForeground#CFCFDAfe
  • symbolIcon.structForeground#C1CEC3fe
  • symbolIcon.textForeground#E4E1DDfe
  • symbolIcon.typeParameterForeground#D6D9CFfe
  • symbolIcon.unitForeground#C1CEC3fe
  • symbolIcon.variableForeground#D9CFD2fe
  • tab.activeBackground#101016fe
  • tab.activeBorder#0C0D0B00
  • tab.activeBorderTop#6D37FAfe
  • tab.activeForeground#6E38FAfe
  • tab.activeModifiedBorder#2B2400ce
  • tab.border#0D0B0D00
  • tab.hoverBackground#B5B5F86e
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#7049D2fe
  • tab.inactiveBackground#22222C99
  • tab.inactiveForeground#A8A8BC65
  • tab.inactiveModifiedBorder#2B2400ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#1A1A223c
  • tab.unfocusedActiveBorder#0C0D0B00
  • tab.unfocusedActiveBorderTop#1F1F4865
  • tab.unfocusedActiveForeground#4949F465
  • tab.unfocusedActiveModifiedBorder#2B2400ce
  • tab.unfocusedHoverBackground#B3B3F86e
  • tab.unfocusedHoverBorder#1A1A223d
  • tab.unfocusedHoverForeground#4949F465
  • tab.unfocusedInactiveBackground#2525319a
  • tab.unfocusedInactiveForeground#9F9FB565
  • tab.unfocusedInactiveModifiedBorder#2B2400ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339a
  • 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#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#17171Efe
  • terminal.border#0C0C10fe
  • terminal.dropBackground#17171Efe
  • terminal.findMatchBackground#17171Efe
  • terminal.findMatchBorder#0C0C10fe
  • terminal.findMatchHighlightBackground#17171Efe
  • terminal.findMatchHighlightBorder#0C0C10fe
  • terminal.foreground#B4B4F6ae
  • terminal.hoverHighlightBackground#17171Efe
  • terminal.inactiveSelectionBackground#2D2D3A9c
  • terminal.selectionBackground#4B514084
  • terminal.selectionForeground#DDDDE5ca
  • terminal.tab.activeBorder#AD91F2fe
  • terminalCommandDecoration.defaultBackground#E4A4EFa5
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#17171Efe
  • terminalCursor.foreground#744ED5fe
  • terminalOverviewRuler.cursorForeground#B6B6FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080a1
  • testing.message.error.decorationForeground#C2ADF8fe
  • testing.message.error.lineBackground#470047c5
  • testing.message.info.decorationForeground#C2AEF8fe
  • testing.message.info.lineBackground#000087fe
  • testing.peekBorder#0C0C10fe
  • testing.peekHeaderBackground#17171Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#17171Efe
  • textBlockQuote.border#0C0C10fe
  • textCodeBlock.background#17171Efe
  • textLink.activeForeground#7049D2fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#B6B6FAce
  • textSeparator.foreground#B6B6FAce
  • titleBar.activeBackground#0E0E13fe
  • titleBar.activeForeground#5353DDae
  • titleBar.border#0B0D0B00
  • titleBar.inactiveBackground#1A1A22d5
  • titleBar.inactiveForeground#4949F465
  • toolbar.activeBackground#3F0A498b
  • toolbar.hoverBackground#17171Efe
  • toolbar.hoverOutline#0C0D0B00
  • tree.inactiveIndentGuidesStroke#BFAEB435
  • tree.indentGuidesStroke#C2AEF8fe
  • tree.tableColumnsBorder#0C0C10fe
  • tree.tableOddRowsBackground#17171Efe
  • walkThrough.embeddedEditorBackground#17171Efe
  • walkthrough.stepTitle.foreground#B6B6FAce
  • welcomePage.background#17171Efe
  • welcomePage.progress.background#17171Efe
  • welcomePage.progress.foreground#B6B6FAce
  • welcomePage.tileBackground#17171Efe
  • welcomePage.tileBorder#0C0C10fe
  • welcomePage.tileHoverBackground#17171Efe
  • widget.border#0C0C10fe
  • widget.shadow#0D0B0C00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#0909289c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9A9AF66e
comment.block.html#9999F86e
comment.block.java#9999F86e
comment.block.javadoc.java#9A9AF66e
comment.block.powershell#9999F86e
comment.block.xml#9B9BF86e
comment.line.double-slash.c#9999F96e
comment.line.double-slash.cpp#9999F96e
comment.line.double-slash.java#9999F86e
comment.line.double-slash.js#9A9AF66e
comment.line.number-sign.makefile#9A9AF66e
comment.line.number-sign.python#9999F96e
comment.line.number-sign.yaml#9A9AF66e
comment.line.percentage.erlang#9A9AF66e
comment.line.powershell#9999F86e
comment.source.cmake#9A9AF66e
comment.source.cmakecache#9B9BF86e
constant.character#0AD680de
constant.character.character-class.regexp#4BBB38de
constant.character.escape#BDA7F6de
constant.character.set.regexp#EE8686de
constant.language#AE94F2de
constant.numeric#EB7CCBde
constant.numeric.dec.python#AF93F2de
constant.other.caps.python#A8A80Cde
constant.other.character-class.regexp#AE93F2de
constant.other.character-class.set.regexp#EB7DCCde
constant.other.color.rgb-value#A8A80Cde
constant.other.placeholder#25BE0Cde
constant.other.rgb-value#F29191de
constant.regexp#EB7CCBde
constant.sha.git-rebase#0BBA6Fde
emphasis#A8A809de
entity.name.class#A8A809de
entity.name.function#EE8484de
entity.name.function.preprocessor#EB7DCBde
entity.name.function.python#ABAB0Bde
entity.name.label#ABAB0Ade
entity.name.namespace#66A7FCde
entity.name.operator#AAAA0Bde
entity.name.operator.custom-literal#A8A837de
entity.name.scope-resolution#3ECB8Ede
entity.name.tag#AE93F2de
entity.name.tag.css#7DADEBde
entity.name.type#C7C739de
entity.name.variable#38B780de
entity.other.attribute#98BFF3de
entity.other.attribute-name#EB7DCBde
entity.other.attribute-name.class.css#0BCA78de
entity.other.attribute-name.class.mixin.css#72A5E7de
entity.other.attribute-name.id#EE8484de
entity.other.attribute-name.id.css#72A5E7de
entity.other.attribute-name.parent-selector.css#74A5E8de
entity.other.attribute-name.pseudo-class.css#74A5E7de
entity.other.attribute-name.pseudo-element.css#AAAA0Cde
entity.other.attribute-name.scss#23BE0Ade
entity.other.document.begin.yaml#9B9BF86e
entity.other.inherited-class#5CD249de
header#B7B738de
invalid#A8A809de
keyword#8BB6F0de
keyword.codetag.notation.python#3ECB8Ede
keyword.control#25BE0Cde
keyword.control.anchor.regexp#C7C739de
keyword.control.import.python#F59FDDde
keyword.operator#EE8585de
keyword.operator.alignas#AF93F2de
keyword.operator.alignof#0AD680de
keyword.operator.cast#EE8484de
keyword.operator.delete#ABAB0Ade
keyword.operator.documentation.powershell#9999F86e
keyword.operator.expression#74A5E7de
keyword.operator.instanceof#0ADC82de
keyword.operator.logical.python#AAAA0Cde
keyword.operator.minus.exponent#F08B8Bde
keyword.operator.negation.regexp#0BCA78de
keyword.operator.new#AAAA0Cde
keyword.operator.noexcept#0ACB78de
keyword.operator.or.regexp#73A5E7de
keyword.operator.plus.exponent#4BBF38de
keyword.operator.quantifier.regexp#EB7DCBde
keyword.operator.sizeof#61D54Ede
keyword.operator.typeid#AF93F2de
keyword.operator.wordlike#EB7DCCde
keyword.other.operator#AE93F2de
keyword.other.package.java#EE8585de
keyword.other.unit#38B781de
keyword.other.using#A9A937de
markup.bold#38B780de
markup.changed#ABAB0Bde
markup.deleted#EE8585de
markup.fenced_code.block.markdown#AAAA0Dde
markup.heading#0ACB78de
markup.inline.raw#38B781de
markup.inserted#C7C739de
markup.italic#38B781de
markup.raw.block.markdown#EE8585de
markup.strikethrough#61D54Ede
markup.underline#0ABB6Fde
meta.block.c#AF94F2de
meta.block.c#75A6E8de
meta.class.java#EE84CFde
meta.definition.variable.name#0AD981de
meta.diff.header#AE94F2de
meta.embedded#09BC6Fde
meta.embedded.assembly#AE93F2de
meta.function-call.arguments.python#EB7DCCde
meta.function-call.python#39C78Ade
meta.member.access.python#F398D9de
meta.method.java#EE84CFde
meta.object-literal.key#EB7DCCde
meta.paragraph.markdown#75A6E8de
meta.preprocessor#0BCA78de
meta.preprocessor.numeric#73A5E8de
meta.preprocessor.string#0ABA6Dde
meta.scope.prerequisites.makefile#EE8686de
meta.structure.dictionary.json.comments#9B9BF86e
meta.structure.dictionary.key.python#F08BD3de
meta.structure.dictionary.value.json.comments#9999F96e
meta.template.expression#73A5E7de
meta.type.cast.expr#AAAA0Cde
meta.type.new.expr#AE93F2de
parameter#24BC09de
punctuation.character.set.begin.regexp#EE8686de
punctuation.character.set.end.regexp#73A5E8de
punctuation.definition.array.begin.json#7DADEBde
punctuation.definition.character-class.regexp#AAAA0Cde
punctuation.definition.comment#9A9AF66e
punctuation.definition.comment.json.comments#9B9BF86e
punctuation.definition.comment.python#9B9BF86e
punctuation.definition.dictionary.begin.json#26BE0Cde
punctuation.definition.dictionary.end.json#C7C739de
punctuation.definition.group.assertion.regexp#AAAA0Cde
punctuation.definition.group.regexp#AE94F2de
punctuation.definition.list.begin.json#24BF0Ade
punctuation.definition.list.begin.markdown#0ABB6Fde
punctuation.definition.list.begin.python#EE8484de
punctuation.definition.list.end.json#24BF0Ade
punctuation.definition.list.end.markdown#EE8585de
punctuation.definition.list.end.python#AAAA0Cde
punctuation.definition.parameters.begin.python#EE8484de
punctuation.definition.parameters.end.bracket.round.java#AE93F2de
punctuation.definition.quote.begin.markdown#43CE93de
punctuation.definition.tag#4AB938de
punctuation.definition.template-expression.begin#EB7CCBde
punctuation.definition.template-expression.end#EB7DCBde
punctuation.section.class.begin.bracket.curly.java#BDA7F6de
punctuation.section.embedded#A8A809de
punctuation.section.embedded.begin.php#AE93F2de
punctuation.section.embedded.end.php#4DC739de
punctuation.terminator.java#AF94F2de
source.cmake#74A5E8de
source.coffee.embedded#A9A937de
source.cpp#EB7DCCde
source.css.less#AE93F2de
source.groovy.embedded#4DC739de
source.java#EE8686de
source.java-properties#77A8E9de
source.json.comments#9999F96e
source.makefile#F6A7A7de
source.powershell#AF94F2de
source.powershell.variable.other.member#EB7CCBde
source.python#73A5E8de
storage#9FC4F5de
storage.modifier#73A6E8de
storage.modifier.import.java#F29191de
storage.modifier.package.java#EE8686de
storage.type#F59FDDde
storage.type.annotation.groovy#EB7CCBde
storage.type.annotation.java#EE8585de
storage.type.boolean.go#EB7CCBde
storage.type.byte.go#EE84CFde
storage.type.cs#EE8484de
storage.type.error.go#AEAE38de
storage.type.generic.cs#EE8585de
storage.type.generic.groovy#AAAA0Dde
storage.type.generic.java#91BBF2de
storage.type.groovy#38B780de
storage.type.java#EE84CFde
storage.type.modifier.cs#23BE0Ade
storage.type.numeric.go#73A5E7de
storage.type.object.array.groovy#AE94F2de
storage.type.object.array.java#5CD249de
storage.type.parameters.groovy#38B780de
storage.type.primitive.array.groovy#EE8686de
storage.type.primitive.array.java#0BCA78de
storage.type.primitive.groovy#74A6E8de
storage.type.primitive.java#EE8585de
storage.type.rune.go#25BE0Cde
storage.type.string.go#25BC0Cde
storage.type.token.java#EB7DCBde
storage.type.uintptr.go#ABAB0Bde
storage.type.variable.cs#ABAB0Ade
string#91BBF2de
string.quoted.docstring.multi.python#9B9BF86e
string.regexp#25BC0Cde
string.tag#57CE43de
string.value#84B1EEde
strong#75A6E8de
support.class#25BE0Cde
support.constant.color#AEAE38de
support.constant.dom#EB7DCCde
support.constant.font-name#25BE0Cde
support.constant.handlebars#38BF85de
support.constant.json#AE93F2de
support.constant.math#73A5E8de
support.constant.media#39C78Ade
support.constant.media-type#AAAA0Cde
support.constant.property-value#AE94F2de
support.function#74A5E7de
support.function.git-rebase#24BF0Ade
support.other.parenthesis.regexp#A8A80Cde
support.type#F08BD3de
support.type.property-name#24BC0Cde
support.type.vendored.property-name#74A5E8de
support.variable#75A6E8de
token.debug-token#EB7CCBde
token.error-token#75A6E8de
token.info-token#0ADB81de
token.warn-token#EB7CCBde
variable#38B781de
variable.css#AE93F2de
variable.language#F398D9de
variable.language.wildcard.java#A8A837de
variable.other.constant#AE94F2de
variable.other.definition.java#AAAA0Cde
variable.other.enummember#AE93F2de
variable.other.less#0BBA6Fde
variable.other.object.java#43CE93de
variable.other.object.property.java#AAAA0Cde
variable.parameter.c#39C78Ade
variable.parameter.function.language.python#75A6E8de
variable.parameter.java#EE8484de
variable.scss#EE8585de
viiv by B.W - VS Code Theme