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#151515fe
  • activityBar.activeBackground#151515fe
  • activityBar.activeBorder#07C41Cfe
  • activityBar.activeFocusBorder#5C646B00
  • activityBar.background#0E0E0Efe
  • activityBar.border#57666600
  • activityBar.dropBorder#0DC520fe
  • activityBar.foreground#0DC520fe
  • activityBar.inactiveForeground#AAAAAA65
  • activityBarBadge.background#0FC622fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#0EC622fe
  • badge.foreground#0E0E0Efe
  • banner.background#151515fe
  • banner.foreground#E8E8E8ce
  • banner.iconForeground#C2CECCfe
  • breadcrumb.activeSelectionForeground#D4D0D9ca
  • breadcrumb.background#0F0F0Ffe
  • breadcrumb.focusForeground#0EC521fe
  • breadcrumb.foreground#E6E6E6ae
  • breadcrumbPicker.background#151515fe
  • button.background#404040ae
  • button.border#0E0D0C00
  • button.foreground#E8E8E8ce
  • button.hoverBackground#5555556e
  • button.secondaryBackground#151515fe
  • button.secondaryForeground#E8E8E8ce
  • button.secondaryHoverBackground#151515fe
  • button.separator#0C0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067af
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#151515fe
  • chat.slashCommandForeground#E8E8E8ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E8E8E8ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#2A2D3686
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#10C523fe
  • commandCenter.background#151515fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E8E8E8ce
  • commandCenter.inactiveBorder#2D2D2D94
  • commandCenter.inactiveForeground#AAAAAA65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0E0C00
  • contrastBorder#0C0D0E00
  • debugConsole.errorForeground#FF8BFEce
  • debugConsole.infoForeground#E8E8E8ce
  • debugConsole.sourceForeground#E8E8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D9D0D4fe
  • debugExceptionWidget.background#550055c6
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#C0C2B4fe
  • debugIcon.breakpointDisabledForeground#B6B6B665
  • debugIcon.breakpointForeground#CFCFCFfe
  • debugIcon.breakpointStackframeForeground#D5D7DDfe
  • debugIcon.breakpointUnverifiedForeground#C6B9BFfe
  • debugIcon.continueForeground#C2C2C2fe
  • debugIcon.disconnectForeground#E0E0E0fe
  • debugIcon.pauseForeground#BBB4C2fe
  • debugIcon.restartForeground#E4DEE1fe
  • debugIcon.startForeground#C2CECCfe
  • debugIcon.stepBackForeground#D1C7CCfe
  • debugIcon.stepIntoForeground#C6C6C6fe
  • debugIcon.stepOutForeground#C2C2C2fe
  • debugIcon.stepOverForeground#D4D0D9fe
  • debugIcon.stopForeground#CBCBCBfe
  • debugTokenExpression.boolean#CBD5D4ca
  • debugTokenExpression.error#CBCFD5ca
  • debugTokenExpression.name#DBDDD5ca
  • debugTokenExpression.number#D4D5CBca
  • debugTokenExpression.value#E3E4DEca
  • debugToolBar.background#550055a8
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#2C2D1Eca
  • debugView.exceptionLabelForeground#D9D0D4ca
  • debugView.stateLabelBackground#3D2531ca
  • debugView.stateLabelForeground#E0DCD9ca
  • debugView.valueChangedHighlight#DDD5D9ca
  • descriptionForeground#E8E8E8ce
  • diffEditor.border#0E0E0C00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0D0C0E00
  • diffEditor.move.border#0C0E0E00
  • diffEditor.moveActive.border#0E0D0C00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0C0E0E00
  • diffEditor.unchangedCodeBackground#151515fe
  • diffEditor.unchangedRegionBackground#151515fe
  • diffEditor.unchangedRegionForeground#E8E8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6B665
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E8E8E8ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#151515fe
  • editor.findMatchBackground#695B55ad
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#524742a9
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#52495Bab
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#4E465684
  • editor.foldBackground#B5B8A7a8
  • editor.foreground#E8E8E8ce
  • editor.hoverHighlightBackground#585F6Ea9
  • editor.inactiveSelectionBackground#49494998
  • editor.inlineValuesBackground#151515fe
  • editor.inlineValuesForeground#E8E8E8ce
  • editor.lineHighlightBackground#373737b5
  • editor.lineHighlightBorder#0E0E0C00
  • editor.linkedEditingBackground#151515fe
  • editor.rangeHighlightBackground#444955aa
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#484A3Ca5
  • editor.selectionForeground#D0D9D7ca
  • editor.selectionHighlightBackground#564B4688
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#54444Ca9
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#555B69ab
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#6E5863a2
  • editor.symbolHighlightBackground#484A3Ca1
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#484A3Ca1
  • editor.wordHighlightBorder#0E0E0C00
  • editor.wordHighlightStrongBackground#5B4952a8
  • editor.wordHighlightStrongBorder#0E0E0C00
  • editor.wordHighlightTextBackground#64515Bae
  • editor.wordHighlightTextBorder#0B0B0B00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8E8ce
  • editorBracketMatch.background#C0B5B0a5
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#ABBAB88c
  • editorBracketPairGuide.activeBackground2#B6B8A784
  • editorBracketPairGuide.activeBackground3#B2B7C18c
  • editorBracketPairGuide.activeBackground4#B6B8A783
  • editorBracketPairGuide.activeBackground5#BCB4C387
  • editorBracketPairGuide.activeBackground6#BFB4AF88
  • editorBracketPairGuide.background1#352A22fe
  • editorBracketPairGuide.background2#392821fe
  • editorBracketPairGuide.background3#1E2E2Afe
  • editorBracketPairGuide.background4#2D2D2Dfe
  • editorBracketPairGuide.background5#2A2D34fe
  • editorBracketPairGuide.background6#262C40fe
  • editorCodeLens.foreground#B6B6B66e
  • editorCommentsWidget.rangeActiveBackground#B6B6B6fe
  • editorCommentsWidget.rangeBackground#151515fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#151515fe
  • editorCursor.foreground#0FC622fe
  • editorError.background#0C0E0E00
  • editorError.border#0E0C0D00
  • editorError.foreground#FF8BFEce
  • editorGhostText.background#151515fe
  • editorGhostText.border#0E0C0D00
  • editorGhostText.foreground#B6B6B66e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#151515fe
  • editorGroup.dropIntoPromptBackground#151515fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E8E8E8ce
  • editorGroup.emptyBackground#151515fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0C0D0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#151515a1
  • editorGroupHeader.tabsBorder#0E0E0C00
  • editorGutter.addedBackground#7DC780fb
  • editorGutter.background#151515fe
  • editorGutter.commentGlyphForeground#E8E8E8ce
  • editorGutter.commentRangeForeground#E8E8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9B9Bcb
  • editorGutter.foldingControlForeground#E8E8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0C0E00
  • editorHint.foreground#BEAAFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E8E8E8ce
  • editorHoverWidget.highlightForeground#E4E4E4ca
  • editorHoverWidget.statusBarBackground#151515fe
  • editorIndentGuide.activeBackground1#07C61Bfe
  • editorIndentGuide.activeBackground2#0DC520fe
  • editorIndentGuide.activeBackground3#0EC621fe
  • editorIndentGuide.activeBackground4#0FC521fe
  • editorIndentGuide.activeBackground5#05C419fe
  • editorIndentGuide.activeBackground6#07C41Cfe
  • editorIndentGuide.background1#8FA4A135
  • editorIndentGuide.background2#AC9F9835
  • editorIndentGuide.background3#ADB09D35
  • editorIndentGuide.background4#A1A7B335
  • editorIndentGuide.background5#A1B3B035
  • editorIndentGuide.background6#BFB4AF35
  • editorInfo.background#0C0E0E00
  • editorInfo.border#0C0D0E00
  • editorInfo.foreground#BEAAFFce
  • editorInlayHint.background#151515fe
  • editorInlayHint.foreground#E8E8E8ce
  • editorInlayHint.parameterBackground#151515fe
  • editorInlayHint.parameterForeground#E8E8E8ce
  • editorInlayHint.typeBackground#151515fe
  • editorInlayHint.typeForeground#E8E8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0FC622fe
  • editorLineNumber.dimmedForeground#B6B6B66e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#0EC521fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055c6
  • editorMarkerNavigationError.headerBackground#550055a3
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151515fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E8E8E8ce
  • editorOverviewRuler.commentForeground#B6B6B66e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8E8ce
  • editorOverviewRuler.currentContentForeground#cececebe
  • editorOverviewRuler.deletedForeground#FF9B9Bcb
  • editorOverviewRuler.errorForeground#FF8BFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BEAAFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E0DCD9ca
  • editorOverviewRuler.selectionHighlightForeground#BEAAFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E0DCD9ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8E8ce
  • editorPane.background#151515fe
  • editorRuler.foreground#B6B6B62e
  • editorStickyScroll.background#151515fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0E0C0D00
  • editorSuggestWidget.focusHighlightForeground#74A5FDfe
  • editorSuggestWidget.foreground#CBD5D4fe
  • editorSuggestWidget.highlightForeground#E0DCD9ca
  • editorSuggestWidget.selectedBackground#6457518e
  • editorSuggestWidget.selectedForeground#E0DCD9ca
  • editorSuggestWidget.selectedIconForeground#CBCFD5ca
  • editorSuggestWidgetStatus.foreground#D5D7DDfe
  • editorUnicodeHighlight.background#564D60ad
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0D00
  • editorWarning.border#0E0D0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8E8ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E8E8E8ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF8BFEce
  • extensionBadge.remoteBackground#0EC622fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E8E8E8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#151515fe
  • extensionButton.prominentForeground#E8E8E8ce
  • extensionButton.prominentHoverBackground#151515fe
  • extensionButton.separator#0E0C0D00
  • extensionIcon.preReleaseForeground#D7D9D0fe
  • extensionIcon.sponsorForeground#CBCFD5fe
  • extensionIcon.starForeground#E0DCD9fe
  • extensionIcon.verifiedForeground#E0E0E0fe
  • focusBorder#0D0C0E00
  • foreground#E8E8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9B9Bcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BEAAFFce
  • gitDecoration.stageDeletedResourceForeground#FF9B9Bcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#2A2E1Eca
  • inlineChat.border#2C2C2Cca
  • inlineChat.regionHighlight#DDD7D5ca
  • inlineChat.shadow#D9D3D0ca
  • inlineChatDiff.inserted#D0D9D7ca
  • inlineChatDiff.removed#E4E4E4ca
  • inlineChatInput.background#E0DCD9ca
  • inlineChatInput.border#2C2C2Cca
  • inlineChatInput.focusBorder#0E0C0D00
  • inlineChatInput.placeholderForeground#D5D7DDca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E8E8E8ce
  • input.placeholderForeground#B6B6B665
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#10C622fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067be
  • inputValidation.errorBorder#550055a0
  • inputValidation.errorForeground#FF8BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E8E8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2D2D2D9b
  • keybindingLabel.background#151515fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E8E8E8ce
  • keybindingTable.headerBackground#151515fe
  • keybindingTable.rowsBackground#151515fe
  • list.activeSelectionBackground#6A6E5886
  • list.activeSelectionForeground#DEE0E4ca
  • list.activeSelectionIconForeground#E1DEE4ca
  • list.deemphasizedForeground#E8E8E8ce
  • list.dropBackground#151515fe
  • list.errorForeground#FF8BFEce
  • list.filterMatchBackground#151515fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0E0C0D00
  • list.focusBackground#49494996
  • list.focusForeground#0BC61Ffe
  • list.focusHighlightForeground#4DBDACfe
  • list.focusOutline#0D0C0E00
  • list.highlightForeground#DFE0D9ca
  • list.hoverBackground#2B2C24a1
  • list.hoverForeground#0FC622fe
  • list.inactiveFocusBackground#2E2E2E99
  • list.inactiveFocusOutline#0B0B0B00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B6B6B665
  • list.inactiveSelectionIconForeground#B9B9B965
  • list.invalidItemForeground#E8E8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151515fe
  • listFilterWidget.noMatchesOutline#0E0E0C00
  • listFilterWidget.outline#0E0D0C00
  • listFilterWidget.shadow#0C0E0E00
  • menu.background#0E0E0Efe
  • menu.border#0E0C0D00
  • menu.foreground#E8E8E8ae
  • menu.selectionBackground#484A3Dac
  • menu.selectionBorder#0D0C0E00
  • menu.selectionForeground#10C622fe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#484A3Da1
  • menubar.selectionBorder#0B0B0B00
  • menubar.selectionForeground#0FC622fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#151515fe
  • merge.commonHeaderBackground#151515fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#151515fe
  • mergeEditor.change.word.background#151515fe
  • mergeEditor.changeBase.background#151515fe
  • mergeEditor.changeBase.word.background#151515fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#1D1D1D38
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a6
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#1D1D1D32
  • mergeEditor.conflictingLines.background#151515fe
  • minimap.background#151515fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7DC780fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#676767fe
  • minimapSlider.background#3C3C3Cae
  • minimapSlider.hoverBackground#6262626e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#151515fe
  • notebook.cellHoverBackground#151515fe
  • notebook.cellInsertionIndicator#DEE4E3ca
  • notebook.cellStatusBarItemHoverBackground#151515fe
  • notebook.cellToolbarSeparator#D9E0DFca
  • notebook.editorBackground#151515fe
  • notebook.focusedCellBackground#151515fe
  • notebook.focusedCellBorder#10C622fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6B6B6B8e
  • notebook.inactiveSelectedCellBorder#6B6B6B8e
  • notebook.outputContainerBackgroundColor#151515fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#151515fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#151515fe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8E8ce
  • notebookScrollbarSlider.activeBackground#6B6B6Bfe
  • notebookScrollbarSlider.background#4D4D4Dae
  • notebookScrollbarSlider.hoverBackground#6262626e
  • notebookStatusErrorIcon.foreground#FF8BFEce
  • notebookStatusRunningIcon.foreground#B4B9C2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#151515fe
  • notificationCenterHeader.foreground#E8E8E8ce
  • notificationLink.foreground#E8E8E8ce
  • notifications.background#151515fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E8E8E8ce
  • notificationsErrorIcon.foreground#FF8BFEce
  • notificationsInfoIcon.foreground#E0D9DDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#151515fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#151515fe
  • panelSectionHeader.background#151515fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E8E8E8ce
  • panelTitle.activeBorder#0E0C0D00
  • panelTitle.activeForeground#0DC621fe
  • panelTitle.inactiveForeground#ABABAB65
  • peekView.border#0EC621fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#4D455688
  • peekViewEditor.matchHighlightBorder#0C0D0E00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#151515fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E8E8E8ce
  • peekViewResult.lineForeground#E8E8E8ce
  • peekViewResult.matchHighlightBackground#464B5681
  • peekViewResult.selectionBackground#695B5586
  • peekViewResult.selectionForeground#DEE0E4ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E8E8E8ce
  • peekViewTitleLabel.foreground#E8E8E8ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E8E8E8ce
  • ports.iconRunningProcessForeground#CBCFD5fe
  • problemsErrorIcon.foreground#FF8BFEce
  • problemsInfoIcon.foreground#BEAAFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0FC622fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#151515fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E8E8E8ae
  • quickInputList.focusBackground#483A41a9
  • quickInputList.focusForeground#0AC61Efe
  • quickInputList.focusIconForeground#0EC521fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0D0C0E00
  • scrollbarSlider.activeBackground#6B6B6Bfe
  • scrollbarSlider.background#3C3C3Cae
  • scrollbarSlider.hoverBackground#5E5E5E6e
  • search.resultsInfoForeground#E8E8E8ce
  • searchEditor.findMatchBackground#55444Ca3
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#151515fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E8E8E8ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E8E8E8ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#42524F83
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E8E8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E8E8E8ce
  • settings.rowHoverBackground#151515fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#0FC522fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E8E8E8ce
  • sideBar.background#151515fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#151515fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0C0E0E00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E8E8E8ce
  • sideBarTitle.foreground#E8E8E8ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055ad
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E8E8E8ce
  • statusBar.focusBorder#0D0C0E00
  • statusBar.foreground#B6B6B66e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E8E8E8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055ca
  • statusBarItem.errorForeground#FF8BFEce
  • statusBarItem.errorHoverBackground#550055c7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0E0E00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#0CC621fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E8E8E8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#0EC521fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E8E8E8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#0EC521fe
  • statusBarItem.remoteBackground#0BC61Ffe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#0BC61Ffe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#E4E0DEfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#CCC7D1fe
  • symbolIcon.colorForeground#D7D9D0fe
  • symbolIcon.constantForeground#D1C7CCfe
  • symbolIcon.constructorForeground#C6B9BFfe
  • symbolIcon.enumeratorForeground#D5CBD0fe
  • symbolIcon.enumeratorMemberForeground#D9D3D0fe
  • symbolIcon.eventForeground#D9D0D4fe
  • symbolIcon.fieldForeground#E3E4DEfe
  • symbolIcon.fileForeground#BDBDBDfe
  • symbolIcon.folderForeground#C2B9B4fe
  • symbolIcon.functionForeground#C4C6B9fe
  • symbolIcon.interfaceForeground#D9DCE0fe
  • symbolIcon.keyForeground#D5CBD0fe
  • symbolIcon.keywordForeground#B4C2C0fe
  • symbolIcon.methodForeground#DDD7D5fe
  • symbolIcon.moduleForeground#D5DDDBfe
  • symbolIcon.namespaceForeground#D5DDDBfe
  • symbolIcon.nullForeground#C6B9BFfe
  • symbolIcon.numberForeground#E3E4DEfe
  • symbolIcon.objectForeground#D9D0D4fe
  • symbolIcon.operatorForeground#E0D9DDfe
  • symbolIcon.packageForeground#C2C6CEfe
  • symbolIcon.propertyForeground#D7D9D0fe
  • symbolIcon.referenceForeground#C6BDB9fe
  • symbolIcon.snippetForeground#C2C2C2fe
  • symbolIcon.stringForeground#C8CABDfe
  • symbolIcon.structForeground#C8CABDfe
  • symbolIcon.textForeground#D1C7CCfe
  • symbolIcon.typeParameterForeground#CEC2C8fe
  • symbolIcon.unitForeground#B4B9C2fe
  • symbolIcon.variableForeground#CEC2C8fe
  • tab.activeBackground#0F0F0Ffe
  • tab.activeBorder#0E0C0D00
  • tab.activeBorderTop#0EC621fe
  • tab.activeForeground#0CC520fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0C0D0E00
  • tab.hoverBackground#B7B9A9a6
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#0EC521fe
  • tab.inactiveBackground#2D2D2D9e
  • tab.inactiveForeground#A8A8A865
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#2222223d
  • tab.unfocusedActiveBorder#0E0D0C00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ABABAB65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B6B6B635
  • tab.unfocusedHoverBorder#2222223a
  • tab.unfocusedHoverForeground#AAAAAA65
  • tab.unfocusedInactiveBackground#2A2A2A9d
  • tab.unfocusedInactiveForeground#ABABAB65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a8
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebe
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151515fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#151515fe
  • terminal.findMatchBackground#151515fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#151515fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#151515fe
  • terminal.inactiveSelectionBackground#2E2E2E99
  • terminal.selectionBackground#6A6E5885
  • terminal.selectionForeground#D5DDDBca
  • terminal.tab.activeBorder#0DC520fe
  • terminalCommandDecoration.defaultBackground#BCB4C3a3
  • terminalCommandDecoration.errorBackground#FF9B9Bcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151515fe
  • terminalCursor.foreground#0AC61Efe
  • terminalOverviewRuler.cursorForeground#E8E8E8ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ba
  • testing.iconUnset#808080c5
  • testing.message.error.decorationForeground#4FE75Ffe
  • testing.message.error.lineBackground#550055ca
  • testing.message.info.decorationForeground#36DE47fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#151515fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151515fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#151515fe
  • textLink.activeForeground#10C622fe
  • textLink.foreground#BEAAFFce
  • textPreformat.foreground#E8E8E8ce
  • textSeparator.foreground#E8E8E8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ABABABae
  • titleBar.border#0E0D0C00
  • titleBar.inactiveBackground#222222d7
  • titleBar.inactiveForeground#ABABAB65
  • toolbar.activeBackground#1B312D8d
  • toolbar.hoverBackground#151515fe
  • toolbar.hoverOutline#0E0D0C00
  • tree.inactiveIndentGuidesStroke#A1B3B035
  • tree.indentGuidesStroke#49E559fe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#151515fe
  • walkThrough.embeddedEditorBackground#151515fe
  • walkthrough.stepTitle.foreground#E8E8E8ce
  • welcomePage.background#151515fe
  • welcomePage.progress.background#151515fe
  • welcomePage.progress.foreground#E8E8E8ce
  • welcomePage.tileBackground#151515fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#151515fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0D0C0E00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BFBFBF6e
