Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • actionBar.toggledBackground#15151efe
  • activityBar.activeBackground#15151efe
  • activityBar.activeBorder#6CC016fe
  • activityBar.activeFocusBorder#7F5A6400
  • activityBar.background#0D0D13fe
  • activityBar.border#4C6B5400
  • activityBar.dropBorder#66BF0Dfe
  • activityBar.foreground#6ABF14fe
  • activityBar.inactiveForeground#9F9FBC65
  • activityBarBadge.background#6DC019fe
  • activityBarBadge.foreground#0D0D13fe
  • badge.background#6CBF18fe
  • badge.foreground#0D0D13fe
  • banner.background#15151efe
  • banner.foreground#E7E7FEce
  • banner.iconForeground#C2D2D4fe
  • breadcrumb.activeSelectionForeground#E0E8E9ca
  • breadcrumb.background#0E0E15fe
  • breadcrumb.focusForeground#6EBF1Bfe
  • breadcrumb.foreground#E0E0E9ae
  • breadcrumbPicker.background#15151efe
  • button.background#303045ae
  • button.border#0C0E0A00
  • button.foreground#E7E7FEce
  • button.hoverBackground#4C4C6D6e
  • button.secondaryBackground#15151efe
  • button.secondaryForeground#E7E7FEce
  • button.secondaryHoverBackground#15151efe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E7E7FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0B10fe
  • chat.slashCommandBackground#15151efe
  • chat.slashCommandForeground#E7E7FEce
  • checkbox.background#0B0B10fe
  • checkbox.border#0B0B10fe
  • checkbox.foreground#E7E7FEce
  • checkbox.selectBackground#0B0B10fe
  • checkbox.selectBorder#0B0B10fe
  • commandCenter.activeBackground#12242584
  • commandCenter.activeBorder#0B0B10fe
  • commandCenter.activeForeground#6FC01Cfe
  • commandCenter.background#15151efe
  • commandCenter.border#0B0B10fe
  • commandCenter.foreground#E7E7FEce
  • commandCenter.inactiveBorder#01015091
  • commandCenter.inactiveForeground#9F9FBC65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0B00
  • contrastBorder#0A0E0B00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E7E7FEce
  • debugConsole.sourceForeground#E7E7FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B3C7CAfe
  • debugExceptionWidget.background#410041b4
  • debugExceptionWidget.border#0B0B10fe
  • debugIcon.breakpointCurrentStackframeForeground#C8B2B7fe
  • debugIcon.breakpointDisabledForeground#B5B5CB65
  • debugIcon.breakpointForeground#CABDB3fe
  • debugIcon.breakpointStackframeForeground#CDC2B8fe
  • debugIcon.breakpointUnverifiedForeground#D8CFC7fe
  • debugIcon.continueForeground#BDCFD1fe
  • debugIcon.disconnectForeground#D8CFC7fe
  • debugIcon.pauseForeground#E0E8E9fe
  • debugIcon.restartForeground#C8D1BDfe
  • debugIcon.startForeground#C4CDB8fe
  • debugIcon.stepBackForeground#E5E9E0fe
  • debugIcon.stepIntoForeground#E7E0E9fe
  • debugIcon.stepOutForeground#C9B8CDfe
  • debugIcon.stepOverForeground#CCD4C2fe
  • debugIcon.stopForeground#E2D6D9fe
  • debugTokenExpression.boolean#D6E1E2ca
  • debugTokenExpression.error#DBDBE6ca
  • debugTokenExpression.name#E0D6E2ca
  • debugTokenExpression.number#E2DCD6ca
  • debugTokenExpression.value#DBD3CCca
  • debugToolBar.background#410041ac
  • debugToolBar.border#0B0B10fe
  • debugView.exceptionLabelBackground#1C2115ca
  • debugView.exceptionLabelForeground#D5DBCCca
  • debugView.stateLabelBackground#2D1B1Fca
  • debugView.stateLabelForeground#D5DBCCca
  • debugView.valueChangedHighlight#E5E9E0ca
  • descriptionForeground#E7E7FEce
  • diffEditor.border#0A0E0B00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#00250031
  • diffEditor.insertedTextBackground#0F2610fb
  • diffEditor.insertedTextBorder#0D0A0E00
  • diffEditor.move.border#0E0C0A00
  • diffEditor.moveActive.border#0D0A0E00
  • diffEditor.removedLineBackground#4B000031
  • diffEditor.removedTextBackground#4A0000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • diffEditor.unchangedCodeBackground#15151efe
  • diffEditor.unchangedRegionBackground#15151efe
  • diffEditor.unchangedRegionForeground#E7E7FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B5B5CB65
  • dropdown.background#0B0B10fe
  • dropdown.border#0B0B10fe
  • dropdown.foreground#E7E7FEce
  • dropdown.listBackground#0B0B10fe
  • editor.background#15151efe
  • editor.findMatchBackground#374E3Ca1
  • editor.findMatchBorder#0B0B10fe
  • editor.findMatchHighlightBackground#5F6D4Ca1
  • editor.findMatchHighlightBorder#0B0B10fe
  • editor.findRangeHighlightBackground#776353a5
  • editor.findRangeHighlightBorder#0B0B10fe
  • editor.focusedStackFrameHighlightBackground#5E41498c
  • editor.foldBackground#A4BDBFaa
  • editor.foreground#E7E7FEce
  • editor.hoverHighlightBackground#566345a7
  • editor.inactiveSelectionBackground#46466493
  • editor.inlineValuesBackground#15151efe
  • editor.inlineValuesForeground#E7E7FEce
  • editor.lineHighlightBackground#262636b3
  • editor.lineHighlightBorder#0E0C0A00
  • editor.linkedEditingBackground#15151efe
  • editor.rangeHighlightBackground#425E48a9
  • editor.rangeHighlightBorder#0B0B10fe
  • editor.selectionBackground#384E50ab
  • editor.selectionForeground#D1DDDFca
  • editor.selectionHighlightBackground#77635385
  • editor.selectionHighlightBorder#0B0B10fe
  • editor.snippetFinalTabstopHighlightBackground#507258a1
  • editor.snippetFinalTabstopHighlightBorder#0B0B10fe
  • editor.snippetTabstopHighlightBackground#505072a6
  • editor.snippetTabstopHighlightBorder#0B0B10fe
  • editor.stackFrameHighlightBackground#6B5072ad
  • editor.symbolHighlightBackground#4C4C6Dac
  • editor.symbolHighlightBorder#0B0B10fe
  • editor.wordHighlightBackground#5E4148a3
  • editor.wordHighlightBorder#0E0C0A00
  • editor.wordHighlightStrongBackground#496850aa
  • editor.wordHighlightStrongBorder#0D0A0E00
  • editor.wordHighlightTextBackground#5E4248a6
  • editor.wordHighlightTextBorder#0E0A0B00
  • editorBracketHighlight.foreground1#F4F4F7ce
  • editorBracketHighlight.foreground2#F4F4F7ce
  • editorBracketHighlight.foreground3#F4F4F7ce
  • editorBracketHighlight.foreground4#F4F4F7ce
  • editorBracketHighlight.foreground5#F4F4F7ce
  • editorBracketHighlight.foreground6#F4F4F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E7E7FEce
  • editorBracketMatch.background#C3B5A9a9
  • editorBracketMatch.border#0B0B10fe
  • editorBracketPairGuide.activeBackground1#C2B5A986
  • editorBracketPairGuide.activeBackground2#C3B4A98a
  • editorBracketPairGuide.activeBackground3#C4B2C982
  • editorBracketPairGuide.activeBackground4#C4B2C98e
  • editorBracketPairGuide.activeBackground5#C3B6AA8c
  • editorBracketPairGuide.activeBackground6#A2BEA88c
  • editorBracketPairGuide.background1#1E1E38fe
  • editorBracketPairGuide.background2#162319fe
  • editorBracketPairGuide.background3#2A1A2Efe
  • editorBracketPairGuide.background4#1E1E37fe
  • editorBracketPairGuide.background5#1E1E3Afe
  • editorBracketPairGuide.background6#1D2216fe
  • editorCodeLens.foreground#B5B5CB6e
  • editorCommentsWidget.rangeActiveBackground#B6B6CBfe
  • editorCommentsWidget.rangeBackground#15151efe
  • editorCommentsWidget.resolvedBorder#0B0B10fe
  • editorCommentsWidget.unresolvedBorder#490000cb
  • editorCursor.background#15151efe
  • editorCursor.foreground#6CBF18fe
  • editorError.background#0A0E0B00
  • editorError.border#0A0E0B00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151efe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#B5B5CB6e
  • editorGroup.border#0B0B10fe
  • editorGroup.dropBackground#15151efe
  • editorGroup.dropIntoPromptBackground#15151efe
  • editorGroup.dropIntoPromptBorder#0B0B10fe
  • editorGroup.dropIntoPromptForeground#E7E7FEce
  • editorGroup.emptyBackground#15151efe
  • editorGroup.focusedEmptyBorder#0B0B10fe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#0D0D13ae
  • editorGroupHeader.tabsBackground#15151ea1
  • editorGroupHeader.tabsBorder#0A0E0E00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#15151efe
  • editorGutter.commentGlyphForeground#E7E7FEce
  • editorGutter.commentRangeForeground#E7E7FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#E7E7FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0B00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0B0B10fe
  • editorHoverWidget.border#0B0B10fe
  • editorHoverWidget.foreground#E7E7FEce
  • editorHoverWidget.highlightForeground#E6DBDEca
  • editorHoverWidget.statusBarBackground#15151efe
  • editorIndentGuide.activeBackground1#6DC019fe
  • editorIndentGuide.activeBackground2#63C208fe
  • editorIndentGuide.activeBackground3#6CC018fe
  • editorIndentGuide.activeBackground4#6ABF14fe
  • editorIndentGuide.activeBackground5#6CBF16fe
  • editorIndentGuide.activeBackground6#6CC016fe
  • editorIndentGuide.background1#B1909835
  • editorIndentGuide.background2#A286AA35
  • editorIndentGuide.background3#AEC4C635
  • editorIndentGuide.background4#AE9B8B35
  • editorIndentGuide.background5#8BAAAE35
  • editorIndentGuide.background6#AE8B9335
  • editorInfo.background#0A0A0E00
  • editorInfo.border#0E0C0A00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151efe
  • editorInlayHint.foreground#E7E7FEce
  • editorInlayHint.parameterBackground#15151efe
  • editorInlayHint.parameterForeground#E7E7FEce
  • editorInlayHint.typeBackground#15151efe
  • editorInlayHint.typeForeground#E7E7FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#6CC01Afe
  • editorLineNumber.dimmedForeground#B5B5CB6e
  • editorLineNumber.foreground#B5B5CB6e
  • editorLink.activeForeground#6FC01Cfe
  • editorMarkerNavigation.background#0B0B10fe
  • editorMarkerNavigationError.background#410041a4
  • editorMarkerNavigationError.headerBackground#410041cb
  • editorMarkerNavigationInfo.background#00007Ffe
  • editorMarkerNavigationInfo.headerBackground#00007Ffe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151efe
  • editorOverviewRuler.border#0C0C71fe
  • editorOverviewRuler.bracketMatchForeground#E7E7FEce
  • editorOverviewRuler.commentForeground#B5B5CB6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E7E7FEce
  • editorOverviewRuler.currentContentForeground#cececeb6
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2DCD6ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E4DBE6ca
  • editorOverviewRuler.wordHighlightStrongForeground#E7E7FEce
  • editorOverviewRuler.wordHighlightTextForeground#E7E7FEce
  • editorPane.background#15151efe
  • editorRuler.foreground#B7B7CC29
  • editorStickyScroll.background#15151efe
  • editorStickyScrollHover.background#0F0F6C6e
  • editorSuggestWidget.background#0B0B10fe
  • editorSuggestWidget.border#0A0E0B00
  • editorSuggestWidget.focusHighlightForeground#8383FDfe
  • editorSuggestWidget.foreground#D4C7D8fe
  • editorSuggestWidget.highlightForeground#DDE2D6ca
  • editorSuggestWidget.selectedBackground#49656889
  • editorSuggestWidget.selectedForeground#DCD1DFca
  • editorSuggestWidget.selectedIconForeground#DBDBE6ca
  • editorSuggestWidgetStatus.foreground#DBE6DEfe
  • editorUnicodeHighlight.background#58415Eac
  • editorUnicodeHighlight.border#0B0B10fe
  • editorUnnecessaryCode.border#272000ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0E00
  • editorWarning.border#0D0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E7E7FEce
  • editorWidget.background#0B0B10fe
  • editorWidget.border#0B0B10fe
  • editorWidget.foreground#E7E7FEce
  • editorWidget.resizeBorder#0B0B10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#6FC01Cfe
  • extensionBadge.remoteForeground#0D0D13fe
  • extensionButton.background#050579ae
  • extensionButton.foreground#E7E7FEce
  • extensionButton.hoverBackground#15155F6e
  • extensionButton.prominentBackground#15151efe
  • extensionButton.prominentForeground#E7E7FEce
  • extensionButton.prominentHoverBackground#15151efe
  • extensionButton.separator#0C0E0A00
  • extensionIcon.preReleaseForeground#BDD1C2fe
  • extensionIcon.sponsorForeground#CAB3B8fe
  • extensionIcon.starForeground#D1DDDFfe
  • extensionIcon.verifiedForeground#D8C7CBfe
  • focusBorder#0C0E0A00
  • foreground#E7E7FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B6B6CCae
  • inlineChat.background#2A1B2Fca
  • inlineChat.border#1D2316ca
  • inlineChat.regionHighlight#E9E4E0ca
  • inlineChat.shadow#CCDBD0ca
  • inlineChatDiff.inserted#D6E2D9ca
  • inlineChatDiff.removed#DFD7D1ca
  • inlineChatInput.background#D1DDDFca
  • inlineChatInput.border#2D1B1Fca
  • inlineChatInput.focusBorder#0A0E0E00
  • inlineChatInput.placeholderForeground#DDE2D6ca
  • input.background#0B0B10fe
  • input.border#0B0B10fe
  • input.foreground#E7E7FEce
  • input.placeholderForeground#B5B5CB65
  • inputOption.activeBackground#0B0B10fe
  • inputOption.activeBorder#0B0B10fe
  • inputOption.activeForeground#82BB48fe
  • inputOption.hoverBackground#0B0B10fe
  • inputValidation.errorBackground#670067b9
  • inputValidation.errorBorder#410041ac
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0B10fe
  • inputValidation.infoForeground#E7E7FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0B10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0B10fe
  • interactive.inactiveCodeBorder#01016192
  • keybindingLabel.background#15151efe
  • keybindingLabel.border#0B0B10fe
  • keybindingLabel.bottomBorder#0B0B10fe
  • keybindingLabel.foreground#E7E7FEce
  • keybindingTable.headerBackground#15151efe
  • keybindingTable.rowsBackground#15151efe
  • list.activeSelectionBackground#54463B8c
  • list.activeSelectionForeground#D6D6E2ca
  • list.activeSelectionIconForeground#D1D1DFca
  • list.deemphasizedForeground#E7E7FEce
  • list.dropBackground#15151efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151efe
  • list.filterMatchBorder#0B0B10fe
  • list.focusAndSelectionOutline#0A0A0E00
  • list.focusBackground#46466396
  • list.focusForeground#6CBF18fe
  • list.focusHighlightForeground#50BAC5fe
  • list.focusOutline#0C0E0A00
  • list.highlightForeground#D8CCDBca
  • list.hoverBackground#162325a1
  • list.hoverForeground#6EBF1Bfe
  • list.inactiveFocusBackground#29293B93
  • list.inactiveFocusOutline#0A0E0E00
  • list.inactiveSelectionBackground#0D0D13ae
  • list.inactiveSelectionForeground#B5B5CB65
  • list.inactiveSelectionIconForeground#B5B5CB65
  • list.invalidItemForeground#E7E7FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151efe
  • listFilterWidget.noMatchesOutline#0E0A0B00
  • listFilterWidget.outline#0A0E0E00
  • listFilterWidget.shadow#0D0A0E00
  • menu.background#0D0D13fe
  • menu.border#0A0A0E00
  • menu.foreground#DFDFFEae
  • menu.selectionBackground#374D4Fab
  • menu.selectionBorder#0E0A0B00
  • menu.selectionForeground#6CBF18fe
  • menu.separatorBackground#1D1D3D65
  • menubar.selectionBackground#374D50a3
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#6ABF16fe
  • merge.border#0B0B10fe
  • merge.commonContentBackground#15151efe
  • merge.commonHeaderBackground#15151efe
  • merge.currentContentBackground#00250031
  • merge.currentHeaderBackground#0F2610fb
  • merge.incomingContentBackground#0E260Fcb
  • merge.incomingHeaderBackground#0F2610fb
  • mergeEditor.change.background#15151efe
  • mergeEditor.change.word.background#15151efe
  • mergeEditor.changeBase.background#15151efe
  • mergeEditor.changeBase.word.background#15151efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0B10fe
  • mergeEditor.conflict.handledUnfocused.border#1B1B272e
  • mergeEditor.conflict.input1.background#0B0B10fe
  • mergeEditor.conflict.input2.background#0B0B10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#0B0B10fe
  • mergeEditor.conflict.unhandledUnfocused.border#18182236
  • mergeEditor.conflictingLines.background#15151efe
  • minimap.background#15151efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F4F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#535377fe
  • minimapSlider.background#303045ae
  • minimapSlider.hoverBackground#4C4C6D6e
  • notebook.cellBorderColor#0B0B10fe
  • notebook.cellEditorBackground#15151efe
  • notebook.cellHoverBackground#15151efe
  • notebook.cellInsertionIndicator#D9DFD1ca
  • notebook.cellStatusBarItemHoverBackground#15151efe
  • notebook.cellToolbarSeparator#CCDADBca
  • notebook.editorBackground#15151efe
  • notebook.focusedCellBackground#15151efe
  • notebook.focusedCellBorder#6CBF18fe
  • notebook.focusedEditorBorder#0B0B10fe
  • notebook.inactiveFocusedCellBorder#5353778e
  • notebook.inactiveSelectedCellBorder#57577C8e
  • notebook.outputContainerBackgroundColor#15151efe
  • notebook.outputContainerBorderColor#0B0B10fe
  • notebook.selectedCellBackground#15151efe
  • notebook.selectedCellBorder#0B0B10fe
  • notebook.symbolHighlightBackground#15151efe
  • notebookEditorOverviewRuler.runningCellForeground#E7E7FEce
  • notebookScrollbarSlider.activeBackground#61618Bfe
  • notebookScrollbarSlider.background#303045ae
  • notebookScrollbarSlider.hoverBackground#42425E6e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CDC2B8fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0B10fe
  • notificationCenterHeader.background#15151efe
  • notificationCenterHeader.foreground#E7E7FEce
  • notificationLink.foreground#E7E7FEce
  • notifications.background#15151efe
  • notifications.border#0B0B10fe
  • notifications.foreground#E7E7FEce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#CDBDD1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0B10fe
  • panel.background#15151efe
  • panel.border#0B0B10fe
  • panel.dropBorder#0B0B10fe
  • panelInput.border#0B0B10fe
  • panelSection.border#0B0B10fe
  • panelSection.dropBackground#15151efe
  • panelSectionHeader.background#15151efe
  • panelSectionHeader.border#0B0B10fe
  • panelSectionHeader.foreground#E7E7FEce
  • panelTitle.activeBorder#0D0A0E00
  • panelTitle.activeForeground#6CBF16fe
  • panelTitle.inactiveForeground#9595B565
  • peekView.border#63C208fe
  • peekViewEditor.background#0B0B10fe
  • peekViewEditor.matchHighlightBackground#67775381
  • peekViewEditor.matchHighlightBorder#0E0C0A00
  • peekViewEditorGutter.background#0B0B10fe
  • peekViewEditorStickyScroll.background#15151efe
  • peekViewResult.background#0D0D13fe
  • peekViewResult.fileForeground#E7E7FEce
  • peekViewResult.lineForeground#E7E7FEce
  • peekViewResult.matchHighlightBackground#374D4F81
  • peekViewResult.selectionBackground#45606381
  • peekViewResult.selectionForeground#D1DFD4ca
  • peekViewTitle.background#0D0D13fe
  • peekViewTitleDescription.foreground#E7E7FEce
  • peekViewTitleLabel.foreground#E7E7FEce
  • pickerGroup.border#0B0B10fe
  • pickerGroup.foreground#E7E7FEce
  • ports.iconRunningProcessForeground#DFD1D4fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#6CBF18fe
  • profileBadge.foreground#0D0D13fe
  • progressBar.background#15151efe
  • quickInput.background#0D0D13fe
  • quickInput.foreground#E5E5EDae
  • quickInputList.focusBackground#685749ac
  • quickInputList.focusForeground#6CC017fe
  • quickInputList.focusIconForeground#6EBF1Bfe
  • quickInputTitle.background#0B0B10fe
  • sash.hoverBorder#0B0B10fe
  • scrollbar.shadow#0A0E0B00
  • scrollbarSlider.activeBackground#535377fe
  • scrollbarSlider.background#3E3E59ae
  • scrollbarSlider.hoverBackground#4545636e
  • search.resultsInfoForeground#E7E7FEce
  • searchEditor.findMatchBackground#6D5B4Ca9
  • searchEditor.findMatchBorder#0B0B10fe
  • searchEditor.textInputBorder#0B0B10fe
  • selection.background#15151efe
  • settings.checkboxBackground#0B0B10fe
  • settings.checkboxBorder#0B0B10fe
  • settings.checkboxForeground#E7E7FEce
  • settings.dropdownBackground#0B0B10fe
  • settings.dropdownBorder#0B0B10fe
  • settings.dropdownForeground#E7E7FEce
  • settings.dropdownListBorder#0B0B10fe
  • settings.focusedRowBackground#63454C81
  • settings.focusedRowBorder#0B0B10fe
  • settings.headerBorder#0B0B10fe
  • settings.headerForeground#E7E7FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0B10fe
  • settings.numberInputBorder#0B0B10fe
  • settings.numberInputForeground#E7E7FEce
  • settings.rowHoverBackground#15151efe
  • settings.sashBorder#0B0B10fe
  • settings.settingsHeaderHoverForeground#6FC01Cfe
  • settings.textInputBackground#0B0B10fe
  • settings.textInputBorder#0B0B10fe
  • settings.textInputForeground#E7E7FEce
  • sideBar.background#15151efe
  • sideBar.border#0B0B10fe
  • sideBar.dropBackground#15151efe
  • sideBar.foreground#B6B6CCae
  • sideBarSectionHeader.background#0A0E0B00
  • sideBarSectionHeader.border#0B0B10fe
  • sideBarSectionHeader.foreground#E7E7FEce
  • sideBarTitle.foreground#E7E7FEce
  • sideBySideEditor.horizontalBorder#0B0B10fe
  • sideBySideEditor.verticalBorder#0B0B10fe
  • simpleFindWidget.sashBorder#0B0B10fe
  • statusBar.background#0D0D13fe
  • statusBar.border#0B0B10fe
  • statusBar.debuggingBackground#410041cb
  • statusBar.debuggingBorder#0B0B10fe
  • statusBar.debuggingForeground#E7E7FEce
  • statusBar.focusBorder#0E0A0B00
  • statusBar.foreground#B5B5CB6e
  • statusBar.noFolderBackground#0D0D13fe
  • statusBar.noFolderBorder#0B0B10fe
  • statusBar.noFolderForeground#E7E7FEce
  • statusBarItem.activeBackground#0D0D13fe
  • statusBarItem.compactHoverBackground#0D0D13fe
  • statusBarItem.errorBackground#4100419f
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#4100419c
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0A0E00
  • statusBarItem.hoverBackground#0D0D13fe
  • statusBarItem.hoverForeground#6EBF1Bfe
  • statusBarItem.offlineBackground#0D0D13fe
  • statusBarItem.offlineForeground#E7E7FEce
  • statusBarItem.offlineHoverBackground#0D0D13fe
  • statusBarItem.offlineHoverForeground#6CC01Afe
  • statusBarItem.prominentBackground#0D0D13fe
  • statusBarItem.prominentForeground#E7E7FEce
  • statusBarItem.prominentHoverBackground#0D0D13fe
  • statusBarItem.prominentHoverForeground#6ABF16fe
  • statusBarItem.remoteBackground#6CBF18fe
  • statusBarItem.remoteForeground#0D0D13fe
  • statusBarItem.remoteHoverBackground#0D0D13fe
  • statusBarItem.remoteHoverForeground#82BB48fe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#BDBDD1fe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#D5DBCCfe
  • symbolIcon.colorForeground#D4C7D8fe
  • symbolIcon.constantForeground#C7C7D8fe
  • symbolIcon.constructorForeground#CABDB3fe
  • symbolIcon.enumeratorForeground#E2DCD6fe
  • symbolIcon.enumeratorMemberForeground#DBCCD0fe
  • symbolIcon.eventForeground#D6E1E2fe
  • symbolIcon.fieldForeground#BDD1C2fe
  • symbolIcon.fileForeground#CAB3B8fe
  • symbolIcon.folderForeground#DBD3CCfe
  • symbolIcon.functionForeground#C2D2D4fe
  • symbolIcon.interfaceForeground#D9DFD1fe
  • symbolIcon.keyForeground#D4CAC2fe
  • symbolIcon.keywordForeground#E1E6DBfe
  • symbolIcon.methodForeground#DFD7D1fe
  • symbolIcon.moduleForeground#E2DCD6fe
  • symbolIcon.namespaceForeground#D6E1E2fe
  • symbolIcon.nullForeground#D8C7CBfe
  • symbolIcon.numberForeground#D8CCDBfe
  • symbolIcon.objectForeground#E0D6E2fe
  • symbolIcon.operatorForeground#D6D6E2fe
  • symbolIcon.packageForeground#DDE2D6fe
  • symbolIcon.propertyForeground#B8CBCDfe
  • symbolIcon.referenceForeground#CABDB3fe
  • symbolIcon.snippetForeground#C5B3CAfe
  • symbolIcon.stringForeground#B5B5CBfe
  • symbolIcon.structForeground#E1E6DBfe
  • symbolIcon.textForeground#D8CFC7fe
  • symbolIcon.typeParameterForeground#CDBDD1fe
  • symbolIcon.unitForeground#D6D6E2fe
  • symbolIcon.variableForeground#B3CAB8fe
  • tab.activeBackground#0E0E15fe
  • tab.activeBorder#0E0C0A00
  • tab.activeBorderTop#6ABF14fe
  • tab.activeForeground#6DC019fe
  • tab.activeModifiedBorder#272000ce
  • tab.border#0E0C0A00
  • tab.hoverBackground#A5BDC0a2
  • tab.hoverBorder#0B0B10fe
  • tab.hoverForeground#6CBF18fe
  • tab.inactiveBackground#01015096
  • tab.inactiveForeground#9595B565
  • tab.inactiveModifiedBorder#272000ce
  • tab.lastPinnedBorder#0B0B10fe
  • tab.unfocusedActiveBackground#18182221
  • tab.unfocusedActiveBorder#0A0A0E00
  • tab.unfocusedActiveBorderTop#1E1E3C65
  • tab.unfocusedActiveForeground#A9A9C365
  • tab.unfocusedActiveModifiedBorder#272000ce
  • tab.unfocusedHoverBackground#B5B5CC3b
  • tab.unfocusedHoverBorder#1B1B272f
  • tab.unfocusedHoverForeground#9A9AB865
  • tab.unfocusedInactiveBackground#22223197
  • tab.unfocusedInactiveForeground#A9A9C365
  • tab.unfocusedInactiveModifiedBorder#272000ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ac
  • 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#670067a2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9f
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151efe
  • terminal.border#0B0B10fe
  • terminal.dropBackground#15151efe
  • terminal.findMatchBackground#15151efe
  • terminal.findMatchBorder#0B0B10fe
  • terminal.findMatchHighlightBackground#15151efe
  • terminal.findMatchHighlightBorder#0B0B10fe
  • terminal.foreground#B6B6CCae
  • terminal.hoverHighlightBackground#15151efe
  • terminal.inactiveSelectionBackground#26263694
  • terminal.selectionBackground#5E4F4283
  • terminal.selectionForeground#D6D6E2ca
  • terminal.tab.activeBorder#6DC019fe
  • terminalCommandDecoration.defaultBackground#B6B6CCa9
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151efe
  • terminalCursor.foreground#82BB48fe
  • terminalOverviewRuler.cursorForeground#E7E7FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0be
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#A7DE70fe
  • testing.message.error.lineBackground#410041b7
  • testing.message.info.decorationForeground#9FD766fe
  • testing.message.info.lineBackground#00007Ffe
  • testing.peekBorder#0B0B10fe
  • testing.peekHeaderBackground#15151efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151efe
  • textBlockQuote.border#0B0B10fe
  • textCodeBlock.background#15151efe
  • textLink.activeForeground#6DC019fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E7E7FEce
  • textSeparator.foreground#E7E7FEce
  • titleBar.activeBackground#0D0D13fe
  • titleBar.activeForeground#A4A4F1ae
  • titleBar.border#0E0C0A00
  • titleBar.inactiveBackground#1F1F2Cd6
  • titleBar.inactiveForeground#9595B565
  • toolbar.activeBackground#1323258e
  • toolbar.hoverBackground#15151efe
  • toolbar.hoverOutline#0D0A0E00
  • tree.inactiveIndentGuidesStroke#B1909835
  • tree.indentGuidesStroke#96D05Dfe
  • tree.tableColumnsBorder#0B0B10fe
  • tree.tableOddRowsBackground#15151efe
  • walkThrough.embeddedEditorBackground#15151efe
  • walkthrough.stepTitle.foreground#E7E7FEce
  • welcomePage.background#15151efe
  • welcomePage.progress.background#15151efe
  • welcomePage.progress.foreground#E7E7FEce
  • welcomePage.tileBackground#15151efe
  • welcomePage.tileBorder#0B0B10fe
  • welcomePage.tileHoverBackground#15151efe
  • widget.border#0B0B10fe
  • widget.shadow#0A0A0E00
  • window.activeBorder#0B0B10fe
  • window.inactiveBorder#01016A91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BABAFB6e
