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#16161Dfe
  • activityBar.activeBackground#16161Dfe
  • activityBar.activeBorder#67C109fe
  • activityBar.activeFocusBorder#79BB3700
  • activityBar.background#0E0E13fe
  • activityBar.border#F18EA700
  • activityBar.dropBorder#66C20Cfe
  • activityBar.foreground#66C00Bfe
  • activityBar.inactiveForeground#A6A6BE65
  • activityBarBadge.background#68C10Efe
  • activityBarBadge.foreground#0E0E13fe
  • badge.background#67C00Efe
  • badge.foreground#0E0E13fe
  • banner.background#16161Dfe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#CEDADAfe
  • breadcrumb.activeSelectionForeground#DDE5DFca
  • breadcrumb.background#101016fe
  • breadcrumb.focusForeground#68C10Efe
  • breadcrumb.foreground#E0E0FEae
  • breadcrumbPicker.background#16161Dfe
  • button.background#3D3D53ae
  • button.border#0E0A0B00
  • button.foreground#E8E8FEce
  • button.hoverBackground#44445Dfe
  • button.secondaryBackground#16161Dfe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#16161Dfe
  • button.separator#0E0C0A00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#16161Dfe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#41111E88
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#69C20Efe
  • commandCenter.background#16161Dfe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#0A0A3693
  • commandCenter.inactiveForeground#ABABC165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0A0E00
  • contrastBorder#0A0A0E00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C7C0B6fe
  • debugExceptionWidget.background#670067a4
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#B6C7BBfe
  • debugIcon.breakpointDisabledForeground#E8E8FD65
  • debugIcon.breakpointForeground#D8E1E1fe
  • debugIcon.breakpointStackframeForeground#BBCBCBfe
  • debugIcon.breakpointUnverifiedForeground#DDE5E5fe
  • debugIcon.continueForeground#E1E5DDfe
  • debugIcon.disconnectForeground#DACED1fe
  • debugIcon.pauseForeground#B1C4C4fe
  • debugIcon.restartForeground#E1E5DDfe
  • debugIcon.startForeground#C0CFC4fe
  • debugIcon.stepBackForeground#C7B6BBfe
  • debugIcon.stepIntoForeground#D3DDDDfe
  • debugIcon.stepOutForeground#C4CBBBfe
  • debugIcon.stepOverForeground#D4C9D6fe
  • debugIcon.stopForeground#C9BBCBfe
  • debugTokenExpression.boolean#DCD3DDca
  • debugTokenExpression.error#CEDADAca
  • debugTokenExpression.name#E1E8E3ca
  • debugTokenExpression.number#CEDADAca
  • debugTokenExpression.value#E1DDD8ca
  • debugToolBar.background#670067ab
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#331C21ca
  • debugView.exceptionLabelForeground#D3DDDDca
  • debugView.stateLabelBackground#1E2416ca
  • debugView.stateLabelForeground#E0D8E1ca
  • debugView.valueChangedHighlight#DDE5DFca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0E0A0B00
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0A0E0B00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0A0A0E00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#16161Dfe
  • diffEditor.unchangedRegionBackground#16161Dfe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E8E8FD65
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C11fe
  • editor.background#16161Dfe
  • editor.findMatchBackground#924C60aa
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#3A4D4Da2
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#7C4786ac
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#4D564186
  • editor.foldBackground#B4F5F5a6
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#546F5Bac
  • editor.inactiveSelectionBackground#4949C69d
  • editor.inlineValuesBackground#16161Dfe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#2F2F40b1
  • editor.lineHighlightBorder#0C0E0A00
  • editor.linkedEditingBackground#16161Dfe
  • editor.rangeHighlightBackground#4747A3ac
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#4E4EADa5
  • editor.selectionForeground#E1E8E3ca
  • editor.selectionHighlightBackground#564D418e
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#3D5844aa
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#415647ad
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#654C53a5
  • editor.symbolHighlightBackground#484862ac
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#4C6553a1
  • editor.wordHighlightBorder#0A0E0B00
  • editor.wordHighlightStrongBackground#406868ac
  • editor.wordHighlightStrongBorder#0E0C0A00
  • editor.wordHighlightTextBackground#57735Fa4
  • editor.wordHighlightTextBorder#0D0A0E00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#B0F6F6ab
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#FAE7CB82
  • editorBracketPairGuide.activeBackground2#BFF7CF86
  • editorBracketPairGuide.activeBackground3#D4F5AD81
  • editorBracketPairGuide.activeBackground4#B4F5F58e
  • editorBracketPairGuide.activeBackground5#D7F4AE82
  • editorBracketPairGuide.activeBackground6#BBF7CB81
  • editorBracketPairGuide.background1#341B22fe
  • editorBracketPairGuide.background2#162525fe
  • editorBracketPairGuide.background3#1E1E41fe
  • editorBracketPairGuide.background4#301B34fe
  • editorBracketPairGuide.background5#152519fe
  • editorBracketPairGuide.background6#2E1B31fe
  • editorCodeLens.foreground#E8E8FD6e
  • editorCommentsWidget.rangeActiveBackground#E8E8FEfe
  • editorCommentsWidget.rangeBackground#16161Dfe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#16161Dfe
  • editorCursor.foreground#66C00Dfe
  • editorError.background#0E0A0B00
  • editorError.border#0E0C0A00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#16161Dfe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#E7E7FD6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#16161Dfe
  • editorGroup.dropIntoPromptBackground#16161Dfe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#16161Dfe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0A0E0B00
  • editorGroupHeader.noTabsBackground#0E0E13ae
  • editorGroupHeader.tabsBackground#16161ea1
  • editorGroupHeader.tabsBorder#0A0A0E00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#16161Dfe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0B00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#E4DDE5ca
  • editorHoverWidget.statusBarBackground#16161Dfe
  • editorIndentGuide.activeBackground1#E7E7FEfe
  • editorIndentGuide.activeBackground2#E7E7FEfe
  • editorIndentGuide.activeBackground3#E7E7FEfe
  • editorIndentGuide.activeBackground4#E8E8FEfe
  • editorIndentGuide.activeBackground5#E8E8FEfe
  • editorIndentGuide.activeBackground6#E7E7FEfe
  • editorIndentGuide.background1#A3B9A935
  • editorIndentGuide.background2#819F9F35
  • editorIndentGuide.background3#99B1B135
  • editorIndentGuide.background4#B9A3A935
  • editorIndentGuide.background5#B199A035
  • editorIndentGuide.background6#B6A3B935
  • editorInfo.background#0D0A0E00
  • editorInfo.border#0D0A0E00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#16161Dfe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#16161Dfe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#16161Dfe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#66C00Dfe
  • editorLineNumber.dimmedForeground#E7E7FD6e
  • editorLineNumber.foreground#E7E7FD6e
  • editorLink.activeForeground#66C00Dfe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#670067c2
  • editorMarkerNavigationError.headerBackground#670067a0
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Dfe
  • editorOverviewRuler.border#0B0B39fe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#E8E8FD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececeb8
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E1DDD8ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDE5DFca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#16161Dfe
  • editorRuler.foreground#E8E8FE23
  • editorStickyScroll.background#16161Dfe
  • editorStickyScroll.shadow#0E0A0B00
  • editorStickyScrollHover.background#121256fe
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0A0E0E00
  • editorSuggestWidget.focusHighlightForeground#78BD2Afe
  • editorSuggestWidget.foreground#E5DDDFfe
  • editorSuggestWidget.highlightForeground#DDD3D6ca
  • editorSuggestWidget.selectedBackground#60494F8c
  • editorSuggestWidget.selectedForeground#E1E5DDca
  • editorSuggestWidget.selectedIconForeground#E5DDDFca
  • editorSuggestWidgetStatus.foreground#CEDAD1fe
  • editorUnicodeHighlight.background#4F4F6Ca3
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0E0A00
  • editorWarning.border#0C0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#66C00Efe
  • extensionBadge.remoteForeground#0E0E13fe
  • extensionButton.background#0F0F41ae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#101053fe
  • extensionButton.prominentBackground#16161Dfe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#16161Dfe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#E1DDD8fe
  • extensionIcon.sponsorForeground#DCDCE5fe
  • extensionIcon.starForeground#CECEDBfe
  • extensionIcon.verifiedForeground#D4C9D6fe
  • focusBorder#0E0A0B00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#E7E7FEae
  • inlineChat.background#152519ca
  • inlineChat.border#152424ca
  • inlineChat.regionHighlight#DAD5CEca
  • inlineChat.shadow#DCD3DDca
  • inlineChatDiff.inserted#E0D8E1ca
  • inlineChatDiff.removed#DDE1D8ca
  • inlineChatInput.background#D3DDD6ca
  • inlineChatInput.border#1E2416ca
  • inlineChatInput.focusBorder#0C0E0A00
  • inlineChatInput.placeholderForeground#DDD9D3ca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#E7E7FD65
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#66C00Cfe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#6700679d
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#0B0B3999
  • keybindingLabel.background#16161Dfe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#16161Dfe
  • keybindingTable.rowsBackground#16161Dfe
  • list.activeSelectionBackground#546F5B88
  • list.activeSelectionForeground#E5E1DDca
  • list.activeSelectionIconForeground#E5E1DDca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#16161Dfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#16161Dfe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0C0E0A00
  • list.focusBackground#6464DA97
  • list.focusForeground#66C00Dfe
  • list.focusHighlightForeground#9494FEfe
  • list.focusOutline#0A0E0E00
  • list.highlightForeground#E5E1DDca
  • list.hoverBackground#101045fe
  • list.hoverForeground#69C20Efe
  • list.inactiveFocusBackground#2727369e
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#0E0E13ae
  • list.inactiveSelectionForeground#E7E7FD65
  • list.inactiveSelectionIconForeground#E8E8FD65
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Dfe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0D0A0E00
  • listFilterWidget.shadow#0C0E0A00
  • menu.background#0E0E13fe
  • menu.border#0C0E0A00
  • menu.foreground#D7D7FEae
  • menu.selectionBackground#535371aa
  • menu.selectionBorder#0A0E0E00
  • menu.selectionForeground#66C00Dfe
  • menu.separatorBackground#1D1D4565
  • menubar.selectionBackground#646489ac
  • menubar.selectionBorder#0E0A0B00
  • menubar.selectionForeground#68C20Bfe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#16161Dfe
  • merge.commonHeaderBackground#16161Dfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#16161Dfe
  • mergeEditor.change.word.background#16161Dfe
  • mergeEditor.changeBase.background#16161Dfe
  • mergeEditor.changeBase.word.background#16161Dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#1D1D2733
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c7
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1919223a
  • mergeEditor.conflictingLines.background#16161Dfe
  • minimap.background#16161Dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#565676fe
  • minimapSlider.background#39394Eae
  • minimapSlider.hoverBackground#535371fe
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#16161Dfe
  • notebook.cellHoverBackground#16161Dfe
  • notebook.cellInsertionIndicator#E4DDE5ca
  • notebook.cellStatusBarItemHoverBackground#16161Dfe
  • notebook.cellToolbarSeparator#E1D8DAca
  • notebook.editorBackground#16161Dfe
  • notebook.focusedCellBackground#16161Dfe
  • notebook.focusedCellBorder#68C20Bfe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#5D5D7F8e
  • notebook.inactiveSelectedCellBorder#6161848e
  • notebook.outputContainerBackgroundColor#16161Dfe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#16161Dfe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#16161Dfe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#565676fe
  • notebookScrollbarSlider.background#323245ae
  • notebookScrollbarSlider.hoverBackground#39394Efe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#DDD3D6fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#16161Dfe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#16161Dfe
  • notifications.border#0C0C11fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#CBBBBFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#16161Dfe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#16161Dfe
  • panelSectionHeader.background#16161Dfe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0C0E0A00
  • panelTitle.activeForeground#62BE07fe
  • panelTitle.inactiveForeground#A2A2BA65
  • peekView.border#66C20Cfe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#67735789
  • peekViewEditor.matchHighlightBorder#0A0E0B00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#16161Dfe
  • peekViewResult.background#0E0E13fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#57735F8d
  • peekViewResult.selectionBackground#455B5B83
  • peekViewResult.selectionForeground#D3DDD6ca
  • peekViewTitle.background#0E0E13fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#C4D2D2fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#7CB445fe
  • profileBadge.foreground#0E0E13fe
  • progressBar.background#16161Dfe
  • quickInput.background#0E0E13fe
  • quickInput.foreground#E1E1E9ae
  • quickInputList.focusBackground#4F4F6Ca2
  • quickInputList.focusForeground#7CB445fe
  • quickInputList.focusIconForeground#68C20Bfe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0A0A0E00
  • scrollbarSlider.activeBackground#5D5D7Ffe
  • scrollbarSlider.background#36364Aae
  • scrollbarSlider.hoverBackground#39394Efe
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#736757a6
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#16161Dfe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#3A4D4D83
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#16161Dfe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#68C20Bfe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#16161Dfe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#16161Dfe
  • sideBar.foreground#E7E7FEae
  • sideBarSectionHeader.background#0D0A0E00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0E0E13fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#670067b4
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0D0A0E00
  • statusBar.foreground#E8E8FD6e
  • statusBar.noFolderBackground#0E0E13fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0E0E13fe
  • statusBarItem.compactHoverBackground#0E0E13fe
  • statusBarItem.errorBackground#670067c9
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067a7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#0E0E13fe
  • statusBarItem.hoverForeground#66C00Dfe
  • statusBarItem.offlineBackground#0E0E13fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0E0E13fe
  • statusBarItem.offlineHoverForeground#67C00Efe
  • statusBarItem.prominentBackground#0E0E13fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0E0E13fe
  • statusBarItem.prominentHoverForeground#66C00Dfe
  • statusBarItem.remoteBackground#80BB46fe
  • statusBarItem.remoteForeground#0E0E13fe
  • statusBarItem.remoteHoverBackground#0E0E13fe
  • statusBarItem.remoteHoverForeground#66C00Cfe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C0CFC4fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#E5E1DDfe
  • symbolIcon.colorForeground#E8E8FDfe
  • symbolIcon.constantForeground#E8E8FDfe
  • symbolIcon.constructorForeground#DDE5E5fe
  • symbolIcon.enumeratorForeground#C9BBCBfe
  • symbolIcon.enumeratorMemberForeground#C7B6BBfe
  • symbolIcon.eventForeground#C5B6C7fe
  • symbolIcon.fieldForeground#DAD5CEfe
  • symbolIcon.fileForeground#DACED1fe
  • symbolIcon.folderForeground#DDD3D6fe
  • symbolIcon.functionForeground#D7D7E2fe
  • symbolIcon.interfaceForeground#C4C4D3fe
  • symbolIcon.keyForeground#DDE5E5fe
  • symbolIcon.keywordForeground#E4DDE5fe
  • symbolIcon.methodForeground#D6C9CDfe
  • symbolIcon.moduleForeground#E5E1DDfe
  • symbolIcon.namespaceForeground#DDE5E5fe
  • symbolIcon.nullForeground#D7D7E2fe
  • symbolIcon.numberForeground#DACED1fe
  • symbolIcon.objectForeground#D8CEDAfe
  • symbolIcon.operatorForeground#C4C4D3fe
  • symbolIcon.packageForeground#E4DDE5fe
  • symbolIcon.propertyForeground#C7C0B6fe
  • symbolIcon.referenceForeground#E1E5DDfe
  • symbolIcon.snippetForeground#D2C4C8fe
  • symbolIcon.stringForeground#C9C9D7fe
  • symbolIcon.structForeground#D6C9CDfe
  • symbolIcon.textForeground#E1E8E3fe
  • symbolIcon.typeParameterForeground#C0C7B6fe
  • symbolIcon.unitForeground#D3DDD6fe
  • symbolIcon.variableForeground#E5E1DDfe
  • tab.activeBackground#101016fe
  • tab.activeBorder#0E0C0A00
  • tab.activeBorderTop#65BF0Cfe
  • tab.activeForeground#63BE08fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0A0E0B00
  • tab.hoverBackground#E8E8FEfe
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#66C00Dfe
  • tab.inactiveBackground#09093195
  • tab.inactiveForeground#ABABC165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#1D1D272d
  • tab.unfocusedActiveBorder#0E0C0A00
  • tab.unfocusedActiveBorderTop#1E1E4565
  • tab.unfocusedActiveForeground#A2A2BA65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E6E6FEfe
  • tab.unfocusedHoverBorder#1919222d
  • tab.unfocusedHoverForeground#A2A2BA65
  • tab.unfocusedInactiveBackground#20202C9c
  • tab.unfocusedInactiveForeground#ABABC165
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b2
  • 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#cececec1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161Dfe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#16161Dfe
  • terminal.findMatchBackground#16161Dfe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#16161Dfe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#E7E7FEae
  • terminal.hoverHighlightBackground#16161Dfe
  • terminal.inactiveSelectionBackground#24243196
  • terminal.selectionBackground#4D56418d
  • terminal.selectionForeground#E1D8DAca
  • terminal.tab.activeBorder#66C20Cfe
  • terminalCommandDecoration.defaultBackground#B5F6F6a1
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Dfe
  • terminalCursor.foreground#68C20Bfe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ad
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#91CC57fe
  • testing.message.error.lineBackground#6700679e
  • testing.message.info.decorationForeground#95D05Bfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#16161Dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161Dfe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#16161Dfe
  • textLink.activeForeground#80BB46fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0E0E13fe
  • titleBar.activeForeground#A3A3F9ae
  • titleBar.border#0E0A0B00
  • titleBar.inactiveBackground#1D1D27da
  • titleBar.inactiveForeground#9898B365
  • toolbar.activeBackground#1B260D8e
  • toolbar.hoverBackground#16161Dfe
  • toolbar.hoverOutline#0A0A0E00
  • tree.inactiveIndentGuidesStroke#ACC0C035
  • tree.indentGuidesStroke#D1F6ACfe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#16161Dfe
  • walkThrough.embeddedEditorBackground#16161Dfe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#16161Dfe
  • welcomePage.progress.background#16161Dfe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#16161Dfe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#16161Dfe
  • widget.border#0C0C11fe
  • widget.shadow#0C0E0A00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#0808309a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9B9BF86e
