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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#B2B215fe
  • activityBar.activeFocusBorder#65656500
  • activityBar.background#0E0E0Efe
  • activityBar.border#65656500
  • activityBar.dropBorder#B1B10Bfe
  • activityBar.foreground#B1B10Afe
  • activityBar.inactiveForeground#ABABAB65
  • activityBarBadge.background#B2B211fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#B2B211fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#E9E9E9ce
  • banner.iconForeground#BFC2C8fe
  • breadcrumb.activeSelectionForeground#DCDCDCca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#B2B215fe
  • breadcrumb.foreground#E9E9E9ae
  • breadcrumbPicker.background#161616fe
  • button.background#414141ae
  • button.border#0C0E0E00
  • button.foreground#E9E9E9ce
  • button.hoverBackground#6363636e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#E9E9E9ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0C0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#E9E9E9ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bd
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#E9E9E9ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E9E9E9ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#491F348d
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#B1B113fe
  • commandCenter.background#161616fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E9E9E9ce
  • commandCenter.inactiveBorder#2D2D2D9d
  • commandCenter.inactiveForeground#ACACAC65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0E0E00
  • contrastBorder#0D0C0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E9E9E9ce
  • debugConsole.sourceForeground#E9E9E9ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B6C0BEfe
  • debugExceptionWidget.background#550055c3
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#BBBDC4fe
  • debugIcon.breakpointDisabledForeground#B9B9B965
  • debugIcon.breakpointForeground#DFE0E3fe
  • debugIcon.breakpointStackframeForeground#D0CDD4fe
  • debugIcon.breakpointUnverifiedForeground#BBC4C2fe
  • debugIcon.continueForeground#D3D3D3fe
  • debugIcon.disconnectForeground#B6C0BEfe
  • debugIcon.pauseForeground#C4BFC8fe
  • debugIcon.restartForeground#CCC8D0fe
  • debugIcon.startForeground#E2E3DFfe
  • debugIcon.stepBackForeground#CCC8D0fe
  • debugIcon.stepIntoForeground#DBD6D9fe
  • debugIcon.stepOutForeground#CDD4D2fe
  • debugIcon.stepOverForeground#CCC8D0fe
  • debugIcon.stopForeground#C4BFC8fe
  • debugTokenExpression.boolean#DDDADFca
  • debugTokenExpression.error#DADFDEca
  • debugTokenExpression.name#DADBD6ca
  • debugTokenExpression.number#DFDCDAca
  • debugTokenExpression.value#DCDCDCca
  • debugToolBar.background#550055bf
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#35273Eca
  • debugView.exceptionLabelForeground#D1D3D7ca
  • debugView.stateLabelBackground#2D2D2Dca
  • debugView.stateLabelForeground#DCDCDCca
  • debugView.valueChangedHighlight#DADFDEca
  • descriptionForeground#E9E9E9ce
  • diffEditor.border#0E0C0D00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0E0D0C00
  • diffEditor.move.border#0C0D0E00
  • diffEditor.moveActive.border#0B0B0B00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0E0C0D00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#E9E9E9ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E9E9E9ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#161616fe
  • editor.findMatchBackground#464952a2
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#494949a6
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#4C4F44ad
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#484B418a
  • editor.foldBackground#B7BAAFac
  • editor.foreground#E9E9E9ce
  • editor.hoverHighlightBackground#676A5Ca5
  • editor.inactiveSelectionBackground#49494999
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#E9E9E9ce
  • editor.lineHighlightBackground#343434b1
  • editor.lineHighlightBorder#0E0D0C00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#584C52a9
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#474A40a6
  • editor.selectionForeground#E5E5E5ca
  • editor.selectionHighlightBackground#4649518d
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#584F4Ca2
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#5C6A67ae
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#474952ab
  • editor.symbolHighlightBackground#676A5Cad
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#525252a7
  • editor.wordHighlightBorder#0C0E0E00
  • editor.wordHighlightStrongBackground#424C49a4
  • editor.wordHighlightStrongBorder#0C0E0E00
  • editor.wordHighlightTextBackground#4E4E4Ea3
  • editor.wordHighlightTextBorder#0C0D0E00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E9E9E9ce
  • editorBracketMatch.background#B5B8C0a8
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#BFB7B58e
  • editorBracketPairGuide.activeBackground2#AFBAB787
  • editorBracketPairGuide.activeBackground3#BEB6B389
  • editorBracketPairGuide.activeBackground4#BEB7B486
  • editorBracketPairGuide.activeBackground5#B6BAAE81
  • editorBracketPairGuide.activeBackground6#C0B6BA8e
  • editorBracketPairGuide.background1#202F2Bfe
  • editorBracketPairGuide.background2#3D262Ffe
  • editorBracketPairGuide.background3#33283Efe
  • editorBracketPairGuide.background4#22302Dfe
  • editorBracketPairGuide.background5#352641fe
  • editorBracketPairGuide.background6#3A2823fe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#B1B116fe
  • editorError.background#0D0C0E00
  • editorError.border#0E0C0D00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0E0C0D00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E9E9E9ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0C0D0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#1A1A1Aa1
  • editorGroupHeader.tabsBorder#0E0C0D00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#E9E9E9ce
  • editorGutter.commentRangeForeground#E9E9E9ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#E9E9E9ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0B0B00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E9E9E9ce
  • editorHoverWidget.highlightForeground#D2D4CDca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B2B214fe
  • editorIndentGuide.activeBackground2#B2B214fe
  • editorIndentGuide.activeBackground3#AFAF09fe
  • editorIndentGuide.activeBackground4#B1B114fe
  • editorIndentGuide.activeBackground5#B2B20Cfe
  • editorIndentGuide.activeBackground6#B1B114fe
  • editorIndentGuide.background1#B8B0AD35
  • editorIndentGuide.background2#A1A59735
  • editorIndentGuide.background3#99899135
  • editorIndentGuide.background4#9D8E9535
  • editorIndentGuide.background5#A0ADA935
  • editorIndentGuide.background6#ADB0A435
  • editorInfo.background#0C0D0E00
  • editorInfo.border#0E0E0C00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#E9E9E9ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#E9E9E9ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#E9E9E9ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#B1B117fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#B1B117fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055bc
  • editorMarkerNavigationError.headerBackground#550055b7
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E9E9E9ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9E9E9ce
  • editorOverviewRuler.currentContentForeground#cecece9b
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D1D3D7ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DADBD6ca
  • editorOverviewRuler.wordHighlightStrongForeground#E9E9E9ce
  • editorOverviewRuler.wordHighlightTextForeground#E9E9E9ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B9B9B932
  • editorStickyScroll.background#161616fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0C0D0E00
  • editorSuggestWidget.focusHighlightForeground#F59268fe
  • editorSuggestWidget.foreground#C2C4BBfe
  • editorSuggestWidget.highlightForeground#CDCFD4ca
  • editorSuggestWidget.selectedBackground#52464C81
  • editorSuggestWidget.selectedForeground#DADCDFca
  • editorSuggestWidget.selectedIconForeground#D1D3D7ca
  • editorSuggestWidgetStatus.foreground#D0CDD4fe
  • editorUnicodeHighlight.background#4C5855a3
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0E0E00
  • editorWarning.border#0B0B0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9E9E9ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E9E9E9ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#B2B214fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E9E9E9ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#E9E9E9ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0E0D0C00
  • extensionIcon.preReleaseForeground#DCDCDCfe
  • extensionIcon.sponsorForeground#CCC4C8fe
  • extensionIcon.starForeground#CBCBCBfe
  • extensionIcon.verifiedForeground#D6DBDAfe
  • focusBorder#0D0C0E00
  • foreground#E9E9E9ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#212F2Cca
  • inlineChat.border#2A2D1Fca
  • inlineChat.regionHighlight#E1DFE3ca
  • inlineChat.shadow#D0CDD4ca
  • inlineChatDiff.inserted#D4CFCDca
  • inlineChatDiff.removed#E3E0DFca
  • inlineChatInput.background#D6DBDAca
  • inlineChatInput.border#22302Dca
  • inlineChatInput.focusBorder#0C0D0E00
  • inlineChatInput.placeholderForeground#DBD6D9ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E9E9E9ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#B2B211fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#550055b8
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E9E9E9ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2D2D2D9b
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E9E9E9ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#5B546188
  • list.activeSelectionForeground#D8D8D8ca
  • list.activeSelectionIconForeground#DEDFDAca
  • list.deemphasizedForeground#E9E9E9ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0C0D0E00
  • list.focusBackground#49494997
  • list.focusForeground#B2B215fe
  • list.focusHighlightForeground#FD74B9fe
  • list.focusOutline#0E0D0C00
  • list.highlightForeground#D8D8D8ca
  • list.hoverBackground#292F18a8
  • list.hoverForeground#B1B117fe
  • list.inactiveFocusBackground#27272793
  • list.inactiveFocusOutline#0D0C0E00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B9B9B965
  • list.inactiveSelectionIconForeground#B9B9B965
  • list.invalidItemForeground#E9E9E9ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0E0C0D00
  • listFilterWidget.outline#0D0C0E00
  • listFilterWidget.shadow#0C0D0E00
  • menu.background#0E0E0Efe
  • menu.border#0E0D0C00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#474A40ac
  • menu.selectionBorder#0C0E0E00
  • menu.selectionForeground#B2B218fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#494A40a7
  • menubar.selectionBorder#0D0C0E00
  • menubar.selectionForeground#B1B110fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#22222224
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bb
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E1E32
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#797979fe
  • minimapSlider.background#414141ae
  • minimapSlider.hoverBackground#5252526e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#CDD4D2ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DBD7D6ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#B2B218fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#7070708e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#E9E9E9ce
  • notebookScrollbarSlider.activeBackground#747474fe
  • notebookScrollbarSlider.background#414141ae
  • notebookScrollbarSlider.hoverBackground#5252526e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#D0CAC8fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#E9E9E9ce
  • notificationLink.foreground#E9E9E9ce
  • notifications.background#161616fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E9E9E9ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C2C4BBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#161616fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E9E9E9ce
  • panelTitle.activeBorder#0E0E0C00
  • panelTitle.activeForeground#B1B10Bfe
  • panelTitle.inactiveForeground#ACACAC65
  • peekView.border#B2B216fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#54576184
  • peekViewEditor.matchHighlightBorder#0B0B0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E9E9E9ce
  • peekViewResult.lineForeground#E9E9E9ce
  • peekViewResult.matchHighlightBackground#5D535089
  • peekViewResult.selectionBackground#4C47528b
  • peekViewResult.selectionForeground#DFDCDAca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E9E9E9ce
  • peekViewTitleLabel.foreground#E9E9E9ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E9E9E9ce
  • ports.iconRunningProcessForeground#BFC8C6fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#B2B214fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E9E9E9ae
  • quickInputList.focusBackground#444F4Cac
  • quickInputList.focusForeground#B2B218fe
  • quickInputList.focusIconForeground#B2B217fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0E0D0C00
  • scrollbarSlider.activeBackground#676767fe
  • scrollbarSlider.background#414141ae
  • scrollbarSlider.hoverBackground#5252526e
  • search.resultsInfoForeground#E9E9E9ce
  • searchEditor.findMatchBackground#4E4854ad
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#161616fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E9E9E9ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E9E9E9ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#52464C82
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E9E9E9ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E9E9E9ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#B1B117fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E9E9E9ce
  • sideBar.background#161616fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0E0C0D00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E9E9E9ce
  • sideBarTitle.foreground#E9E9E9ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055c0
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E9E9E9ce
  • statusBar.focusBorder#0E0C0D00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E9E9E9ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055c5
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055c8
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0E0C00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#B2B218fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E9E9E9ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#B1B117fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E9E9E9ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#B1B113fe
  • statusBarItem.remoteBackground#B2B214fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#B2B218fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#DFDADDfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#BBC4C2fe
  • symbolIcon.colorForeground#D8D8D8fe
  • symbolIcon.constantForeground#C8CAD0fe
  • symbolIcon.constructorForeground#D0C8CCfe
  • symbolIcon.enumeratorForeground#E1DFE3fe
  • symbolIcon.enumeratorMemberForeground#C4CCCAfe
  • symbolIcon.eventForeground#DDDADFfe
  • symbolIcon.fieldForeground#C6C8BFfe
  • symbolIcon.fileForeground#DDDADFfe
  • symbolIcon.folderForeground#D0CAC8fe
  • symbolIcon.functionForeground#C2C4BBfe
  • symbolIcon.interfaceForeground#D4CFCDfe
  • symbolIcon.keyForeground#DEDFDAfe
  • symbolIcon.keywordForeground#C8CAD0fe
  • symbolIcon.methodForeground#BBB6C0fe
  • symbolIcon.moduleForeground#D4CFCDfe
  • symbolIcon.namespaceForeground#CFCFCFfe
  • symbolIcon.nullForeground#D8D8D8fe
  • symbolIcon.numberForeground#E3DFE1fe
  • symbolIcon.objectForeground#D7D3D1fe
  • symbolIcon.operatorForeground#BBC4C2fe
  • symbolIcon.packageForeground#D6DBDAfe
  • symbolIcon.propertyForeground#E3E0DFfe
  • symbolIcon.referenceForeground#D2D4CDfe
  • symbolIcon.snippetForeground#DCDCDCfe
  • symbolIcon.stringForeground#BBBDC4fe
  • symbolIcon.structForeground#B6C0BEfe
  • symbolIcon.textForeground#BBB6C0fe
  • symbolIcon.typeParameterForeground#BFBBC4fe
  • symbolIcon.unitForeground#DFE0E3fe
  • symbolIcon.variableForeground#CACCC4fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0D0C0E00
  • tab.activeBorderTop#B1B10Afe
  • tab.activeForeground#B2B215fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0E0D0C00
  • tab.hoverBackground#B7B9AEa3
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#B2B218fe
  • tab.inactiveBackground#2727279a
  • tab.inactiveForeground#ACACAC65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#2222222b
  • tab.unfocusedActiveBorder#0E0D0C00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ACACAC65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B8B8B835
  • tab.unfocusedHoverBorder#1E1E1E24
  • tab.unfocusedHoverForeground#ACACAC65
  • tab.unfocusedInactiveBackground#2F2F2F9c
  • tab.unfocusedInactiveForeground#ACACAC65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339e
  • 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#670067c7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#2B2B2B95
  • terminal.selectionBackground#4854518d
  • terminal.selectionForeground#D6D7DBca
  • terminal.tab.activeBorder#B1B10Afe
  • terminalCommandDecoration.defaultBackground#BAB6BFa1
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#B1B117fe
  • terminalOverviewRuler.cursorForeground#E9E9E9ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0aa
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#D2D247fe
  • testing.message.error.lineBackground#5500559d
  • testing.message.info.decorationForeground#D5D54Dfe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#B2B218fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E9E9E9ce
  • textSeparator.foreground#E9E9E9ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ABABABae
  • titleBar.border#0C0D0E00
  • titleBar.inactiveBackground#222222d6
  • titleBar.inactiveForeground#ACACAC65
  • toolbar.activeBackground#3528408a
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0C0D0E00
  • tree.inactiveIndentGuidesStroke#B3ADB835
  • tree.indentGuidesStroke#BFBF37fe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#E9E9E9ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#E9E9E9ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0C0D0E00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C0C0C06e