comment.block.html#B9B9F86e
comment.block.java#B9B9F86e
comment.block.javadoc.java#B9B9FC6e
comment.block.powershell#B9B9FC6e
comment.block.xml#B9B9FA6e
comment.line.double-slash.c#B9B9FC6e
comment.line.double-slash.cpp#B9B9FC6e
comment.line.double-slash.java#B9B9F86e
comment.line.double-slash.js#B9B9FC6e
comment.line.number-sign.makefile#B9B9FA6e
comment.line.number-sign.python#B9B9FA6e
comment.line.number-sign.yaml#B9B9FA6e
comment.line.percentage.erlang#B9B9F86e
comment.line.powershell#B9B9F86e
comment.source.cmake#B9B9F86e
comment.source.cmakecache#BABAFB6e
constant.character#E07DE0de
constant.character.character-class.regexp#E1AB76de
constant.character.escape#FAB169de
constant.character.set.regexp#E4AF7Bde
constant.language#E681E6de
constant.numeric#77D719de
constant.numeric.dec.python#E383B3de
constant.other.caps.python#F29FC8de
constant.other.character-class.regexp#FE9EFEde
constant.other.character-class.set.regexp#16DC78de
constant.other.color.rgb-value#8FC5FDde
constant.other.placeholder#8CC5FDde
constant.other.rgb-value#86B8E9de
constant.regexp#13DC77de
constant.sha.git-rebase#E581B2de
emphasis#78D619de
entity.name.class#78D619de
entity.name.function#18DC7Bde
entity.name.function.preprocessor#FDB063de
entity.name.function.python#C092EEde
entity.name.label#FAB16Bde
entity.name.namespace#8DC5FDde
entity.name.operator#F098C4de
entity.name.operator.custom-literal#FEA4D1de
entity.name.scope-resolution#FDB063de
entity.name.tag#8FC5FDde
entity.name.tag.css#E4AF7Bde
entity.name.type#8DC5FDde
entity.name.variable#70D70Dde
entity.other.attribute#18DC7Bde
entity.other.attribute-name#BB8EE8de
entity.other.attribute-name.class.css#FAB16Bde
entity.other.attribute-name.class.mixin.css#75D713de
entity.other.attribute-name.id#8EC5FEde
entity.other.attribute-name.id.css#D6B0FEde
entity.other.attribute-name.parent-selector.css#FE9EFEde
entity.other.attribute-name.pseudo-class.css#FCB064de
entity.other.attribute-name.pseudo-element.css#13DC77de
entity.other.attribute-name.scss#92C0EEde
entity.other.document.begin.yaml#B9B9F86e
entity.other.inherited-class#15DB79de
header#FBB065de
invalid#FD9DFDde
keyword#FE9ECFde
keyword.codetag.notation.python#13DB77de
keyword.control#75D713de
keyword.control.anchor.regexp#FE97FEde
keyword.control.import.python#75D713de
keyword.operator#8CBCEBde
keyword.operator.alignas#FAB169de
keyword.operator.alignof#78D619de
keyword.operator.cast#FE97FEde
keyword.operator.delete#C89FF2de
keyword.operator.documentation.powershell#BABAFB6e
keyword.operator.expression#F9B166de
keyword.operator.instanceof#E681B4de
keyword.operator.logical.python#17DC7Ade
keyword.operator.minus.exponent#81B3E6de
keyword.operator.negation.regexp#CCA5F4de
keyword.operator.new#0FDA73de
keyword.operator.noexcept#13DC77de
keyword.operator.or.regexp#EB8CBCde
keyword.operator.plus.exponent#19DB79de
keyword.operator.quantifier.regexp#E6B381de
keyword.operator.sizeof#E6B381de
keyword.operator.typeid#D6B0FEde
keyword.operator.wordlike#10DB74de
keyword.other.operator#77D718de
keyword.other.package.java#FE9EFEde
keyword.other.unit#79D719de
keyword.other.using#7BAFE4de
markup.bold#FAB16Bde
markup.changed#E37CE3de
markup.deleted#FD9EFDde
markup.fenced_code.block.markdown#19DB79de
markup.heading#18DC7Bde
markup.inline.raw#77D718de
markup.inserted#D1ACF5de
markup.italic#8DC5FDde
markup.raw.block.markdown#E986B8de
markup.strikethrough#FEA5D0de
markup.underline#FAB16Bde
meta.block.c#E4AF7Bde
meta.block.c#FAB16Bde
meta.class.java#18DC7Bde
meta.definition.variable.name#E1AB76de
meta.diff.header#E383B3de
meta.embedded#8FC5FDde
meta.embedded.assembly#BC8DEBde
meta.function-call.arguments.python#10DB74de
meta.function-call.python#FE9ECFde
meta.member.access.python#71D610de
meta.method.java#77D719de
meta.object-literal.key#79D719de
meta.paragraph.markdown#19DB79de
meta.preprocessor#FD9DFDde
meta.preprocessor.numeric#13DC77de
meta.preprocessor.string#BB8EE8de
meta.scope.prerequisites.makefile#17DC7Ade
meta.structure.dictionary.json.comments#B9B9F86e
meta.structure.dictionary.key.python#E681E6de
meta.structure.dictionary.value.json.comments#B9B9FA6e
meta.template.expression#8EC5FDde
meta.type.cast.expr#FAB169de
meta.type.new.expr#D1ACF5de
parameter#D6AEFEde
punctuation.character.set.begin.regexp#FEA4D1de
punctuation.character.set.end.regexp#7BAFE4de
punctuation.definition.array.begin.json#E986B8de
punctuation.definition.character-class.regexp#75D616de
punctuation.definition.comment#B9B9F86e
punctuation.definition.comment.json.comments#B9B9FA6e
punctuation.definition.comment.python#BABAFB6e
punctuation.definition.dictionary.begin.json#F29FC8de
punctuation.definition.dictionary.end.json#E4AF7Bde
punctuation.definition.group.assertion.regexp#F29FF2de
punctuation.definition.group.regexp#75D616de
punctuation.definition.list.begin.json#75D616de
punctuation.definition.list.begin.markdown#78D619de
punctuation.definition.list.begin.python#19DB7Bde
punctuation.definition.list.end.json#FE97FEde
punctuation.definition.list.end.markdown#D6B0FEde
punctuation.definition.list.end.python#7BAFE4de
punctuation.definition.parameters.begin.python#76ABE1de
punctuation.definition.parameters.end.bracket.round.java#BC8DEBde
punctuation.definition.quote.begin.markdown#19DB79de
punctuation.definition.tag#EB8DEBde
punctuation.definition.template-expression.begin#BB8EE8de
punctuation.definition.template-expression.end#78D619de
punctuation.section.class.begin.bracket.curly.java#FE9EFEde
punctuation.section.embedded#FEA4D1de
punctuation.section.embedded.begin.php#EB8DEBde
punctuation.section.embedded.end.php#FAB065de
punctuation.terminator.java#BB8EE8de
source.cmake#8EC5FEde
source.coffee.embedded#E07DE0de
source.cpp#19DB7Bde
source.css.less#8FC5FDde
source.groovy.embedded#F29FC8de
source.java#86B8E9de
source.java-properties#18DB79de
source.json.comments#BABAFB6e
source.makefile#75D713de
source.powershell#76ABE1de
source.powershell.variable.other.member#19DB7Bde
source.python#17DC7Ade
storage#D6B0FEde
storage.modifier#FAB16Bde
storage.modifier.import.java#FCB064de
storage.modifier.package.java#F9B166de
storage.type#ED93EDde
storage.type.annotation.groovy#8DC5FDde
storage.type.annotation.java#78D619de
storage.type.boolean.go#FE9EFEde
storage.type.byte.go#79D719de
storage.type.cs#BB8EE8de
storage.type.error.go#75D713de
storage.type.generic.cs#BA8FE6de
storage.type.generic.groovy#71D80Fde
storage.type.generic.java#F099F0de
storage.type.groovy#FD9EFDde
storage.type.java#92C0EEde
storage.type.modifier.cs#F9B169de
storage.type.numeric.go#FE97FEde
storage.type.object.array.groovy#D6AEFEde
storage.type.object.array.java#BA8FE6de
storage.type.parameters.groovy#77D719de
storage.type.primitive.array.groovy#77D617de
storage.type.primitive.array.java#75D713de
storage.type.primitive.groovy#BB8EE8de
storage.type.primitive.java#76ABE1de
storage.type.rune.go#FD9DFDde
storage.type.string.go#17DC7Ade
storage.type.token.java#71D80Fde
storage.type.uintptr.go#98C4F0de
storage.type.variable.cs#FAB16Bde
string#FCB064de
string.quoted.docstring.multi.python#BABAFB6e
string.regexp#79D719de
string.tag#19DB7Bde
string.value#17DB79de
strong#FEA4D1de
support.class#D6AEFEde
support.constant.color#E986B8de
support.constant.dom#8EC5FEde
support.constant.font-name#8DC5FDde
support.constant.handlebars#FDB063de
support.constant.json#E581B2de
support.constant.math#81B3E6de
support.constant.media#F4A5CDde
support.constant.media-type#FAB16Bde
support.constant.property-value#E986B8de
support.function#0FDA73de
support.function.git-rebase#77D718de
support.other.parenthesis.regexp#BA8EE8de
support.type#BA8FE6de
support.type.property-name#15DB7Ade
support.type.vendored.property-name#E6B381de
support.variable#81B3E6de
token.debug-token#FD9DFDde
token.error-token#13DB77de
token.info-token#FBB065de
token.warn-token#FAB068de
variable#BC8DEBde
variable.css#F9B166de
variable.language#8FC5FDde
variable.language.wildcard.java#15DB79de
variable.other.constant#FAB16Ade
variable.other.definition.java#FAB16Bde
variable.other.enummember#8CBCEBde
variable.other.less#FE9EFEde
variable.other.object.java#D6B0FEde
variable.other.object.property.java#FE9ECFde
variable.parameter.c#FEA4D0de
variable.parameter.function.language.python#FE9EFEde
variable.parameter.java#E4AF7Bde
variable.scss#19DB7Bde
viiv by B.W - VS Code Theme