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#C2086Dfe
  • activityBar.activeFocusBorder#9637B600
  • activityBar.background#0E0E14fe
  • activityBar.border#B1375500
  • activityBar.dropBorder#C4066Dfe
  • activityBar.foreground#C3066Cfe
  • activityBar.inactiveForeground#AAAAC365
  • activityBarBadge.background#CE418Efe
  • activityBarBadge.foreground#0E0E14fe
  • badge.background#D54B96fe
  • badge.foreground#0E0E14fe
  • banner.background#16161Ffe
  • banner.foreground#B1B1FAce
  • banner.iconForeground#D7E2DAfe
  • breadcrumb.activeSelectionForeground#D7E2E2ca
  • breadcrumb.background#101017fe
  • breadcrumb.focusForeground#E161A7fe
  • breadcrumb.foreground#E1E1E9ae
  • breadcrumbPicker.background#16161Ffe
  • button.background#35354Bae
  • button.border#0E0A0B00
  • button.foreground#B1B1FAce
  • button.hoverBackground#2424326e
  • 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#670067bc
  • 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#0F26148b
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#CE418Efe
  • commandCenter.background#16161Ffe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#B1B1FAce
  • commandCenter.inactiveBorder#0A0A369b
  • commandCenter.inactiveForeground#AAAAC365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0E0A00
  • contrastBorder#0E0C0A00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#B1B1FAce
  • debugConsole.sourceForeground#B1B1FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C6B5C9fe
  • debugExceptionWidget.background#430043ae
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#D0BFC3fe
  • debugIcon.breakpointDisabledForeground#B4B4E265
  • debugIcon.breakpointForeground#DED2D5fe
  • debugIcon.breakpointStackframeForeground#E2E5DCfe
  • debugIcon.breakpointUnverifiedForeground#C4D3D3fe
  • debugIcon.continueForeground#D5C9D7fe
  • debugIcon.disconnectForeground#CCBABFfe
  • debugIcon.pauseForeground#B5C9BAfe
  • debugIcon.restartForeground#BEBED1fe
  • debugIcon.startForeground#DCE5E5fe
  • debugIcon.stepBackForeground#D6DBCEfe
  • debugIcon.stepIntoForeground#C3C3D4fe
  • debugIcon.stepOutForeground#C9D7D7fe
  • debugIcon.stepOverForeground#CABACCfe
  • debugIcon.stopForeground#C9D7D7fe
  • debugTokenExpression.boolean#D2DED5ca
  • debugTokenExpression.error#E5DCDFca
  • debugTokenExpression.name#D7D0C9ca
  • debugTokenExpression.number#D2D2DFca
  • debugTokenExpression.value#DED2D5ca
  • debugToolBar.background#430043a5
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#301A20ca
  • debugView.exceptionLabelForeground#DDD2DEca
  • debugView.stateLabelBackground#292017ca
  • debugView.stateLabelForeground#DED2D5ca
  • debugView.valueChangedHighlight#C8C8D8ca
  • descriptionForeground#B1B1FAce
  • diffEditor.border#0D0A0E00
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0A260Cfb
  • diffEditor.insertedTextBorder#0A0E0E00
  • diffEditor.move.border#0E0A0B00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#4D000031
  • diffEditor.removedTextBackground#4B0000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#16161Ffe
  • diffEditor.unchangedRegionBackground#16161Ffe
  • diffEditor.unchangedRegionForeground#B1B1FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B4B4E565
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#B1B1FAce
  • dropdown.listBackground#0C0C11fe
  • editor.background#16161Ffe
  • editor.findMatchBackground#5D674Ba1
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#445D5Dac
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#55473Aad
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#384F3D89
  • editor.foldBackground#5AC9C9aa
  • editor.foreground#B1B1FAce
  • editor.hoverHighlightBackground#5D4248aa
  • editor.inactiveSelectionBackground#40409097
  • editor.inlineValuesBackground#16161Ffe
  • editor.inlineValuesForeground#B1B1FAce
  • editor.lineHighlightBackground#2E2E41b4
  • editor.lineHighlightBorder#0E0A0B00
  • editor.linkedEditingBackground#16161Ffe
  • editor.rangeHighlightBackground#4B533Da9
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#4B6752aa
  • editor.selectionForeground#E4DCE5ca
  • editor.selectionHighlightBackground#56493B8d
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#684F6Ca5
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#625548a8
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#444478a1
  • editor.symbolHighlightBackground#56493Ba7
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#384F3Da9
  • editor.wordHighlightBorder#0E0C0A00
  • editor.wordHighlightStrongBackground#384F3Dad
  • editor.wordHighlightStrongBorder#0A0E0E00
  • editor.wordHighlightTextBackground#684F6Cad
  • editor.wordHighlightTextBorder#0C0E0A00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B1B1FAce
  • editorBracketMatch.background#59CACAa5
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#F3A3B787
  • editorBracketPairGuide.activeBackground2#DEAF7F89
  • editorBracketPairGuide.activeBackground3#6BC6C681
  • editorBracketPairGuide.activeBackground4#F1A3B581
  • editorBracketPairGuide.activeBackground5#E2AE7A8d
  • editorBracketPairGuide.activeBackground6#A0C5568c
  • editorBracketPairGuide.background1#1E1E3Efe
  • editorBracketPairGuide.background2#1D2214fe
  • editorBracketPairGuide.background3#142317fe
  • editorBracketPairGuide.background4#281F16fe
  • editorBracketPairGuide.background5#292016fe
  • editorBracketPairGuide.background6#1D2214fe
  • editorCodeLens.foreground#B4B4EC6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#16161Ffe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4B0000cb
  • editorCursor.background#16161Ffe
  • editorCursor.foreground#CB3C8Afe
  • editorError.background#0A0E0E00
  • editorError.border#0A0E0E00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#16161Ffe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#B3B3EA6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#16161Ffe
  • editorGroup.dropIntoPromptBackground#16161Ffe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#B1B1FAce
  • editorGroup.emptyBackground#16161Ffe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0A0E0B00
  • editorGroupHeader.noTabsBackground#0E0E14ae
  • editorGroupHeader.tabsBackground#16161Fa1
  • editorGroupHeader.tabsBorder#0A0A0F00
  • 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#0C0E0A00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#B1B1FAce
  • editorHoverWidget.highlightForeground#CEDBD1ca
  • editorHoverWidget.statusBarBackground#16161Ffe
  • editorIndentGuide.activeBackground1#B3B3F4fe
  • editorIndentGuide.activeBackground2#B3B3F3fe
  • editorIndentGuide.activeBackground3#B3B3F5fe
  • editorIndentGuide.activeBackground4#B3B3F3fe
  • editorIndentGuide.activeBackground5#B3B3F5fe
  • editorIndentGuide.activeBackground6#B3B3F4fe
  • editorIndentGuide.background1#98B3B335
  • editorIndentGuide.background2#A2BAA835
  • editorIndentGuide.background3#BAA2A835
  • editorIndentGuide.background4#89A89135
  • editorIndentGuide.background5#98B39F35
  • editorIndentGuide.background6#9DB7A335
  • editorInfo.background#0A0E0E00
  • editorInfo.border#0C0E0A00
  • 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#CE418Efe
  • editorLineNumber.dimmedForeground#B4B4EC6e
  • editorLineNumber.foreground#B3B3EA6e
  • editorLink.activeForeground#E161A7fe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#430043a1
  • editorMarkerNavigationError.headerBackground#430043a7
  • editorMarkerNavigationInfo.background#000081fe
  • editorMarkerNavigationInfo.headerBackground#000081fe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Ffe
  • editorOverviewRuler.border#0F0F50fe
  • editorOverviewRuler.bracketMatchForeground#B1B1FAce
  • editorOverviewRuler.commentForeground#B4B4EC6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B1B1FAce
  • editorOverviewRuler.currentContentForeground#cecece9c
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E4DCE5ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DEE2D7ca
  • editorOverviewRuler.wordHighlightStrongForeground#B1B1FAce
  • editorOverviewRuler.wordHighlightTextForeground#B1B1FAce
  • editorPane.background#16161Ffe
  • editorRuler.foreground#B5B5F830
  • editorStickyScroll.background#16161Ffe
  • editorStickyScroll.shadow#0C0E0A00
  • editorStickyScrollHover.background#0B0B376e
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0E0A0B00
  • editorSuggestWidget.focusHighlightForeground#BA294Bfe
  • editorSuggestWidget.foreground#D7E2E2fe
  • editorSuggestWidget.highlightForeground#C8C8D8ca
  • editorSuggestWidget.selectedBackground#36503D8a
  • editorSuggestWidget.selectedForeground#D9CEDBca
  • editorSuggestWidget.selectedIconForeground#E2E5DCca
  • editorSuggestWidgetStatus.foreground#B5B5D9fe
  • editorUnicodeHighlight.background#5D444Aae
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#282100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0E00
  • editorWarning.border#0A0A0F00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B1B1FAce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#B1B1FAce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#CB3C8Afe
  • extensionBadge.remoteForeground#0E0E14fe
  • extensionButton.background#0F0F39ae
  • extensionButton.foreground#B1B1FAce
  • extensionButton.hoverBackground#0A0A366e
  • extensionButton.prominentBackground#16161Ffe
  • extensionButton.prominentForeground#B1B1FAce
  • extensionButton.prominentHoverBackground#16161Ffe
  • extensionButton.separator#0A0E0B00
  • extensionIcon.preReleaseForeground#C9D7CCfe
  • extensionIcon.sponsorForeground#CCB1B8fe
  • extensionIcon.starForeground#D2D2DFfe
  • extensionIcon.verifiedForeground#DED2D5fe
  • focusBorder#0E0A0B00
  • 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#2C1A30ca
  • inlineChat.border#271F16ca
  • inlineChat.regionHighlight#DADED2ca
  • inlineChat.shadow#CDCDDBca
  • inlineChatDiff.inserted#D2D2DFca
  • inlineChatDiff.removed#E0D7E2ca
  • inlineChatInput.background#D6DBCEca
  • inlineChatInput.border#1E2414ca
  • inlineChatInput.focusBorder#0D0A0E00
  • inlineChatInput.placeholderForeground#D7E2E2ca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#B1B1FAce
  • input.placeholderForeground#B4B4E565
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#C73786fe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067a3
  • inputValidation.errorBorder#4300439d
  • 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#09092197
  • keybindingLabel.background#16161Ffe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#B1B1FAce
  • keybindingTable.headerBackground#16161Ffe
  • keybindingTable.rowsBackground#16161Ffe
  • list.activeSelectionBackground#36505085
  • list.activeSelectionForeground#D2DEDEca
  • list.activeSelectionIconForeground#D7E2DAca
  • list.deemphasizedForeground#B1B1FAce
  • list.dropBackground#16161Ffe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#16161Ffe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0A0A0F00
  • list.focusBackground#3D3D9E97
  • list.focusForeground#D14692fe
  • list.focusHighlightForeground#4D4DE8fe
  • list.focusOutline#0A0E0E00
  • list.highlightForeground#D2DED5ca
  • list.hoverBackground#0909326e
  • list.hoverForeground#D14692fe
  • list.inactiveFocusBackground#2727379d
  • list.inactiveFocusOutline#0C0E0A00
  • list.inactiveSelectionBackground#0E0E14ae
  • list.inactiveSelectionForeground#B4B4E565
  • list.inactiveSelectionIconForeground#B3B3E765
  • list.invalidItemForeground#B1B1FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Ffe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0E0A0B00
  • listFilterWidget.shadow#0C0E0A00
  • menu.background#0E0E14fe
  • menu.border#0E0A0B00
  • menu.foreground#E6E6EDae
  • menu.selectionBackground#4B6767a7
  • menu.selectionBorder#0E0C0A00
  • menu.selectionForeground#DB569Ffe
  • menu.separatorBackground#1C1C4665
  • menubar.selectionBackground#5A445Da6
  • menubar.selectionBorder#0A0E0B00
  • menubar.selectionForeground#DB569Ffe
  • 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#1919232b
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c3
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D1D2832
  • 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#58587Dfe
  • minimapSlider.background#323246ae
  • minimapSlider.hoverBackground#2424326e
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#16161Ffe
  • notebook.cellHoverBackground#16161Ffe
  • notebook.cellInsertionIndicator#DADED2ca
  • notebook.cellStatusBarItemHoverBackground#16161Ffe
  • notebook.cellToolbarSeparator#E5E1DCca
  • notebook.editorBackground#16161Ffe
  • notebook.focusedCellBackground#16161Ffe
  • notebook.focusedCellBorder#DE5CA3fe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#58587D8e
  • notebook.inactiveSelectedCellBorder#5C5C828e
  • notebook.outputContainerBackgroundColor#16161Ffe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#16161Ffe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#16161Ffe
  • notebookEditorOverviewRuler.runningCellForeground#B1B1FAce
  • notebookScrollbarSlider.activeBackground#58587Dfe
  • notebookScrollbarSlider.background#3C3C55ae
  • notebookScrollbarSlider.hoverBackground#20202D6e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#BACCBFfe
  • 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#CCC3BAfe
  • 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#0A0E0B00
  • panelTitle.activeForeground#C2086Dfe
  • panelTitle.inactiveForeground#9B9BB865
  • peekView.border#C40A6Ffe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#56493B87
  • peekViewEditor.matchHighlightBorder#0A0E0E00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#16161Ffe
  • peekViewResult.background#0E0E14fe
  • peekViewResult.fileForeground#B1B1FAce
  • peekViewResult.lineForeground#B1B1FAce
  • peekViewResult.matchHighlightBackground#41585884
  • peekViewResult.selectionBackground#60414982
  • peekViewResult.selectionForeground#C8C8D8ca
  • peekViewTitle.background#0E0E14fe
  • peekViewTitleDescription.foreground#B1B1FAce
  • peekViewTitleLabel.foreground#B1B1FAce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#B1B1FAce
  • ports.iconRunningProcessForeground#D5C9D7fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#CE418Efe
  • profileBadge.foreground#0E0E14fe
  • progressBar.background#16161Ffe
  • quickInput.background#0E0E14fe
  • quickInput.foreground#B3B3FBae
  • quickInputList.focusBackground#324545aa
  • quickInputList.focusForeground#DE5CA3fe
  • quickInputList.focusIconForeground#D54B96fe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#63638Bfe
  • scrollbarSlider.background#323246ae
  • scrollbarSlider.hoverBackground#2727376e
  • search.resultsInfoForeground#B1B1FAce
  • searchEditor.findMatchBackground#613D68a9
  • 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#36503D85
  • 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#CE418Efe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#B1B1FAce
  • sideBar.background#16161Ffe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#16161Ffe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0E0C0A00
  • 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#430043ca
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#B1B1FAce
  • statusBar.focusBorder#0C0E0A00
  • statusBar.foreground#B3B3EA6e
  • statusBar.noFolderBackground#0E0E14fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#B1B1FAce
  • statusBarItem.activeBackground#0E0E14fe
  • statusBarItem.compactHoverBackground#0E0E14fe
  • statusBarItem.errorBackground#430043b1
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#430043c7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0E0A00
  • statusBarItem.hoverBackground#0E0E14fe
  • statusBarItem.hoverForeground#E367ABfe
  • statusBarItem.offlineBackground#0E0E14fe
  • statusBarItem.offlineForeground#B1B1FAce
  • statusBarItem.offlineHoverBackground#0E0E14fe
  • statusBarItem.offlineHoverForeground#D54B96fe
  • statusBarItem.prominentBackground#0E0E14fe
  • statusBarItem.prominentForeground#B1B1FAce
  • statusBarItem.prominentHoverBackground#0E0E14fe
  • statusBarItem.prominentHoverForeground#E161A7fe
  • statusBarItem.remoteBackground#E161A7fe
  • statusBarItem.remoteForeground#0E0E14fe
  • statusBarItem.remoteHoverBackground#0E0E14fe
  • statusBarItem.remoteHoverForeground#D14692fe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#E2DDD7fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#E2E5DCfe
  • symbolIcon.colorForeground#B5C9BAfe
  • symbolIcon.constantForeground#DCDCE6fe
  • symbolIcon.constructorForeground#D0BFC3fe
  • symbolIcon.enumeratorForeground#C9D0BFfe
  • symbolIcon.enumeratorMemberForeground#CCBABFfe
  • symbolIcon.eventForeground#C8C8D8fe
  • symbolIcon.fieldForeground#D2D7C9fe
  • symbolIcon.fileForeground#DCDCE6fe
  • symbolIcon.folderForeground#C8C8D8fe
  • symbolIcon.functionForeground#C9D0BFfe
  • symbolIcon.interfaceForeground#BACCBFfe
  • symbolIcon.keyForeground#C9D7CCfe
  • symbolIcon.keywordForeground#D3C4C8fe
  • symbolIcon.methodForeground#C5BBB0fe
  • symbolIcon.moduleForeground#D3C4C8fe
  • symbolIcon.namespaceForeground#D2D2DFfe
  • symbolIcon.nullForeground#D7E2DAfe
  • symbolIcon.numberForeground#D7E2DAfe
  • symbolIcon.objectForeground#E2E5DCfe
  • symbolIcon.operatorForeground#D3C4C8fe
  • symbolIcon.packageForeground#C9D7CCfe
  • symbolIcon.propertyForeground#BDC5B0fe
  • symbolIcon.referenceForeground#BDC5B0fe
  • symbolIcon.snippetForeground#E0D7E2fe
  • symbolIcon.stringForeground#DCE5DFfe
  • symbolIcon.structForeground#DBCED1fe
  • symbolIcon.textForeground#BACCCCfe
  • symbolIcon.typeParameterForeground#BACCBFfe
  • symbolIcon.unitForeground#CDCDDBfe
  • symbolIcon.variableForeground#D7D7E2fe
  • tab.activeBackground#101017fe
  • tab.activeBorder#0C0E0A00
  • tab.activeBorderTop#C2086Dfe
  • tab.activeForeground#C2076Dfe
  • tab.activeModifiedBorder#282100ce
  • tab.border#0A0E0E00
  • tab.hoverBackground#B4B4F86e
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#E161A7fe
  • tab.inactiveBackground#0909219b
  • tab.inactiveForeground#A0A0BC65
  • tab.inactiveModifiedBorder#282100ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#1D1D2825
  • tab.unfocusedActiveBorder#0A0E0E00
  • tab.unfocusedActiveBorderTop#1D1D4765
  • tab.unfocusedActiveForeground#A5A5BF65
  • tab.unfocusedActiveModifiedBorder#282100ce
  • tab.unfocusedHoverBackground#B2B2F86e
  • tab.unfocusedHoverBorder#1919232a
  • tab.unfocusedHoverForeground#AAAAC365
  • tab.unfocusedInactiveBackground#2424329e
  • tab.unfocusedInactiveForeground#AAAAC365
  • tab.unfocusedInactiveModifiedBorder#282100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • 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#670067b7
  • 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#20202D93
  • terminal.selectionBackground#60414988
  • terminal.selectionForeground#D7E2DAca
  • terminal.tab.activeBorder#F18DC3fe
  • terminalCommandDecoration.defaultBackground#E6A1F1a4
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Ffe
  • terminalCursor.foreground#CE418Efe
  • terminalOverviewRuler.cursorForeground#B1B1FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0cb
  • testing.iconUnset#808080ab
  • testing.message.error.decorationForeground#F59ECDfe
  • testing.message.error.lineBackground#430043ac
  • testing.message.info.decorationForeground#F59DCDfe
  • 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#D8519Afe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#B1B1FAce
  • textSeparator.foreground#B1B1FAce
  • titleBar.activeBackground#0E0E14fe
  • titleBar.activeForeground#5252DEae
  • titleBar.border#0A0E0B00
  • titleBar.inactiveBackground#1D1D28d1
  • titleBar.inactiveForeground#9B9BB865
  • toolbar.activeBackground#0D271489
  • toolbar.hoverBackground#16161Ffe
  • toolbar.hoverOutline#0A0E0E00
  • tree.inactiveIndentGuidesStroke#A1AC8E35
  • tree.indentGuidesStroke#F59DCDfe
  • 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#0E0A0B00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#0A0A3698

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9999F96e
comment.block.html#9B9BF86e
comment.block.java#9B9BF86e
comment.block.javadoc.java#9B9BF86e
comment.block.powershell#9B9BF86e
comment.block.xml#9A9AF76e
comment.line.double-slash.c#9999F96e
comment.line.double-slash.cpp#9B9BF86e
comment.line.double-slash.java#9A9AF76e
comment.line.double-slash.js#9898F86e
comment.line.number-sign.makefile#9A9AF76e
comment.line.number-sign.python#9999F96e
comment.line.number-sign.yaml#9898F86e
comment.line.percentage.erlang#9999F96e
comment.line.powershell#9B9BF86e
comment.source.cmake#9A9AF76e
comment.source.cmakecache#9B9BF86e
constant.character#93B00Bde
constant.character.character-class.regexp#83A0EDde
constant.character.escape#09B99Ade
constant.character.set.regexp#C28BF0de
constant.language#4BD54Bde
constant.numeric#93B109de
constant.numeric.dec.python#91AE0Cde
constant.other.caps.python#D3A8F7de
constant.other.character-class.regexp#91AF0Cde
constant.other.character-class.set.regexp#EC7DB9de
constant.other.color.rgb-value#C38CF0de
constant.other.placeholder#C38BF0de
constant.other.rgb-value#91AF0Ade
constant.regexp#83A0EDde
constant.sha.git-rebase#85A1EEde
emphasis#C28AF0de
entity.name.class#46D1B8de
entity.name.function#E88973de
entity.name.function.preprocessor#83A1EEde
entity.name.function.python#0AD3ADde
entity.name.label#C28BF0de
entity.name.namespace#A6BF37de
entity.name.operator#84A0EEde
entity.name.operator.custom-literal#92B00Cde
entity.name.scope-resolution#E88873de
entity.name.tag#09B99Ade
entity.name.tag.css#C28CF0de
entity.name.type#EC7DB9de
entity.name.variable#EC7EBAde
entity.other.attribute#37C7ADde
entity.other.attribute-name#82A0EEde
entity.other.attribute-name.class.css#83A0EEde
entity.other.attribute-name.class.mixin.css#94B208de
entity.other.attribute-name.id#E98973de
entity.other.attribute-name.id.css#92B00Ade
entity.other.attribute-name.parent-selector.css#83A0EDde
entity.other.attribute-name.pseudo-class.css#F19F8Dde
entity.other.attribute-name.pseudo-element.css#84A0EEde
entity.other.attribute-name.scss#51D851de
entity.other.document.begin.yaml#9999F96e
entity.other.inherited-class#E88873de
header#56DB56de
invalid#0AD80Ade
keyword#0AB897de
keyword.codetag.notation.python#0AD8B2de
keyword.control#90AE0Bde
keyword.control.anchor.regexp#EC7EBAde
keyword.control.import.python#83A0EEde
keyword.operator#0AD3ADde
keyword.operator.alignas#82A0EEde
keyword.operator.alignof#F2A594de
keyword.operator.cast#83A0EEde
keyword.operator.delete#91AF0Cde
keyword.operator.documentation.powershell#9B9BF86e
keyword.operator.expression#37BB37de
keyword.operator.instanceof#92AF0Cde
keyword.operator.logical.python#C28AF0de
keyword.operator.minus.exponent#91B00Ade
keyword.operator.negation.regexp#C794F2de
keyword.operator.new#ADC737de
keyword.operator.noexcept#E88873de
keyword.operator.or.regexp#0ACCA8de
keyword.operator.plus.exponent#EC7EBAde
keyword.operator.quantifier.regexp#98AE36de
keyword.operator.sizeof#0AD30Ade
keyword.operator.typeid#EC7EBAde
keyword.operator.wordlike#EC7DB9de
keyword.other.operator#F294C7de
keyword.other.package.java#E88873de
keyword.other.unit#C28BF0de
keyword.other.using#36BB36de
markup.bold#FD7E60de
markup.changed#37BB37de
markup.deleted#84A1EEde
markup.fenced_code.block.markdown#98AE37de
markup.heading#37BB37de
markup.inline.raw#C38CF1de
markup.inserted#E88973de
markup.italic#C18BF0de
markup.raw.block.markdown#83A0EEde
markup.strikethrough#09B99Ade
markup.underline#84A0EEde
meta.block.c#08BE08de
meta.block.c#37BA37de
meta.class.java#98AE36de
meta.definition.variable.name#37BB37de
meta.diff.header#3CCBB1de
meta.embedded#EC7EBBde
meta.embedded.assembly#83A0EEde
meta.function-call.arguments.python#EC7EBAde
meta.function-call.python#37B69Fde
meta.member.access.python#4BD54Bde
meta.method.java#41CE41de
meta.object-literal.key#51D851de
meta.paragraph.markdown#E88873de
meta.preprocessor#83A0EDde
meta.preprocessor.numeric#91AF0Cde
meta.preprocessor.string#C794F2de
meta.scope.prerequisites.makefile#E88873de
meta.structure.dictionary.json.comments#9898F86e
meta.structure.dictionary.key.python#C38CF0de
meta.structure.dictionary.value.json.comments#9999F96e
meta.template.expression#E88873de
meta.type.cast.expr#84A0EEde
meta.type.new.expr#0AD30Ade
parameter#EC7EBAde
punctuation.character.set.begin.regexp#0ADA0Ade
punctuation.character.set.end.regexp#EC7EBAde
punctuation.definition.array.begin.json#F2A594de
punctuation.definition.character-class.regexp#F4AB9Ade
punctuation.definition.comment#9898F86e
punctuation.definition.comment.json.comments#9B9BF86e
punctuation.definition.comment.python#9898F86e
punctuation.definition.dictionary.begin.json#EA8E79de
punctuation.definition.dictionary.end.json#F6A1CFde
punctuation.definition.group.assertion.regexp#0AD3ADde
punctuation.definition.group.regexp#EC7EBAde
punctuation.definition.list.begin.json#EC7EBAde
punctuation.definition.list.begin.markdown#E88974de
punctuation.definition.list.begin.python#C28AF0de
punctuation.definition.list.end.json#0ADA0Ade
punctuation.definition.list.end.markdown#C28BF0de
punctuation.definition.list.end.python#C38DF1de
punctuation.definition.parameters.begin.python#37BFA6de
punctuation.definition.parameters.end.bracket.round.java#92AF0Cde
punctuation.definition.quote.begin.markdown#E88873de
punctuation.definition.tag#56DB56de
punctuation.definition.template-expression.begin#C28BF0de
punctuation.definition.template-expression.end#EC7EBAde
punctuation.section.class.begin.bracket.curly.java#E88973de
punctuation.section.embedded#0AD3ADde
punctuation.section.embedded.begin.php#0ADA0Ade
punctuation.section.embedded.end.php#92B00Cde
punctuation.terminator.java#0AB797de
source.cmake#0AD8B4de
source.coffee.embedded#EC7DB9de
source.cpp#36B69Fde
source.css.less#90AE0Bde
source.groovy.embedded#84A0EEde
source.java#84A0EEde
source.java-properties#ED80BBde
source.json.comments#9B9BF86e
source.makefile#EC7EBAde
source.powershell#0ACCA8de
source.powershell.variable.other.member#37B69Fde
source.python#C28BF0de
storage#EC7EBAde
storage.modifier#E88873de
storage.modifier.import.java#0AD3ADde
storage.modifier.package.java#CFA1F6de
storage.type#E88873de
storage.type.annotation.groovy#08BA99de
storage.type.annotation.java#93B00Bde
storage.type.boolean.go#C28BF0de
storage.type.byte.go#37BA37de
storage.type.cs#84A0EEde
storage.type.error.go#09D7B1de
storage.type.generic.cs#83A0EEde
storage.type.generic.groovy#84A0EEde
storage.type.generic.java#92AF0Cde
storage.type.groovy#0ABE0Ade
storage.type.java#E88873de
storage.type.modifier.cs#A1B8F6de
storage.type.numeric.go#EF86BFde
storage.type.object.array.groovy#EC7EBAde
storage.type.object.array.java#0AD8B2de
storage.type.parameters.groovy#0BB799de
storage.type.primitive.array.groovy#98AE37de
storage.type.primitive.array.java#ED80BBde
storage.type.primitive.groovy#0ADA0Ade
storage.type.primitive.java#C38DF1de
storage.type.rune.go#0AD80Ade
storage.type.string.go#0ADA0Ade
storage.type.token.java#37C7ADde
storage.type.uintptr.go#C28BF0de
storage.type.variable.cs#F294C7de
string#91AF0Ade
string.quoted.docstring.multi.python#9999F96e
string.regexp#E88974de
string.tag#EC7DB9de
string.value#09D7B1de
strong#0AD40Ade
support.class#0AD3ADde
support.constant.color#F18DC3de
support.constant.dom#91B00Ade
support.constant.font-name#EC7EBAde
support.constant.handlebars#EC7EBAde
support.constant.json#A8BEF7de
support.constant.math#C28AF0de
support.constant.media#FD7E60de
support.constant.media-type#08BA9Ade
support.constant.property-value#37C737de
support.function#0AB898de
support.function.git-rebase#E88974de
support.other.parenthesis.regexp#C28CF0de
support.type#93B00Bde
support.type.property-name#A1B8F6de
support.type.vendored.property-name#37BA37de
support.variable#F2A594de
token.debug-token#37BB37de
token.error-token#C28BF0de
token.info-token#EC7EBBde
token.warn-token#FC7D5Fde
variable#4BD54Bde
variable.css#09DF09de
variable.language#94B208de
variable.language.wildcard.java#E98975de
variable.other.constant#82A0EEde
variable.other.definition.java#B1CB3Cde
variable.other.enummember#EC7EB9de
variable.other.less#0AB898de
variable.other.object.java#90AE0Cde
variable.other.object.property.java#09B99Ade
variable.parameter.c#E88873de
variable.parameter.function.language.python#C28BF0de
variable.parameter.java#83A0EEde
variable.scss#E88973de
viiv by B.W - VS Code Theme