comment.block.html#C0C0C06e
comment.block.java#BFBFBF6e
comment.block.javadoc.java#C0C0C06e
comment.block.powershell#C0C0C06e
comment.block.xml#C0C0C06e
comment.line.double-slash.c#C0C0C06e
comment.line.double-slash.cpp#C0C0C06e
comment.line.double-slash.java#C0C0C06e
comment.line.double-slash.js#C0C0C06e
comment.line.number-sign.makefile#C0C0C06e
comment.line.number-sign.python#C0C0C06e
comment.line.number-sign.yaml#C0C0C06e
comment.line.percentage.erlang#C0C0C06e
comment.line.powershell#C0C0C06e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#BFBFBF6e
constant.character#75AFEAde
constant.character.character-class.regexp#C6C610de
constant.character.escape#13DA90de
constant.character.set.regexp#10DA8Dde
constant.language#E77CCCde
constant.numeric#FEA2E7de
constant.numeric.dec.python#B291EBde
constant.other.caps.python#C6C616de
constant.other.character-class.regexp#EA8677de
constant.other.character-class.set.regexp#13DB8Fde
constant.other.color.rgb-value#C6C610de
constant.other.placeholder#FEA69Ade
constant.other.rgb-value#14DA90de
constant.regexp#90C1F2de
constant.sha.git-rebase#82B8EEde
emphasis#FEABA0de
entity.name.class#CFB2FEde
entity.name.function#CEB5F9de
entity.name.function.preprocessor#B492ECde
entity.name.function.python#E98779de
entity.name.label#89BDF0de
entity.name.namespace#C5C510de
entity.name.operator#FEAB9Fde
entity.name.operator.custom-literal#46DB13de
entity.name.scope-resolution#14DA8Fde
entity.name.tag#F29C90de
entity.name.tag.css#8DC5FDde
entity.name.type#E78779de
entity.name.variable#FEABA0de
entity.other.attribute#EE9082de
entity.other.attribute-name#8CC5FDde
entity.other.attribute-name.class.css#12DA90de
entity.other.attribute-name.class.mixin.css#B291EBde
entity.other.attribute-name.id#FEA1E7de
entity.other.attribute-name.id.css#43DC10de
entity.other.attribute-name.parent-selector.css#13DB8Fde
entity.other.attribute-name.pseudo-class.css#F4A397de
entity.other.attribute-name.pseudo-element.css#E97ACDde
entity.other.attribute-name.scss#B390EEde
entity.other.document.begin.yaml#C0C0C06e
entity.other.inherited-class#13DA8Fde
header#FEA69Ade
invalid#B590F2de
keyword#F497DDde
keyword.codetag.notation.python#BA97F4de
keyword.control#0FDB90de
keyword.control.anchor.regexp#C5C516de
keyword.control.import.python#F4A397de
keyword.operator#C5C514de
keyword.operator.alignas#B490F0de
keyword.operator.alignof#C7C709de
keyword.operator.cast#C6C616de
keyword.operator.delete#C5C516de
keyword.operator.documentation.powershell#C0C0C06e
keyword.operator.expression#F59EE0de
keyword.operator.instanceof#F5A99Ede
keyword.operator.logical.python#42DC10de
keyword.operator.minus.exponent#75AFEAde
keyword.operator.negation.regexp#CFB2FEde
keyword.operator.new#FEA1E8de
keyword.operator.noexcept#B590F0de
keyword.operator.or.regexp#F089D6de
keyword.operator.plus.exponent#BA97F4de
keyword.operator.quantifier.regexp#8EC5FEde
keyword.operator.sizeof#C4A6F7de
keyword.operator.typeid#B492ECde
keyword.operator.wordlike#89BDF0de
keyword.other.operator#45DB13de
keyword.other.package.java#13DA8Fde
keyword.other.unit#FEA69Ade
keyword.other.using#F59EE0de
markup.bold#B490EFde
markup.changed#42DC10de
markup.deleted#FEA69Ade
markup.fenced_code.block.markdown#90C1F2de
markup.heading#C6C616de
markup.inline.raw#B390EEde
markup.inserted#45DC12de
markup.italic#E98779de
markup.raw.block.markdown#BF9EF5de
markup.strikethrough#90C1F2de
markup.underline#43DD0Fde
meta.block.c#C5C514de
meta.block.c#FEAB9Fde
meta.class.java#EA79CEde
meta.definition.variable.name#F089D6de
meta.diff.header#B391EDde
meta.embedded#8BC5FDde
meta.embedded.assembly#B490EFde
meta.function-call.arguments.python#B391EDde
meta.function-call.python#13DA90de
meta.member.access.python#C5C514de
meta.method.java#44DC12de
meta.object-literal.key#46DB13de
meta.paragraph.markdown#8BC5FDde
meta.preprocessor#B590F2de
meta.preprocessor.numeric#8AC5FEde
meta.preprocessor.string#13DB8Fde
meta.scope.prerequisites.makefile#C5C514de
meta.structure.dictionary.json.comments#C0C0C06e
meta.structure.dictionary.key.python#0ED98Fde
meta.structure.dictionary.value.json.comments#C0C0C06e
meta.template.expression#B490F0de
meta.type.cast.expr#B291EBde
meta.type.new.expr#FEABA0de
parameter#C6C614de
punctuation.character.set.begin.regexp#C4A6F7de
punctuation.character.set.end.regexp#F4A397de
punctuation.definition.array.begin.json#46DB13de
punctuation.definition.character-class.regexp#C9ADF8de
punctuation.definition.comment#C0C0C06e
punctuation.definition.comment.json.comments#C0C0C06e
punctuation.definition.comment.python#C0C0C06e
punctuation.definition.dictionary.begin.json#EC7CD0de
punctuation.definition.dictionary.end.json#B490EFde
punctuation.definition.group.assertion.regexp#EA79CEde
punctuation.definition.group.regexp#C9ADF8de
punctuation.definition.list.begin.json#FEAB9Fde
punctuation.definition.list.begin.markdown#E77CCCde
punctuation.definition.list.begin.python#75AFEAde
punctuation.definition.list.end.json#FEA1E7de
punctuation.definition.list.end.markdown#68A7E5de
punctuation.definition.list.end.python#C6C610de
punctuation.definition.parameters.begin.python#12DA90de
punctuation.definition.parameters.end.bracket.round.java#B390EEde
punctuation.definition.quote.begin.markdown#E78779de
punctuation.definition.tag#0ED98Fde
punctuation.definition.template-expression.begin#13DA90de
punctuation.definition.template-expression.end#0FDB90de
punctuation.section.class.begin.bracket.curly.java#43DC10de
punctuation.section.embedded#F7A6E3de
punctuation.section.embedded.begin.php#B490F0de
punctuation.section.embedded.end.php#EC8A7Cde
punctuation.terminator.java#6FABE8de
source.cmake#46DC14de
source.coffee.embedded#FEA69Ade
source.cpp#BF9EF5de
source.css.less#8EC5FEde
source.groovy.embedded#E78779de
source.java#CEB5F9de
source.java-properties#14DA8Fde
source.json.comments#C0C0C06e
source.makefile#B490EFde
source.powershell#45DC13de
source.powershell.variable.other.member#46DC13de
source.python#46DB13de
storage#C5C516de
storage.modifier#F4A397de
storage.modifier.import.java#C5C510de
storage.modifier.package.java#F497DDde
storage.type#45DC13de
storage.type.annotation.groovy#EA79CEde
storage.type.annotation.java#0ED98Fde
storage.type.boolean.go#13DB8Fde
storage.type.byte.go#C5C510de
storage.type.cs#E77CCCde
storage.type.error.go#8EC5FEde
storage.type.generic.cs#90C1F2de
storage.type.generic.groovy#C5C510de
storage.type.generic.java#11DB8Fde
storage.type.groovy#CFB2FEde
storage.type.java#EA79CEde
storage.type.modifier.cs#C5C516de
storage.type.numeric.go#14DA90de
storage.type.object.array.groovy#45DB13de
storage.type.object.array.java#E77CCCde
storage.type.parameters.groovy#13DB90de
storage.type.primitive.array.groovy#10DA8Dde
storage.type.primitive.array.java#6FABE8de
storage.type.primitive.groovy#FEA1E8de
storage.type.primitive.java#44DC12de
storage.type.rune.go#45DB13de
storage.type.string.go#EE82D3de
storage.type.token.java#FEA1E7de
storage.type.uintptr.go#90C1F2de
storage.type.variable.cs#E77CCCde
string#8BC5FDde
string.quoted.docstring.multi.python#C0C0C06e
string.regexp#13DA90de
string.tag#C5C515de
string.value#90C1F2de
strong#C5C516de
support.class#44DC0Fde
support.constant.color#43DC10de
support.constant.dom#FEA2E7de
support.constant.font-name#13DA8Fde
support.constant.handlebars#B391EDde
support.constant.json#E78779de
support.constant.math#7CB4ECde
support.constant.media#8BC5FDde
support.constant.media-type#E8887Ade
support.constant.property-value#45DC12de
support.function#45DC12de
support.function.git-rebase#F29C90de
support.other.parenthesis.regexp#EA8677de
support.type#B590F0de
support.type.property-name#75AFEAde
support.type.vendored.property-name#13DA90de
support.variable#88C2FEde
token.debug-token#46DC14de
token.error-token#0FDB90de
token.info-token#EA8677de
token.warn-token#FEA69Ade
variable#46DB13de
variable.css#C5C516de
variable.language#10DA8Dde
variable.language.wildcard.java#BA97F4de
variable.other.constant#B590F0de
variable.other.definition.java#F59EE0de
variable.other.enummember#43DC10de
variable.other.less#45DC13de
variable.other.object.java#43DC10de
variable.other.object.property.java#E97ACDde
variable.parameter.c#10DA8Dde
variable.parameter.function.language.python#E98779de
variable.parameter.java#FEAB9Fde
variable.scss#8AC5FEde
viiv by B.W - VS Code Theme