comment.block.html#9A9AF76e
comment.block.java#A0A0FA6e
comment.block.javadoc.java#B7B7FB6e
comment.block.powershell#ADADFB6e
comment.block.xml#ADADFB6e
comment.line.double-slash.c#AAAAFA6e
comment.line.double-slash.cpp#B7B7FB6e
comment.line.double-slash.java#ADADFC6e
comment.line.double-slash.js#A0A0FA6e
comment.line.number-sign.makefile#9B9BF86e
comment.line.number-sign.python#A5A5FB6e
comment.line.number-sign.yaml#AAAAFA6e
comment.line.percentage.erlang#B0B0FB6e
comment.line.powershell#A2A2F86e
comment.source.cmake#A9A9FB6e
comment.source.cmakecache#9E9EF76e
constant.character#71A8DFde
constant.character.character-class.regexp#F68A1Ede
constant.character.escape#B3B3B3de
constant.character.set.regexp#C498F0de
constant.language#71D70Cde
constant.numeric#46BB80de
constant.numeric.dec.python#7EB1E5de
constant.other.caps.python#C1C1C1de
constant.other.character-class.regexp#D89F67de
constant.other.character-class.set.regexp#C89EF2de
constant.other.color.rgb-value#A2A2A2de
constant.other.placeholder#6AC60Dde
constant.other.rgb-value#70A7DEde
constant.regexp#6AC90Cde
constant.sha.git-rebase#B7B7B7de
emphasis#F19AC5de
entity.name.class#8DC852de
entity.name.function#95CF5Ade
entity.name.function.preprocessor#74AAE0de
entity.name.function.python#CDA6F4de
entity.name.label#8DC852de
entity.name.namespace#67BE0Ede
entity.name.operator#F6881Ade
entity.name.operator.custom-literal#7AAFE3de
entity.name.scope-resolution#C498F0de
entity.name.tag#B5B5B5de
entity.name.tag.css#B1B1B1de
entity.name.type#5EADFCde
entity.name.variable#6FA6DDde
entity.other.attribute#D99F67de
entity.other.attribute-name#AFAFAFde
entity.other.attribute-name.class.css#BDBDBDde
entity.other.attribute-name.class.mixin.css#E985B7de
entity.other.attribute-name.id#A7A7A7de
entity.other.attribute-name.id.css#89C44Ede
entity.other.attribute-name.parent-selector.css#F098C3de
entity.other.attribute-name.pseudo-class.css#D2AEF6de
entity.other.attribute-name.pseudo-element.css#C0C0C0de
entity.other.attribute-name.scss#65C00Bde
entity.other.document.begin.yaml#A9A9FB6e
entity.other.inherited-class#EE91BFde
header#B8B8B8de
invalid#E6B37Fde
keyword#4ABF85de
keyword.codetag.notation.python#C091EEde
keyword.control#AFAFAFde
keyword.control.anchor.regexp#85B7E9de
keyword.control.import.python#4AC085de
keyword.operator#80BB46de
keyword.operator.alignas#CDA5F4de
keyword.operator.alignof#74AAE0de
keyword.operator.cast#7AAFE3de
keyword.operator.delete#EE93C0de
keyword.operator.documentation.powershell#9A9AF76e
keyword.operator.expression#0CC266de
keyword.operator.instanceof#FCAD5Fde
keyword.operator.logical.python#EC8DBCde
keyword.operator.minus.exponent#4FC58Ade
keyword.operator.negation.regexp#D5B2F7de
keyword.operator.new#E0AA74de
keyword.operator.noexcept#AAAAAAde
keyword.operator.or.regexp#8EC953de
keyword.operator.plus.exponent#7CB445de
keyword.operator.quantifier.regexp#F19CC6de
keyword.operator.sizeof#A2A2A2de
keyword.operator.typeid#46BB80de
keyword.operator.wordlike#D1975Dde
keyword.other.operator#BABABAde
keyword.other.package.java#DAA169de
keyword.other.unit#E883B5de
keyword.other.using#F4A5CCde
markup.bold#F097C3de
markup.changed#EC8CBBde
markup.deleted#E0A973de
markup.fenced_code.block.markdown#89C54Ede
markup.heading#92C0EEde
markup.inline.raw#C1C1C1de
markup.inserted#DDA66Fde
markup.italic#6FA6DDde
markup.raw.block.markdown#E9B785de
markup.strikethrough#D4B1F7de
markup.underline#F58718de
meta.block.c#57CC91de
meta.block.c#0ECE6Ede
meta.class.java#BDBDBDde
meta.definition.variable.name#52C88Dde
meta.diff.header#D79E65de
meta.embedded#A2A2A2de
meta.embedded.assembly#52C98Dde
meta.function-call.arguments.python#50C68Bde
meta.function-call.python#C1C1C1de
meta.member.access.python#95D05Bde
meta.method.java#B3B3B3de
meta.object-literal.key#46BB80de
meta.paragraph.markdown#91CC57de
meta.preprocessor#0ECA6Cde
meta.preprocessor.numeric#6DCE0Dde
meta.preprocessor.string#F098C4de
meta.scope.prerequisites.makefile#75ABE1de
meta.structure.dictionary.json.comments#9D9DFA6e
meta.structure.dictionary.key.python#CBA4F3de
meta.structure.dictionary.value.json.comments#9B9BF86e
meta.template.expression#91BFEEde
meta.type.cast.expr#7CB445de
meta.type.new.expr#B0B0B0de
parameter#FDAD5Ede
punctuation.character.set.begin.regexp#71D30Dde
punctuation.character.set.end.regexp#86B8E9de
punctuation.definition.array.begin.json#F097C3de
punctuation.definition.character-class.regexp#4EC489de
punctuation.definition.comment#B9B9FD6e
punctuation.definition.comment.json.comments#A9A9FB6e
punctuation.definition.comment.python#9C9CF96e
punctuation.definition.dictionary.begin.json#C092EEde
punctuation.definition.dictionary.end.json#6DCC0Ede
punctuation.definition.group.assertion.regexp#C69AF0de
punctuation.definition.group.regexp#F19CC7de
punctuation.definition.list.begin.json#0CC266de
punctuation.definition.list.begin.markdown#DDA66Fde
punctuation.definition.list.begin.python#D79E65de
punctuation.definition.list.end.json#DAA26Ade
punctuation.definition.list.end.markdown#5FADFCde
punctuation.definition.list.end.python#84BE49de
punctuation.definition.parameters.begin.python#B3B3B3de
punctuation.definition.parameters.end.bracket.round.java#85C14Ade
punctuation.definition.quote.begin.markdown#DDA66Fde
punctuation.definition.tag#BE90EDde
punctuation.definition.template-expression.begin#BD8EEDde
punctuation.definition.template-expression.end#C194EFde
punctuation.section.class.begin.bracket.curly.java#EC8CBCde
punctuation.section.embedded#A3A3A3de
punctuation.section.embedded.begin.php#6FA6DDde
punctuation.section.embedded.end.php#A9A9A9de
punctuation.terminator.java#5BD095de
source.cmake#F19BC6de
source.coffee.embedded#92C0EEde
source.cpp#74AAE0de
source.css.less#E9B785de
source.groovy.embedded#46BB80de
source.java#BF90EDde
source.java-properties#FCA650de
source.json.comments#A9A9FB6e
source.makefile#B5B5B5de
source.powershell#C89EF2de
source.powershell.variable.other.member#4EC489de
source.python#D79E65de
storage#87B8EAde
storage.modifier#65BF0Cde
storage.modifier.import.java#6AC70Dde
storage.modifier.package.java#BE8EEDde
storage.type#6ECF0Dde
storage.type.annotation.groovy#DFA872de
storage.type.annotation.java#4ABF85de
storage.type.boolean.go#E985B7de
storage.type.byte.go#0BD06Dde
storage.type.cs#7CB445de
storage.type.error.go#C69AF1de
storage.type.generic.cs#D1ACF6de
storage.type.generic.groovy#C89EF2de
storage.type.generic.java#D4B1F7de
storage.type.groovy#98C4F0de
storage.type.java#C89EF2de
storage.type.modifier.cs#E782B4de
storage.type.numeric.go#D39A60de
storage.type.object.array.groovy#DAA26Ade
storage.type.object.array.java#65BD0Ede
storage.type.parameters.groovy#C397F0de
storage.type.primitive.array.groovy#75ACE1de
storage.type.primitive.array.java#63AFFCde
storage.type.primitive.groovy#CBA2F3de
storage.type.primitive.java#74AAE0de
storage.type.rune.go#C599F0de
storage.type.string.go#D3AFF6de
storage.type.token.java#D59B61de
storage.type.uintptr.go#94C1EFde
storage.type.variable.cs#53C88Ede
string#D59B62de
string.quoted.docstring.multi.python#A0A0FA6e
string.regexp#0EC269de
string.tag#B1B1B1de
string.value#CBA3F3de
strong#D2985Ede
support.class#45B67Dde
support.constant.color#7AAFE3de
support.constant.dom#CEA7F5de
support.constant.font-name#F68A20de
support.constant.handlebars#6CCA0Ede
support.constant.json#8DC852de
support.constant.math#E885B7de
support.constant.media#67BF0Ede
support.constant.media-type#8DC852de
support.constant.property-value#CCA4F4de
support.function#4EC489de
support.function.git-rebase#B8B8B8de
support.other.parenthesis.regexp#D3B1F7de
support.type#0CDD74de
support.type.property-name#8CC751de
support.type.vendored.property-name#91BFEEde
support.variable#E7B380de
token.debug-token#E3AE79de
token.error-token#6ECE0Ede
token.info-token#8BBBEBde
token.warn-token#8BBBEBde
variable#F3A2CAde
variable.css#DBA36Bde
variable.language#5DD197de
variable.language.wildcard.java#81B4E7de
variable.other.constant#91BFEEde
variable.other.definition.java#6FA6DDde
variable.other.enummember#0DD671de
variable.other.less#E781B4de
variable.other.object.java#F099C4de
variable.other.object.property.java#B0B0B0de
variable.parameter.c#0ECE6Ede
variable.parameter.function.language.python#F2A0C9de
variable.parameter.java#EE91BFde
variable.scss#8DC852de
viiv by B.W - VS Code Theme