comment.block.html#BFBFBF6e
comment.block.java#BFBFBF6e
comment.block.javadoc.java#BFBFBF6e
comment.block.powershell#BEBEBE6e
comment.block.xml#BEBEBE6e
comment.line.double-slash.c#BFBFBF6e
comment.line.double-slash.cpp#BFBFBF6e
comment.line.double-slash.java#BFBFBF6e
comment.line.double-slash.js#BEBEBE6e
comment.line.number-sign.makefile#BFBFBF6e
comment.line.number-sign.python#BEBEBE6e
comment.line.number-sign.yaml#BFBFBF6e
comment.line.percentage.erlang#BFBFBF6e
comment.line.powershell#BEBEBE6e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#BEBEBE6e
constant.character#0ADE22de
constant.character.character-class.regexp#FDAD73de
constant.character.escape#F2AB78de
constant.character.set.regexp#9DD00Ede
constant.language#FDAE75de
constant.numeric#FEA2CEde
constant.numeric.dec.python#E4A9FEde
constant.other.caps.python#8B9BF4de
constant.other.character-class.regexp#0EDD24de
constant.other.character-class.set.regexp#0EDD24de
constant.other.color.rgb-value#0FD5D5de
constant.other.placeholder#9BD00Dde
constant.other.rgb-value#FDAD74de
constant.regexp#0DDE23de
constant.sha.git-rebase#FCAD72de
emphasis#0BDD23de
entity.name.class#9ACF0Ade
entity.name.function#09DE20de
entity.name.function.preprocessor#FDAD72de
entity.name.function.python#0ADE22de
entity.name.label#FDAD72de
entity.name.namespace#8A9BF3de
entity.name.operator#DEA5F9de
entity.name.operator.custom-literal#FCAD74de
entity.name.scope-resolution#FDAE75de
entity.name.tag#9DCF0Fde
entity.name.tag.css#0BDD23de
entity.name.type#0FD5D5de
entity.name.variable#ABB8FEde
entity.other.attribute#DEA5F9de
entity.other.attribute-name#09DE20de
entity.other.attribute-name.class.css#EF7AB1de
entity.other.attribute-name.class.mixin.css#FEA2CEde
entity.other.attribute-name.id#F380B6de
entity.other.attribute-name.id.css#F9A5CDde
entity.other.attribute-name.parent-selector.css#0FD5D5de
entity.other.attribute-name.pseudo-class.css#FCAD74de
entity.other.attribute-name.pseudo-element.css#10D3D3de
entity.other.attribute-name.scss#FDAE75de
entity.other.document.begin.yaml#BEBEBE6e
entity.other.inherited-class#0EDE25de
header#E2A2FEde
invalid#ACB9FAde
keyword#0DDE23de
keyword.codetag.notation.python#0FD4D4de
keyword.control#ABB8FEde
keyword.control.anchor.regexp#F3B080de
keyword.control.import.python#F278B2de
keyword.operator#A5B2F9de
keyword.operator.alignas#F278B2de
keyword.operator.alignof#F079B1de
keyword.operator.cast#FEAD73de
keyword.operator.delete#0DD5D5de
keyword.operator.documentation.powershell#BEBEBE6e
keyword.operator.expression#FDAE75de
keyword.operator.instanceof#0CD5D5de
keyword.operator.logical.python#0CDE23de
keyword.operator.minus.exponent#0FDD24de
keyword.operator.negation.regexp#08DC1Ede
keyword.operator.new#FEA5CFde
keyword.operator.noexcept#0FDD24de
keyword.operator.or.regexp#FDAD74de
keyword.operator.plus.exponent#10D3D3de
keyword.operator.quantifier.regexp#EE7AB1de
keyword.operator.sizeof#9DD00Dde
keyword.operator.typeid#F68EBFde
keyword.operator.wordlike#8E9FF6de
keyword.other.operator#FEA2CEde
keyword.other.package.java#FEA3CFde
keyword.other.unit#F68EBFde
keyword.other.using#FEAD73de
markup.bold#FEA3CFde
markup.changed#CD83F0de
markup.deleted#9DACF8de
markup.fenced_code.block.markdown#F079B1de
markup.heading#FDAD73de
markup.inline.raw#9DD00Ede
markup.inserted#8B9CF2de
markup.italic#F3B080de
markup.raw.block.markdown#0DDE23de
markup.strikethrough#F2AB78de
markup.underline#9DCF0Fde
meta.block.c#FEAD73de
meta.block.c#9AD006de
meta.class.java#F9A5CDde
meta.definition.variable.name#EEA26Ade
meta.diff.header#FDAD72de
meta.embedded#D287F4de
meta.embedded.assembly#FDAD74de
meta.function-call.arguments.python#FEA5CFde
meta.function-call.python#F796C4de
meta.member.access.python#0FD5D5de
meta.method.java#0BD4D4de
meta.object-literal.key#F68EBFde
meta.paragraph.markdown#F278B2de
meta.preprocessor#FEA5CFde
meta.preprocessor.numeric#FEA4CFde
meta.preprocessor.string#0BDD23de
meta.scope.prerequisites.makefile#0FD5D5de
meta.structure.dictionary.json.comments#BEBEBE6e
meta.structure.dictionary.key.python#9CCF0Cde
meta.structure.dictionary.value.json.comments#BFBFBF6e
meta.template.expression#0FD5D5de
meta.type.cast.expr#F079B1de
meta.type.new.expr#DEA5F9de
parameter#DEA5F9de
punctuation.character.set.begin.regexp#FDAD73de
punctuation.character.set.end.regexp#9DD00Dde
punctuation.definition.array.begin.json#8B9BF4de
punctuation.definition.character-class.regexp#0DD4D4de
punctuation.definition.comment#BEBEBE6e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#BEBEBE6e
punctuation.definition.dictionary.begin.json#FDAE75de
punctuation.definition.dictionary.end.json#FDAD74de
punctuation.definition.group.assertion.regexp#9ED00Fde
punctuation.definition.group.regexp#DB9DF8de
punctuation.definition.list.begin.json#9AD006de
punctuation.definition.list.begin.markdown#AFBCFEde
punctuation.definition.list.begin.python#0EDD24de
punctuation.definition.list.end.json#FDAD74de
punctuation.definition.list.end.markdown#9BD00Dde
punctuation.definition.list.end.python#F079B1de
punctuation.definition.parameters.begin.python#CD83EFde
punctuation.definition.parameters.end.bracket.round.java#8B9BF1de
punctuation.definition.quote.begin.markdown#9CCF0Cde
punctuation.definition.tag#9ED00Fde
punctuation.definition.template-expression.begin#10D3D3de
punctuation.definition.template-expression.end#0FD4D4de
punctuation.section.class.begin.bracket.curly.java#0CD5D5de
punctuation.section.embedded#9DD00Ede
punctuation.section.embedded.begin.php#CE82F1de
punctuation.section.embedded.end.php#E4A9FEde
punctuation.terminator.java#0BD4D4de
source.cmake#B0BCFEde
source.coffee.embedded#FEA4CFde
source.cpp#9ACF0Ade
source.css.less#8B9BF1de
source.groovy.embedded#FEAD73de
source.java#0ADE22de
source.java-properties#FEA3CFde
source.json.comments#BFBFBF6e
source.makefile#9BD00Dde
source.powershell#0EDE24de
source.powershell.variable.other.member#0ADD21de
source.python#0CDE23de
storage#08DC1Ede
storage.modifier#9AD006de
storage.modifier.import.java#EF7AB1de
storage.modifier.package.java#F079B1de
storage.type#9BD00Dde
storage.type.annotation.groovy#0EDE24de
storage.type.annotation.java#0CDE23de
storage.type.boolean.go#E2A2FEde
storage.type.byte.go#8B9CF2de
storage.type.cs#8B9BF4de
storage.type.error.go#0DDE23de
storage.type.generic.cs#8B9BF1de
storage.type.generic.groovy#9ACF0Ade
storage.type.generic.java#0DDE23de
storage.type.groovy#AFBCFEde
storage.type.java#9ED00Bde
storage.type.modifier.cs#B0BCFEde
storage.type.numeric.go#0CD3D3de
storage.type.object.array.groovy#CF82F3de
storage.type.object.array.java#DB9DF8de
storage.type.parameters.groovy#0BDD23de
storage.type.primitive.array.groovy#DEA5F9de
storage.type.primitive.array.java#9ACF0Ade
storage.type.primitive.groovy#DEA5F9de
storage.type.primitive.java#0FD5D5de
storage.type.rune.go#9CCF0Cde
storage.type.string.go#CF81F3de
storage.type.token.java#FDAD72de
storage.type.uintptr.go#0ADD21de
storage.type.variable.cs#9BD00Dde
string#F3B080de
string.quoted.docstring.multi.python#BFBFBF6e
string.regexp#CE83F0de
string.tag#EEA26Ade
string.value#0EDE24de
strong#9ED007de
support.class#0FD5D5de
support.constant.color#10D4D4de
support.constant.dom#0DDE23de
support.constant.font-name#9DCF0Fde
support.constant.handlebars#0FD5D5de
support.constant.json#F079B1de
support.constant.math#F796C4de
support.constant.media#FEA3CFde
support.constant.media-type#0EDE24de
support.constant.property-value#10D3D3de
support.function#FCAD72de
support.function.git-rebase#CF81F3de
support.other.parenthesis.regexp#10D4D4de
support.type#E4A8FEde
support.type.property-name#FDAD75de
support.type.vendored.property-name#0DDE23de
support.variable#F3B080de
token.debug-token#0ADD21de
token.error-token#0DDE23de
token.info-token#B0BCFEde
token.warn-token#0CD5D5de
variable#10D3D3de
variable.css#CD83F0de
variable.language#F487BBde
variable.language.wildcard.java#CD83F0de
variable.other.constant#0ADE22de
variable.other.definition.java#9ACF0Ade
variable.other.enummember#0EDD24de
variable.other.less#9DCE0Fde
variable.other.object.java#E4A8FEde
variable.other.object.property.java#FEA2CEde
variable.parameter.c#FEA4CFde
variable.parameter.function.language.python#10D3D3de
variable.parameter.java#CE82F1de
variable.scss#A5B2F9de
viiv by B.W - VS Code Theme