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#16161Ffe
  • activityBar.activeBackground#16161Ffe
  • activityBar.activeBorder#08744Afe
  • activityBar.activeFocusBorder#9637B600
  • activityBar.background#0E0E14fe
  • activityBar.border#B1375500
  • activityBar.dropBorder#057347fe
  • activityBar.foreground#077448fe
  • activityBar.inactiveForeground#AAAAC365
  • activityBarBadge.background#08C077fe
  • activityBarBadge.foreground#0E0E14fe
  • badge.background#0AB370fe
  • badge.foreground#0E0E14fe
  • banner.background#16161Ffe
  • banner.foreground#B1B1FAce
  • banner.iconForeground#CCBABFfe
  • breadcrumb.activeSelectionForeground#DADED2ca
  • breadcrumb.background#101017fe
  • breadcrumb.focusForeground#08C077fe
  • breadcrumb.foreground#B4B4FCae
  • breadcrumbPicker.background#16161Ffe
  • button.background#393950ae
  • button.border#0A0E0E00
  • button.foreground#B1B1FAce
  • button.hoverBackground#515173fe
  • button.secondaryBackground#16161Ffe
  • button.secondaryForeground#B1B1FAce
  • button.secondaryHoverBackground#16161Ffe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B1B1FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#16161Ffe
  • chat.slashCommandForeground#B1B1FAce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#B1B1FAce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#0E25258b
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#09BE76fe
  • commandCenter.background#16161Ffe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#B1B1FAce
  • commandCenter.inactiveBorder#0B0B3799
  • commandCenter.inactiveForeground#AAAAC365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0E00
  • contrastBorder#0D0A0E00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#B1B1FAce
  • debugConsole.sourceForeground#B1B1FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C7B1CAfe
  • debugExceptionWidget.background#430043ac
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#D7D7E2fe
  • debugIcon.breakpointDisabledForeground#B4B4E565
  • debugIcon.breakpointForeground#D0C7BFfe
  • debugIcon.breakpointStackframeForeground#C8C8D8fe
  • debugIcon.breakpointUnverifiedForeground#DED2D5fe
  • debugIcon.continueForeground#C9D7CCfe
  • debugIcon.disconnectForeground#C9B5BAfe
  • debugIcon.pauseForeground#B0C5B5fe
  • debugIcon.restartForeground#D2D2DFfe
  • debugIcon.startForeground#C6B5C9fe
  • debugIcon.stepBackForeground#D2DEDEfe
  • debugIcon.stepIntoForeground#D3C4C8fe
  • debugIcon.stepOutForeground#E5DCDFfe
  • debugIcon.stepOverForeground#D9CEDBfe
  • debugIcon.stopForeground#CCC3BAfe
  • debugTokenExpression.boolean#E2DDD7ca
  • debugTokenExpression.error#E5DCDFca
  • debugTokenExpression.name#CDCDDBca
  • debugTokenExpression.number#D2DED5ca
  • debugTokenExpression.value#D7C9CCca
  • debugToolBar.background#430043a5
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#2E1B31ca
  • debugView.exceptionLabelForeground#DED2D5ca
  • debugView.stateLabelBackground#311A1Fca
  • debugView.stateLabelForeground#D6DBCEca
  • debugView.valueChangedHighlight#D9CEDBca
  • descriptionForeground#B1B1FAce
  • diffEditor.border#0A0A0F00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0A260Cfb
  • diffEditor.insertedTextBorder#0A0E0E00
  • diffEditor.move.border#0E0A0B00
  • diffEditor.moveActive.border#0E0C0A00
  • diffEditor.removedLineBackground#4D000031
  • diffEditor.removedTextBackground#4B0000fb
  • diffEditor.removedTextBorder#0D0A0E00
  • diffEditor.unchangedCodeBackground#16161Ffe
  • diffEditor.unchangedRegionBackground#16161Ffe
  • diffEditor.unchangedRegionForeground#B1B1FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E865
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#B1B1FAce
  • dropdown.listBackground#0C0C11fe
  • editor.background#16161Ffe
  • editor.findMatchBackground#5E3F61a4
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#5F4862a6
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#584C41a5
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#616C4F8c
  • editor.foldBackground#E6A0F2a2
  • editor.foreground#B1B1FAce
  • editor.hoverHighlightBackground#673F49a6
  • editor.inactiveSelectionBackground#3E3E9A9d
  • editor.inlineValuesBackground#16161Ffe
  • editor.inlineValuesForeground#B1B1FAce
  • editor.lineHighlightBackground#2B2B3Cb4
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#16161Ffe
  • editor.rangeHighlightBackground#4F5841a2
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#4E4E6Eae
  • editor.selectionForeground#E2D7DAca
  • editor.selectionHighlightBackground#634B6781
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#5B405Ead
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#5D5144ab
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#415858a2
  • editor.symbolHighlightBackground#445D5Da5
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#48624Ea9
  • editor.wordHighlightBorder#0E0C0A00
  • editor.wordHighlightStrongBackground#5E3F61a7
  • editor.wordHighlightStrongBorder#0D0A0E00
  • editor.wordHighlightTextBackground#4A4A69a3
  • editor.wordHighlightTextBorder#0E0A0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B1B1FAce
  • editorBracketMatch.background#E99FF1a9
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#60C8C88d
  • editorBracketPairGuide.activeBackground2#E4AE7C83
  • editorBracketPairGuide.activeBackground3#DEAF7F85
  • editorBracketPairGuide.activeBackground4#A0C56984
  • editorBracketPairGuide.activeBackground5#F1A3B687
  • editorBracketPairGuide.activeBackground6#EFA3B587
  • editorBracketPairGuide.background1#142418fe
  • editorBracketPairGuide.background2#292017fe
  • editorBracketPairGuide.background3#152424fe
  • editorBracketPairGuide.background4#1D1D43fe
  • editorBracketPairGuide.background5#152424fe
  • editorBracketPairGuide.background6#272017fe
  • editorCodeLens.foreground#B3B3EA6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#16161Ffe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4B0000cb
  • editorCursor.background#16161Ffe
  • editorCursor.foreground#09BE76fe
  • editorError.background#0D0A0E00
  • editorError.border#0A0E0B00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#16161Ffe
  • editorGhostText.border#0E0C0A00
  • editorGhostText.foreground#B4B4EC6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#16161Ffe
  • editorGroup.dropIntoPromptBackground#16161Ffe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#B1B1FAce
  • editorGroup.emptyBackground#16161Ffe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0E0A0B00
  • editorGroupHeader.noTabsBackground#0E0E14ae
  • editorGroupHeader.tabsBackground#16161Fa1
  • editorGroupHeader.tabsBorder#0E0A0B00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#16161Ffe
  • editorGutter.commentGlyphForeground#B1B1FAce
  • editorGutter.commentRangeForeground#B1B1FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#B1B1FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0E0E00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#B1B1FAce
  • editorHoverWidget.highlightForeground#C8C8D8ca
  • editorHoverWidget.statusBarBackground#16161Ffe
  • editorIndentGuide.activeBackground1#B3B3F4fe
  • editorIndentGuide.activeBackground2#B3B3F3fe
  • editorIndentGuide.activeBackground3#B3B3F3fe
  • editorIndentGuide.activeBackground4#B3B3F3fe
  • editorIndentGuide.activeBackground5#B3B3F4fe
  • editorIndentGuide.activeBackground6#B3B3F4fe
  • editorIndentGuide.background1#B79DA335
  • editorIndentGuide.background2#B1BAA235
  • editorIndentGuide.background3#A5B09335
  • editorIndentGuide.background4#AC8E9535
  • editorIndentGuide.background5#84A5A535
  • editorIndentGuide.background6#B7AA9D35
  • editorInfo.background#0E0A0B00
  • editorInfo.border#0A0E0E00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#16161Ffe
  • editorInlayHint.foreground#B1B1FAce
  • editorInlayHint.parameterBackground#16161Ffe
  • editorInlayHint.parameterForeground#B1B1FAce
  • editorInlayHint.typeBackground#16161Ffe
  • editorInlayHint.typeForeground#B1B1FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#09B772fe
  • editorLineNumber.dimmedForeground#B3B3EF6e
  • editorLineNumber.foreground#B3B3ED6e
  • editorLink.activeForeground#07C579fe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#430043a7
  • editorMarkerNavigationError.headerBackground#430043c5
  • editorMarkerNavigationInfo.background#000081fe
  • editorMarkerNavigationInfo.headerBackground#000081fe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Ffe
  • editorOverviewRuler.border#0E0E3Efe
  • editorOverviewRuler.bracketMatchForeground#B1B1FAce
  • editorOverviewRuler.commentForeground#B4B4EE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B1B1FAce
  • editorOverviewRuler.currentContentForeground#cececec7
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#C9D7CCca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CDCDDBca
  • editorOverviewRuler.wordHighlightStrongForeground#B1B1FAce
  • editorOverviewRuler.wordHighlightTextForeground#B1B1FAce
  • editorPane.background#16161Ffe
  • editorRuler.foreground#B5B5F82a
  • editorStickyScroll.background#16161Ffe
  • editorStickyScroll.shadow#0A0E0B00
  • editorStickyScrollHover.background#141457fe
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0D0A0E00
  • editorSuggestWidget.focusHighlightForeground#24C64Bfe
  • editorSuggestWidget.foreground#CCB1B8fe
  • editorSuggestWidget.highlightForeground#DCDCE6ca
  • editorSuggestWidget.selectedBackground#384F4F82
  • editorSuggestWidget.selectedForeground#DEE2D7ca
  • editorSuggestWidget.selectedIconForeground#E0D7E2ca
  • editorSuggestWidgetStatus.foreground#BACCCCfe
  • editorUnicodeHighlight.background#59425Dac
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#282100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0E00
  • editorWarning.border#0E0C0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B1B1FAce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#B1B1FAce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#07BE76fe
  • extensionBadge.remoteForeground#0E0E14fe
  • extensionButton.background#0F0F39ae
  • extensionButton.foreground#B1B1FAce
  • extensionButton.hoverBackground#0D0D3Afe
  • extensionButton.prominentBackground#16161Ffe
  • extensionButton.prominentForeground#B1B1FAce
  • extensionButton.prominentHoverBackground#16161Ffe
  • extensionButton.separator#0A0A0F00
  • extensionIcon.preReleaseForeground#D5C9D7fe
  • extensionIcon.sponsorForeground#C5BBB0fe
  • extensionIcon.starForeground#D2DEDEfe
  • extensionIcon.verifiedForeground#CEBFD0fe
  • focusBorder#0A0E0E00
  • foreground#B1B1FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B3B3F6ae
  • inlineChat.background#1D2114ca
  • inlineChat.border#321A20ca
  • inlineChat.regionHighlight#D7C9CCca
  • inlineChat.shadow#E5E1DCca
  • inlineChatDiff.inserted#D2D2DFca
  • inlineChatDiff.removed#CEDBDBca
  • inlineChatInput.background#DBD4CEca
  • inlineChatInput.border#152519ca
  • inlineChatInput.focusBorder#0E0C0A00
  • inlineChatInput.placeholderForeground#E5DCDFca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#B1B1FAce
  • input.placeholderForeground#B4B4E265
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#08C077fe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067a4
  • inputValidation.errorBorder#430043ae
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#B1B1FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#0B0B3799
  • keybindingLabel.background#16161Ffe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#B1B1FAce
  • keybindingTable.headerBackground#16161Ffe
  • keybindingTable.rowsBackground#16161Ffe
  • list.activeSelectionBackground#384F4F8a
  • list.activeSelectionForeground#CEDBD1ca
  • list.activeSelectionIconForeground#DED8D2ca
  • list.deemphasizedForeground#B1B1FAce
  • list.dropBackground#16161Ffe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#16161Ffe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0A0A0F00
  • list.focusBackground#3D3D9E96
  • list.focusForeground#0A7249fe
  • list.focusHighlightForeground#566E28fe
  • list.focusOutline#0A0E0E00
  • list.highlightForeground#D7E2DAca
  • list.hoverBackground#0F0F39fe
  • list.hoverForeground#09BE76fe
  • list.inactiveFocusBackground#24243291
  • list.inactiveFocusOutline#0A0E0B00
  • list.inactiveSelectionBackground#0E0E14ae
  • list.inactiveSelectionForeground#B4B4E565
  • list.inactiveSelectionIconForeground#B4B4E265
  • list.invalidItemForeground#B1B1FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Ffe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0A0E0B00
  • listFilterWidget.shadow#0A0A0F00
  • menu.background#0E0E14fe
  • menu.border#0E0A0B00
  • menu.foreground#B3B3FBae
  • menu.selectionBackground#474764ac
  • menu.selectionBorder#0E0C0A00
  • menu.selectionForeground#0AB370fe
  • menu.separatorBackground#1D1D4465
  • menubar.selectionBackground#515173a8
  • menubar.selectionBorder#0C0E0A00
  • menubar.selectionForeground#0A754Afe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#16161Ffe
  • merge.commonHeaderBackground#16161Ffe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0A260Cfb
  • merge.incomingContentBackground#0D260Ecb
  • merge.incomingHeaderBackground#0A260Cfb
  • mergeEditor.change.background#16161Ffe
  • mergeEditor.change.word.background#16161Ffe
  • mergeEditor.changeBase.background#16161Ffe
  • mergeEditor.changeBase.word.background#16161Ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#19192324
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ac
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1919233a
  • mergeEditor.conflictingLines.background#16161Ffe
  • minimap.background#16161Ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#63638Bfe
  • minimapSlider.background#40405Aae
  • minimapSlider.hoverBackground#393950fe
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#16161Ffe
  • notebook.cellHoverBackground#16161Ffe
  • notebook.cellInsertionIndicator#D9CEDBca
  • notebook.cellStatusBarItemHoverBackground#16161Ffe
  • notebook.cellToolbarSeparator#DCDCE6ca
  • notebook.editorBackground#16161Ffe
  • notebook.focusedCellBackground#16161Ffe
  • notebook.focusedCellBorder#09C177fe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#63638B8e
  • notebook.inactiveSelectedCellBorder#5C5C828e
  • notebook.outputContainerBackgroundColor#16161Ffe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#16161Ffe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#16161Ffe
  • notebookEditorOverviewRuler.runningCellForeground#B1B1FAce
  • notebookScrollbarSlider.activeBackground#555578fe
  • notebookScrollbarSlider.background#40405Aae
  • notebookScrollbarSlider.hoverBackground#393950fe
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#D0C7BFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#16161Ffe
  • notificationCenterHeader.foreground#B1B1FAce
  • notificationLink.foreground#B1B1FAce
  • notifications.background#16161Ffe
  • notifications.border#0C0C11fe
  • notifications.foreground#B1B1FAce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#C9D0BFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#16161Ffe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#16161Ffe
  • panelSectionHeader.background#16161Ffe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#B1B1FAce
  • panelTitle.activeBorder#0A0A0F00
  • panelTitle.activeForeground#067448fe
  • panelTitle.inactiveForeground#A0A0BC65
  • peekView.border#067648fe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#394E4E83
  • peekViewEditor.matchHighlightBorder#0A0E0E00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#16161Ffe
  • peekViewResult.background#0E0E14fe
  • peekViewResult.fileForeground#B1B1FAce
  • peekViewResult.lineForeground#B1B1FAce
  • peekViewResult.matchHighlightBackground#53715A83
  • peekViewResult.selectionBackground#445D5D8b
  • peekViewResult.selectionForeground#E2DDD7ca
  • peekViewTitle.background#0E0E14fe
  • peekViewTitleDescription.foreground#B1B1FAce
  • peekViewTitleLabel.foreground#B1B1FAce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#B1B1FAce
  • ports.iconRunningProcessForeground#D7E2E2fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#09B772fe
  • profileBadge.foreground#0E0E14fe
  • progressBar.background#16161Ffe
  • quickInput.background#0E0E14fe
  • quickInput.foreground#B4B4FCae
  • quickInputList.focusBackground#657153a2
  • quickInputList.focusForeground#09BE76fe
  • quickInputList.focusIconForeground#08C077fe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0E0C0A00
  • scrollbarSlider.activeBackground#63638Bfe
  • scrollbarSlider.background#35354Bae
  • scrollbarSlider.hoverBackground#43435Ffe
  • search.resultsInfoForeground#B1B1FAce
  • searchEditor.findMatchBackground#71535Aae
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#16161Ffe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#B1B1FAce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#B1B1FAce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#53715A88
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#B1B1FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#B1B1FAce
  • settings.rowHoverBackground#16161Ffe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#09C177fe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#B1B1FAce
  • sideBar.background#16161Ffe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#16161Ffe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0A0E0B00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#B1B1FAce
  • sideBarTitle.foreground#B1B1FAce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0E0E14fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#430043b5
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#B1B1FAce
  • statusBar.focusBorder#0A0A0F00
  • statusBar.foreground#B3B3EF6e
  • statusBar.noFolderBackground#0E0E14fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#B1B1FAce
  • statusBarItem.activeBackground#0E0E14fe
  • statusBarItem.compactHoverBackground#0E0E14fe
  • statusBarItem.errorBackground#430043a2
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#430043b1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0A0F00
  • statusBarItem.hoverBackground#0E0E14fe
  • statusBarItem.hoverForeground#07BE76fe
  • statusBarItem.offlineBackground#0E0E14fe
  • statusBarItem.offlineForeground#B1B1FAce
  • statusBarItem.offlineHoverBackground#0E0E14fe
  • statusBarItem.offlineHoverForeground#07C579fe
  • statusBarItem.prominentBackground#0E0E14fe
  • statusBarItem.prominentForeground#B1B1FAce
  • statusBarItem.prominentHoverBackground#0E0E14fe
  • statusBarItem.prominentHoverForeground#0A754Afe
  • statusBarItem.remoteBackground#07C579fe
  • statusBarItem.remoteForeground#0E0E14fe
  • statusBarItem.remoteHoverBackground#0E0E14fe
  • statusBarItem.remoteHoverForeground#07BE76fe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#BACCCCfe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#DCE5E5fe
  • symbolIcon.colorForeground#E2E5DCfe
  • symbolIcon.constantForeground#C5BBB0fe
  • symbolIcon.constructorForeground#CEDBD1fe
  • symbolIcon.enumeratorForeground#DBCED1fe
  • symbolIcon.enumeratorMemberForeground#D0C7BFfe
  • symbolIcon.eventForeground#E0D7E2fe
  • symbolIcon.fieldForeground#C5CCBAfe
  • symbolIcon.fileForeground#D3CCC4fe
  • symbolIcon.folderForeground#D2D7C9fe
  • symbolIcon.functionForeground#B6B6D2fe
  • symbolIcon.interfaceForeground#E5DCDFfe
  • symbolIcon.keyForeground#C3C3D4fe
  • symbolIcon.keywordForeground#DCE5DFfe
  • symbolIcon.methodForeground#B5C9BAfe
  • symbolIcon.moduleForeground#C9D7CCfe
  • symbolIcon.namespaceForeground#D7D0C9fe
  • symbolIcon.nullForeground#C8C8D8fe
  • symbolIcon.numberForeground#C9D7CCfe
  • symbolIcon.objectForeground#D7C9CCfe
  • symbolIcon.operatorForeground#B5C9BAfe
  • symbolIcon.packageForeground#BFD0D0fe
  • symbolIcon.propertyForeground#DEE2D7fe
  • symbolIcon.referenceForeground#D3CCC4fe
  • symbolIcon.snippetForeground#C4D3C8fe
  • symbolIcon.stringForeground#D2D2DFfe
  • symbolIcon.structForeground#CCB1B8fe
  • symbolIcon.textForeground#D7E2DAfe
  • symbolIcon.typeParameterForeground#C9BFB5fe
  • symbolIcon.unitForeground#E5E1DCfe
  • symbolIcon.variableForeground#DADED2fe
  • tab.activeBackground#101017fe
  • tab.activeBorder#0D0A0E00
  • tab.activeBorderTop#067448fe
  • tab.activeForeground#057648fe
  • tab.activeModifiedBorder#282100ce
  • tab.border#0A0A0F00
  • tab.hoverBackground#B3B3F6fe
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#07BE76fe
  • tab.inactiveBackground#20202D9d
  • tab.inactiveForeground#A5A5BF65
  • tab.inactiveModifiedBorder#282100ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#19192336
  • tab.unfocusedActiveBorder#0C0E0A00
  • tab.unfocusedActiveBorderTop#1D1D4465
  • tab.unfocusedActiveForeground#A5A5BF65
  • tab.unfocusedActiveModifiedBorder#282100ce
  • tab.unfocusedHoverBackground#B2B2F5fe
  • tab.unfocusedHoverBorder#1919233b
  • tab.unfocusedHoverForeground#A5A5BF65
  • tab.unfocusedInactiveBackground#20202D94
  • tab.unfocusedInactiveForeground#9B9BB865
  • tab.unfocusedInactiveModifiedBorder#282100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c2
  • 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#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9a
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161Ffe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#16161Ffe
  • terminal.findMatchBackground#16161Ffe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#16161Ffe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#B3B3F6ae
  • terminal.hoverHighlightBackground#16161Ffe
  • terminal.inactiveSelectionBackground#20202D99
  • terminal.selectionBackground#613D6885
  • terminal.selectionForeground#DED2D5ca
  • terminal.tab.activeBorder#037347fe
  • terminalCommandDecoration.defaultBackground#55C9C9ab
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Ffe
  • terminalCursor.foreground#07C579fe
  • terminalOverviewRuler.cursorForeground#B1B1FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#808080a6
  • testing.message.error.decorationForeground#50DFA6fe
  • testing.message.error.lineBackground#4300439c
  • testing.message.info.decorationForeground#5CE4AEfe
  • testing.message.info.lineBackground#000081fe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#16161Ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161Ffe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#16161Ffe
  • textLink.activeForeground#08C077fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#B1B1FAce
  • textSeparator.foreground#B1B1FAce
  • titleBar.activeBackground#0E0E14fe
  • titleBar.activeForeground#5050E2ae
  • titleBar.border#0A0A0F00
  • titleBar.inactiveBackground#191923d8
  • titleBar.inactiveForeground#A0A0BC65
  • toolbar.activeBackground#41101C8b
  • toolbar.hoverBackground#16161Ffe
  • toolbar.hoverOutline#0A0E0B00
  • tree.inactiveIndentGuidesStroke#B5BEA635
  • tree.indentGuidesStroke#5CE4AEfe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#16161Ffe
  • walkThrough.embeddedEditorBackground#16161Ffe
  • walkthrough.stepTitle.foreground#B1B1FAce
  • welcomePage.background#16161Ffe
  • welcomePage.progress.background#16161Ffe
  • welcomePage.progress.foreground#B1B1FAce
  • welcomePage.tileBackground#16161Ffe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#16161Ffe
  • widget.border#0C0C11fe
  • widget.shadow#0C0E0A00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#09093291

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9999F96e
comment.block.html#9999F96e
comment.block.java#9B9BF86e
comment.block.javadoc.java#9898F86e
comment.block.powershell#9999F96e
comment.block.xml#9999F96e
comment.line.double-slash.c#9B9BF86e
comment.line.double-slash.cpp#9898F86e
comment.line.double-slash.java#9A9AF76e
comment.line.double-slash.js#9898F86e
comment.line.number-sign.makefile#9898F86e
comment.line.number-sign.python#9A9AF76e
comment.line.number-sign.yaml#9999F96e
comment.line.percentage.erlang#9898F86e
comment.line.powershell#9898F86e
comment.source.cmake#9898F86e
comment.source.cmakecache#9B9BF86e
constant.character#2DBD08de
constant.character.character-class.regexp#EE7ACFde
constant.character.escape#4BBC2Fde
constant.character.set.regexp#09CE80de
constant.language#EE7ACFde
constant.numeric#EE78CEde
constant.numeric.dec.python#58D439de
constant.other.caps.python#EF847Dde
constant.other.character-class.regexp#EF847Cde
constant.other.character-class.set.regexp#BBA30Ade
constant.other.color.rgb-value#EF857Dde
constant.other.placeholder#B291F4de
constant.other.rgb-value#2EB881de
constant.regexp#08B972de
constant.sha.git-rebase#07DA85de
emphasis#09BA73de
entity.name.class#EF837Bde
entity.name.function#EF847Dde
entity.name.function.preprocessor#09CB7Ede
entity.name.function.python#B5A42Fde
entity.name.label#2DBC09de
entity.name.namespace#07BB72de
entity.name.operator#4FCC2Fde
entity.name.operator.custom-literal#EF847Cde
entity.name.scope-resolution#A2A2A2de
entity.name.tag#EF847Cde
entity.name.tag.css#2FB881de
entity.name.type#B291F3de
entity.name.variable#B291F3de
entity.other.attribute#B3B3B3de
entity.other.attribute-name#B291F3de
entity.other.attribute-name.class.css#2DBD09de
entity.other.attribute-name.class.mixin.css#EE79CEde
entity.other.attribute-name.id#B9A20Ade
entity.other.attribute-name.id.css#EF847Dde
entity.other.attribute-name.parent-selector.css#B9A20Ade
entity.other.attribute-name.pseudo-class.css#09CB7Ede
entity.other.attribute-name.pseudo-element.css#B9A20Ade
entity.other.attribute-name.scss#EF857Dde
entity.other.document.begin.yaml#9B9BF86e
entity.other.inherited-class#08D986de
header#EE79CFde
invalid#EE847Cde
keyword#EE7ACFde
keyword.codetag.notation.python#EF837Cde
keyword.control#EF847Cde
keyword.control.anchor.regexp#EE79CFde
keyword.control.import.python#EE79CFde
keyword.operator#B6A42Fde
keyword.operator.alignas#2EB881de
keyword.operator.alignof#B291F4de
keyword.operator.cast#BCA409de
keyword.operator.delete#EF847Cde
keyword.operator.documentation.powershell#9999F96e
keyword.operator.expression#2DBC09de
keyword.operator.instanceof#AEAEAEde
keyword.operator.logical.python#EE847Cde
keyword.operator.minus.exponent#4AB82Ede
keyword.operator.negation.regexp#EF847Cde
keyword.operator.new#53D133de
keyword.operator.noexcept#2EB881de
keyword.operator.or.regexp#BBA30Ade
keyword.operator.plus.exponent#B392F4de
keyword.operator.quantifier.regexp#07BB72de
keyword.operator.sizeof#2DBD08de
keyword.operator.typeid#07DA85de
keyword.operator.wordlike#B798F5de
keyword.other.operator#09CC7Ede
keyword.other.package.java#BAA30Ade
keyword.other.unit#58D439de
keyword.other.using#A3A3A3de
markup.bold#A3A3A3de
markup.changed#09CF81de
markup.deleted#2EBE0Ade
markup.fenced_code.block.markdown#F8ACA7de
markup.heading#C0C0C0de
markup.inline.raw#B291F4de
markup.inserted#A2A2A2de
markup.italic#2DBB09de
markup.raw.block.markdown#2EBE0Ade
markup.strikethrough#09CE80de
markup.underline#EF857Dde
meta.block.c#BD9FF7de
meta.block.c#2EBE0Ade
meta.class.java#F28AD7de
meta.definition.variable.name#4AB92Fde
meta.diff.header#B191F4de
meta.embedded#F2918Ade
meta.embedded.assembly#EE79CFde
meta.function-call.arguments.python#08DA86de
meta.function-call.python#EF7CD0de
meta.member.access.python#EE79CFde
meta.method.java#EE79CFde
meta.object-literal.key#EF847Cde
meta.paragraph.markdown#B291F4de
meta.preprocessor#B291F4de
meta.preprocessor.numeric#BAA309de
meta.preprocessor.string#2FB881de
meta.scope.prerequisites.makefile#2EB881de
meta.structure.dictionary.json.comments#9898F86e
meta.structure.dictionary.key.python#B6A42Fde
meta.structure.dictionary.value.json.comments#9898F86e
meta.template.expression#B392F4de
meta.type.cast.expr#EF847Cde
meta.type.new.expr#EE79CEde
parameter#B291F4de
punctuation.character.set.begin.regexp#39D496de
punctuation.character.set.end.regexp#2FCC8Ede
punctuation.definition.array.begin.json#D4BF39de
punctuation.definition.character-class.regexp#EE79CFde
punctuation.definition.comment#9A9AF76e
punctuation.definition.comment.json.comments#9999F96e
punctuation.definition.comment.python#9A9AF76e
punctuation.definition.dictionary.begin.json#BCA409de
punctuation.definition.dictionary.end.json#B291F4de
punctuation.definition.group.assertion.regexp#58D439de
punctuation.definition.group.regexp#B392F4de
punctuation.definition.list.begin.json#EF857Dde
punctuation.definition.list.begin.markdown#4AB82Fde
punctuation.definition.list.begin.python#A2A2A2de
punctuation.definition.list.end.json#09BC75de
punctuation.definition.list.end.markdown#B392F4de
punctuation.definition.list.end.python#EF847Cde
punctuation.definition.parameters.begin.python#EF847Cde
punctuation.definition.parameters.end.bracket.round.java#2DBD09de
punctuation.definition.quote.begin.markdown#EF7CD0de
punctuation.definition.tag#39D496de
punctuation.definition.template-expression.begin#EE79CFde
punctuation.definition.template-expression.end#EF847Cde
punctuation.section.class.begin.bracket.curly.java#B7B7B7de
punctuation.section.embedded#F491DAde
punctuation.section.embedded.begin.php#EE847Cde
punctuation.section.embedded.end.php#B5A42Fde
punctuation.terminator.java#BBA309de
source.cmake#58D439de
source.coffee.embedded#2DBB0Ade
source.cpp#EE79CEde
source.css.less#B798F5de
source.groovy.embedded#EE7ACFde
source.java#A2A2A2de
source.java-properties#BBA40Ade
source.json.comments#9A9AF76e
source.makefile#B291F4de
source.powershell#5DD73Ede
source.powershell.variable.other.member#B392F4de
source.python#2DBC0Ade
storage#B191F4de
storage.modifier#B291F4de
storage.modifier.import.java#07DA85de
storage.modifier.package.java#A2A2A2de
storage.type#2FB881de
storage.type.annotation.groovy#2EBC0Ade
storage.type.annotation.java#4BBC2Fde
storage.type.boolean.go#A3A3A3de
storage.type.byte.go#BCA40Ade
storage.type.cs#D4BF39de
storage.type.error.go#A2A2A2de
storage.type.generic.cs#A2A2A2de
storage.type.generic.groovy#2DBC09de
storage.type.generic.java#A2A2A2de
storage.type.groovy#B292F4de
storage.type.java#B291F4de
storage.type.modifier.cs#AAAAAAde
storage.type.numeric.go#B291F3de
storage.type.object.array.groovy#A3A3A3de
storage.type.object.array.java#B191F4de
storage.type.parameters.groovy#B292F4de
storage.type.primitive.array.groovy#2EBE0Ade
storage.type.primitive.array.java#B5A42Fde
storage.type.primitive.groovy#B5A42Fde
storage.type.primitive.java#4AB92Fde
storage.type.rune.go#F183D3de
storage.type.string.go#2EBD0Ade
storage.type.token.java#EF837Cde
storage.type.uintptr.go#A2A2A2de
storage.type.variable.cs#07BB72de
string#BCA409de
string.quoted.docstring.multi.python#9A9AF76e
string.regexp#EE7ACFde
string.tag#EE79CFde
string.value#B392F4de
strong#B9A20Ade
support.class#EE7ACFde
support.constant.color#BD9FF7de
support.constant.dom#07BB73de
support.constant.font-name#B392F4de
support.constant.handlebars#B292F4de
support.constant.json#5DD73Ede
support.constant.math#B6A42Fde
support.constant.media#A3A3A3de
support.constant.media-type#07BB73de
support.constant.property-value#39D496de
support.function#BCA92Fde
support.function.git-rebase#EF847Cde
support.other.parenthesis.regexp#A2A2A2de
support.type#08B972de
support.type.property-name#09BC75de
support.type.vendored.property-name#B3B3B3de
support.variable#EE79CFde
token.debug-token#4FCC2Fde
token.error-token#2FB982de
token.info-token#BBA40Ade
token.warn-token#A2A2A2de
variable#F59E98de
variable.css#4AB82Ede
variable.language#F18A83de
variable.language.wildcard.java#EF837Cde
variable.other.constant#A2A2A2de
variable.other.definition.java#BCA409de
variable.other.enummember#09CF81de
variable.other.less#EE79CEde
variable.other.object.java#08B972de
variable.other.object.property.java#F491DAde
variable.parameter.c#BCA409de
variable.parameter.function.language.python#F491DAde
variable.parameter.java#2EBE0Ade
variable.scss#08D180de
viiv by B.W - VS Code Theme