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#15151Cfe
  • activityBar.activeBackground#15151Cfe
  • activityBar.activeBorder#9405ECfe
  • activityBar.activeFocusBorder#845B3200
  • activityBar.background#0D0D12fe
  • activityBar.border#5151D600
  • activityBar.dropBorder#9507E9fe
  • activityBar.foreground#9607EBfe
  • activityBar.inactiveForeground#9C9CB765
  • activityBarBadge.background#9E3ED8fe
  • activityBarBadge.foreground#0D0D12fe
  • badge.background#9A38D5fe
  • badge.foreground#0D0D12fe
  • banner.background#15151Cfe
  • banner.foreground#B1B1FAce
  • banner.iconForeground#C8C0B5fe
  • breadcrumb.activeSelectionForeground#DCDCE5ca
  • breadcrumb.background#0F0F15fe
  • breadcrumb.focusForeground#9633D2fe
  • breadcrumb.foreground#E1E1E9ae
  • breadcrumbPicker.background#15151Cfe
  • button.background#3C3C53ae
  • button.border#090D0A00
  • button.foreground#B1B1FAce
  • button.hoverBackground#1F1F2B6e
  • button.secondaryBackground#15151Cfe
  • button.secondaryForeground#B1B1FAce
  • button.secondaryHoverBackground#15151Cfe
  • button.separator#090D0D00
  • charts.blue#1b1bfffe
  • charts.foreground#B1B1FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0B10fe
  • chat.slashCommandBackground#15151Cfe
  • chat.slashCommandForeground#B1B1FAce
  • checkbox.background#0B0B10fe
  • checkbox.border#0B0B10fe
  • checkbox.foreground#B1B1FAce
  • checkbox.selectBackground#0B0B10fe
  • checkbox.selectBorder#0B0B10fe
  • commandCenter.activeBackground#39104086
  • commandCenter.activeBorder#0B0B10fe
  • commandCenter.activeForeground#9633D2fe
  • commandCenter.background#15151Cfe
  • commandCenter.border#0B0B10fe
  • commandCenter.foreground#B1B1FAce
  • commandCenter.inactiveBorder#09092E92
  • commandCenter.inactiveForeground#A6A6BE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0D0900
  • contrastBorder#090D0A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B1B1FAce
  • debugConsole.sourceForeground#B1B1FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D6D1C9fe
  • debugExceptionWidget.background#430043ab
  • debugExceptionWidget.border#0B0B10fe
  • debugIcon.breakpointCurrentStackframeForeground#C8CFBFfe
  • debugIcon.breakpointDisabledForeground#B3B3E565
  • debugIcon.breakpointForeground#C8B5BBfe
  • debugIcon.breakpointStackframeForeground#CDBFCFfe
  • debugIcon.breakpointUnverifiedForeground#D3DEDEfe
  • debugIcon.continueForeground#E5DCDFfe
  • debugIcon.disconnectForeground#D3DEDEfe
  • debugIcon.pauseForeground#BFCFCFfe
  • debugIcon.restartForeground#E4DCE5fe
  • debugIcon.startForeground#B4B4D6fe
  • debugIcon.stepBackForeground#DCD3DEfe
  • debugIcon.stepIntoForeground#C0C8B5fe
  • debugIcon.stepOutForeground#C8C8D7fe
  • debugIcon.stepOverForeground#D3DEDEfe
  • debugIcon.stopForeground#E5DCDFfe
  • debugTokenExpression.boolean#D7E1DAca
  • debugTokenExpression.error#DCDCE5ca
  • debugTokenExpression.name#E1E9E9ca
  • debugTokenExpression.number#DCDCE5ca
  • debugTokenExpression.value#E9E1E3ca
  • debugToolBar.background#430043bf
  • debugToolBar.border#0B0B10fe
  • debugView.exceptionLabelBackground#152519ca
  • debugView.exceptionLabelForeground#DCE5DFca
  • debugView.stateLabelBackground#272017ca
  • debugView.stateLabelForeground#CDCDDBca
  • debugView.valueChangedHighlight#D5DACEca
  • descriptionForeground#B1B1FAce
  • diffEditor.border#0A0A0D00
  • diffEditor.diagonalFill#000000f1
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0B280Cfb
  • diffEditor.insertedTextBorder#0B0D0900
  • diffEditor.move.border#0A0A0D00
  • diffEditor.moveActive.border#090D0A00
  • diffEditor.removedLineBackground#4D000031
  • diffEditor.removedTextBackground#4E0000fb
  • diffEditor.removedTextBorder#0D090A00
  • diffEditor.unchangedCodeBackground#15151Cfe
  • diffEditor.unchangedRegionBackground#15151Cfe
  • diffEditor.unchangedRegionForeground#B1B1FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E565
  • dropdown.background#0B0B10fe
  • dropdown.border#0B0B10fe
  • dropdown.foreground#B1B1FAce
  • dropdown.listBackground#0B0B10fe
  • editor.background#15151Cfe
  • editor.findMatchBackground#556048a4
  • editor.findMatchBorder#0B0B10fe
  • editor.findMatchHighlightBackground#43437Fa3
  • editor.findMatchHighlightBorder#0B0B10fe
  • editor.findRangeHighlightBackground#655A4Ba4
  • editor.findRangeHighlightBorder#0B0B10fe
  • editor.focusedStackFrameHighlightBackground#3D51518c
  • editor.foldBackground#99C554a8
  • editor.foreground#B1B1FAce
  • editor.hoverHighlightBackground#736756a3
  • editor.inactiveSelectionBackground#3E3E9499
  • editor.inlineValuesBackground#15151Cfe
  • editor.inlineValuesForeground#B1B1FAce
  • editor.lineHighlightBackground#2A2A3Ab2
  • editor.lineHighlightBorder#090D0A00
  • editor.linkedEditingBackground#15151Cfe
  • editor.rangeHighlightBackground#515B44a3
  • editor.rangeHighlightBorder#0B0B10fe
  • editor.selectionBackground#148737a9
  • editor.selectionForeground#DCD3DEca
  • editor.selectionHighlightBackground#58445B84
  • editor.selectionHighlightBorder#0B0B10fe
  • editor.snippetFinalTabstopHighlightBackground#6A4F57ab
  • editor.snippetFinalTabstopHighlightBorder#0B0B10fe
  • editor.snippetTabstopHighlightBackground#5C4860a1
  • editor.snippetTabstopHighlightBorder#0B0B10fe
  • editor.stackFrameHighlightBackground#6A536Ea6
  • editor.symbolHighlightBackground#736756a5
  • editor.symbolHighlightBorder#0B0B10fe
  • editor.wordHighlightBackground#536E6Eaa
  • editor.wordHighlightBorder#0A0A0D00
  • editor.wordHighlightStrongBackground#5C3F5Fae
  • editor.wordHighlightStrongBorder#0D0B0900
  • editor.wordHighlightTextBackground#5C4860ad
  • editor.wordHighlightTextBorder#0A0A0D00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B1B1FAce
  • editorBracketMatch.background#5AC8C8aa
  • editorBracketMatch.border#0B0B10fe
  • editorBracketPairGuide.activeBackground1#DCB17987
  • editorBracketPairGuide.activeBackground2#9EC3698e
  • editorBracketPairGuide.activeBackground3#6ECA8A84
  • editorBracketPairGuide.activeBackground4#9AC55C88
  • editorBracketPairGuide.activeBackground5#98C65888
  • editorBracketPairGuide.activeBackground6#D9B17985
  • editorBracketPairGuide.background1#1E2515fe
  • editorBracketPairGuide.background2#1E2515fe
  • editorBracketPairGuide.background3#1F1F42fe
  • editorBracketPairGuide.background4#2F1B33fe
  • editorBracketPairGuide.background5#142424fe
  • editorBracketPairGuide.background6#321B21fe
  • editorCodeLens.foreground#B2B2ED6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#15151Cfe
  • editorCommentsWidget.resolvedBorder#0B0B10fe
  • editorCommentsWidget.unresolvedBorder#4F0000cb
  • editorCursor.background#15151Cfe
  • editorCursor.foreground#922ECEfe
  • editorError.background#0B0D0900
  • editorError.border#0C090D00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151Cfe
  • editorGhostText.border#0D0B0900
  • editorGhostText.foreground#B2B2EB6e
  • editorGroup.border#0B0B10fe
  • editorGroup.dropBackground#15151Cfe
  • editorGroup.dropIntoPromptBackground#15151Cfe
  • editorGroup.dropIntoPromptBorder#0B0B10fe
  • editorGroup.dropIntoPromptForeground#B1B1FAce
  • editorGroup.emptyBackground#15151Cfe
  • editorGroup.focusedEmptyBorder#0B0B10fe
  • editorGroupHeader.border#0D090A00
  • editorGroupHeader.noTabsBackground#0D0D12ae
  • editorGroupHeader.tabsBackground#15151Ca1
  • editorGroupHeader.tabsBorder#0D090A00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#15151Cfe
  • editorGutter.commentGlyphForeground#B1B1FAce
  • editorGutter.commentRangeForeground#B1B1FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B1B1FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C090D00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0B0B10fe
  • editorHoverWidget.border#0B0B10fe
  • editorHoverWidget.foreground#B1B1FAce
  • editorHoverWidget.highlightForeground#CEDAD1ca
  • editorHoverWidget.statusBarBackground#15151Cfe
  • editorIndentGuide.activeBackground1#B2B2F3fe
  • editorIndentGuide.activeBackground2#B2B2F4fe
  • editorIndentGuide.activeBackground3#B1B1F2fe
  • editorIndentGuide.activeBackground4#B2B2F3fe
  • editorIndentGuide.activeBackground5#B2B2F4fe
  • editorIndentGuide.activeBackground6#B2B2F3fe
  • editorIndentGuide.background1#A7899235
  • editorIndentGuide.background2#9B809F35
  • editorIndentGuide.background3#98B29F35
  • editorIndentGuide.background4#9DB5A435
  • editorIndentGuide.background5#B9AFA235
  • editorIndentGuide.background6#B3BDA735
  • editorInfo.background#0B0D0900
  • editorInfo.border#090D0D00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151Cfe
  • editorInlayHint.foreground#B1B1FAce
  • editorInlayHint.parameterBackground#15151Cfe
  • editorInlayHint.parameterForeground#B1B1FAce
  • editorInlayHint.typeBackground#15151Cfe
  • editorInlayHint.typeForeground#B1B1FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#AE56E3fe
  • editorLineNumber.dimmedForeground#B2B2E96e
  • editorLineNumber.foreground#B2B2E96e
  • editorLink.activeForeground#AA50E0fe
  • editorMarkerNavigation.background#0B0B10fe
  • editorMarkerNavigationError.background#430043c3
  • editorMarkerNavigationError.headerBackground#430043c9
  • editorMarkerNavigationInfo.background#000084fe
  • editorMarkerNavigationInfo.headerBackground#000084fe
  • editorMarkerNavigationWarning.background#292200fe
  • editorMarkerNavigationWarning.headerBackground#292200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151Cfe
  • editorOverviewRuler.border#0C0C36fe
  • editorOverviewRuler.bracketMatchForeground#B1B1FAce
  • editorOverviewRuler.commentForeground#B2B2E96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B1B1FAce
  • editorOverviewRuler.currentContentForeground#cececea0
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DACED1ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E1DDD7ca
  • editorOverviewRuler.wordHighlightStrongForeground#B1B1FAce
  • editorOverviewRuler.wordHighlightTextForeground#B1B1FAce
  • editorPane.background#15151Cfe
  • editorRuler.foreground#B3B3F821
  • editorStickyScroll.background#15151Cfe
  • editorStickyScroll.shadow#090D0A00
  • editorStickyScrollHover.background#08082D6e
  • editorSuggestWidget.background#0B0B10fe
  • editorSuggestWidget.border#090D0D00
  • editorSuggestWidget.focusHighlightForeground#2B7142fe
  • editorSuggestWidget.foreground#CEDADAfe
  • editorSuggestWidget.highlightForeground#E1D7DAca
  • editorSuggestWidget.selectedBackground#5248398c
  • editorSuggestWidget.selectedForeground#D3DEDEca
  • editorSuggestWidget.selectedIconForeground#D9DED3ca
  • editorSuggestWidgetStatus.foreground#E1DDD7fe
  • editorUnicodeHighlight.background#384F3Fac
  • editorUnicodeHighlight.border#0B0B10fe
  • editorUnnecessaryCode.border#282100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C090D00
  • editorWarning.border#0C090D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B1B1FAce
  • editorWidget.background#0B0B10fe
  • editorWidget.border#0B0B10fe
  • editorWidget.foreground#B1B1FAce
  • editorWidget.resizeBorder#0B0B10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#9E3ED8fe
  • extensionBadge.remoteForeground#0D0D12fe
  • extensionButton.background#0D0D39ae
  • extensionButton.foreground#B1B1FAce
  • extensionButton.hoverBackground#08082D6e
  • extensionButton.prominentBackground#15151Cfe
  • extensionButton.prominentForeground#B1B1FAce
  • extensionButton.prominentHoverBackground#15151Cfe
  • extensionButton.separator#090D0D00
  • extensionIcon.preReleaseForeground#E1E9E3fe
  • extensionIcon.sponsorForeground#D3C4C8fe
  • extensionIcon.starForeground#D1D6C9fe
  • extensionIcon.verifiedForeground#D7D7E2fe
  • focusBorder#090D0D00
  • foreground#B1B1FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B3B3F6ae
  • inlineChat.background#272017ca
  • inlineChat.border#16261Bca
  • inlineChat.regionHighlight#D7E1E1ca
  • inlineChat.shadow#E1E9E9ca
  • inlineChatDiff.inserted#E9E1E3ca
  • inlineChatDiff.removed#D9DED3ca
  • inlineChatInput.background#E1E5DCca
  • inlineChatInput.border#152323ca
  • inlineChatInput.focusBorder#0D090A00
  • inlineChatInput.placeholderForeground#E1E9E3ca
  • input.background#0B0B10fe
  • input.border#0B0B10fe
  • input.foreground#B1B1FAce
  • input.placeholderForeground#B2B2E765
  • inputOption.activeBackground#0B0B10fe
  • inputOption.activeBorder#0B0B10fe
  • inputOption.activeForeground#AA50E0fe
  • inputOption.hoverBackground#0B0B10fe
  • inputValidation.errorBackground#67006799
  • inputValidation.errorBorder#430043aa
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0B10fe
  • inputValidation.infoForeground#B1B1FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0B10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0B10fe
  • interactive.inactiveCodeBorder#1F1F2B94
  • keybindingLabel.background#15151Cfe
  • keybindingLabel.border#0B0B10fe
  • keybindingLabel.bottomBorder#0B0B10fe
  • keybindingLabel.foreground#B1B1FAce
  • keybindingTable.headerBackground#15151Cfe
  • keybindingTable.rowsBackground#15151Cfe
  • list.activeSelectionBackground#3D514382
  • list.activeSelectionForeground#DCD3DEca
  • list.activeSelectionIconForeground#E1DDD7ca
  • list.deemphasizedForeground#B1B1FAce
  • list.dropBackground#15151Cfe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151Cfe
  • list.filterMatchBorder#0B0B10fe
  • list.focusAndSelectionOutline#0A0A0D00
  • list.focusBackground#3E3E9497
  • list.focusForeground#AA50E0fe
  • list.focusHighlightForeground#276F6Ffe
  • list.focusOutline#0B0D0900
  • list.highlightForeground#E1DDD7ca
  • list.hoverBackground#0A0A316e
  • list.hoverForeground#9633D2fe
  • list.inactiveFocusBackground#2E2E3F94
  • list.inactiveFocusOutline#0B0D0900
  • list.inactiveSelectionBackground#0D0D12ae
  • list.inactiveSelectionForeground#B3B3E565
  • list.inactiveSelectionIconForeground#B3B3E565
  • list.invalidItemForeground#B1B1FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151Cfe
  • listFilterWidget.noMatchesOutline#090D0D00
  • listFilterWidget.outline#0C090D00
  • listFilterWidget.shadow#090D0D00
  • menu.background#0D0D12fe
  • menu.border#090D0D00
  • menu.foreground#B0B0FBae
  • menu.selectionBackground#168282ab
  • menu.selectionBorder#0D090A00
  • menu.selectionForeground#AE56E3fe
  • menu.separatorBackground#1E1E4765
  • menubar.selectionBackground#5E7D67a1
  • menubar.selectionBorder#0A0A0D00
  • menubar.selectionForeground#AE56E3fe
  • merge.border#0B0B10fe
  • merge.commonContentBackground#15151Cfe
  • merge.commonHeaderBackground#15151Cfe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0B280Cfb
  • merge.incomingContentBackground#0D260Ecb
  • merge.incomingHeaderBackground#0B280Cfb
  • mergeEditor.change.background#15151Cfe
  • mergeEditor.change.word.background#15151Cfe
  • mergeEditor.changeBase.background#15151Cfe
  • mergeEditor.changeBase.word.background#15151Cfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0B10fe
  • mergeEditor.conflict.handledUnfocused.border#1C1C2637
  • mergeEditor.conflict.input1.background#0B0B10fe
  • mergeEditor.conflict.input2.background#0B0B10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c8
  • mergeEditor.conflict.unhandledFocused.border#0B0B10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1C1C2638
  • mergeEditor.conflictingLines.background#15151Cfe
  • minimap.background#15151Cfe
  • 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#555575fe
  • minimapSlider.background#313144ae
  • minimapSlider.hoverBackground#1F1F2B6e
  • notebook.cellBorderColor#0B0B10fe
  • notebook.cellEditorBackground#15151Cfe
  • notebook.cellHoverBackground#15151Cfe
  • notebook.cellInsertionIndicator#E9E5E1ca
  • notebook.cellStatusBarItemHoverBackground#15151Cfe
  • notebook.cellToolbarSeparator#DED9D3ca
  • notebook.editorBackground#15151Cfe
  • notebook.focusedCellBackground#15151Cfe
  • notebook.focusedCellBorder#AA50E0fe
  • notebook.focusedEditorBorder#0B0B10fe
  • notebook.inactiveFocusedCellBorder#6060848e
  • notebook.inactiveSelectedCellBorder#5C5C7F8e
  • notebook.outputContainerBackgroundColor#15151Cfe
  • notebook.outputContainerBorderColor#0B0B10fe
  • notebook.selectedCellBackground#15151Cfe
  • notebook.selectedCellBorder#0B0B10fe
  • notebook.symbolHighlightBackground#15151Cfe
  • notebookEditorOverviewRuler.runningCellForeground#B1B1FAce
  • notebookScrollbarSlider.activeBackground#555575fe
  • notebookScrollbarSlider.background#3F3F58ae
  • notebookScrollbarSlider.hoverBackground#2E2E3F6e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CEDADAfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0B10fe
  • notificationCenterHeader.background#15151Cfe
  • notificationCenterHeader.foreground#B1B1FAce
  • notificationLink.foreground#B1B1FAce
  • notifications.background#15151Cfe
  • notifications.border#0B0B10fe
  • notifications.foreground#B1B1FAce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#B5C8C8fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0B10fe
  • panel.background#15151Cfe
  • panel.border#0B0B10fe
  • panel.dropBorder#0B0B10fe
  • panelInput.border#0B0B10fe
  • panelSection.border#0B0B10fe
  • panelSection.dropBackground#15151Cfe
  • panelSectionHeader.background#15151Cfe
  • panelSectionHeader.border#0B0B10fe
  • panelSectionHeader.foreground#B1B1FAce
  • panelTitle.activeBorder#0C090D00
  • panelTitle.activeForeground#9507E9fe
  • panelTitle.inactiveForeground#4949F465
  • peekView.border#9706EBfe
  • peekViewEditor.background#0B0B10fe
  • peekViewEditor.matchHighlightBackground#5F3E6488
  • peekViewEditor.matchHighlightBorder#0A0A0D00
  • peekViewEditorGutter.background#0B0B10fe
  • peekViewEditorStickyScroll.background#15151Cfe
  • peekViewResult.background#0D0D12fe
  • peekViewResult.fileForeground#B1B1FAce
  • peekViewResult.lineForeground#B1B1FAce
  • peekViewResult.matchHighlightBackground#664F6A84
  • peekViewResult.selectionBackground#4860608a
  • peekViewResult.selectionForeground#D3DEDEca
  • peekViewTitle.background#0D0D12fe
  • peekViewTitleDescription.foreground#B1B1FAce
  • peekViewTitleLabel.foreground#B1B1FAce
  • pickerGroup.border#0B0B10fe
  • pickerGroup.foreground#B1B1FAce
  • ports.iconRunningProcessForeground#E1E5DCfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#9E3ED8fe
  • profileBadge.foreground#0D0D12fe
  • progressBar.background#15151Cfe
  • quickInput.background#0D0D12fe
  • quickInput.foreground#B0B0FBae
  • quickInputList.focusBackground#605548a5
  • quickInputList.focusForeground#9E3ED8fe
  • quickInputList.focusIconForeground#9A38D5fe
  • quickInputTitle.background#0B0B10fe
  • sash.hoverBorder#0B0B10fe
  • scrollbar.shadow#0D090A00
  • scrollbarSlider.activeBackground#606084fe
  • scrollbarSlider.background#3F3F58ae
  • scrollbarSlider.hoverBackground#2E2E3F6e
  • search.resultsInfoForeground#B1B1FAce
  • searchEditor.findMatchBackground#736756a1
  • searchEditor.findMatchBorder#0B0B10fe
  • searchEditor.textInputBorder#0B0B10fe
  • selection.background#15151Cfe
  • settings.checkboxBackground#0B0B10fe
  • settings.checkboxBorder#0B0B10fe
  • settings.checkboxForeground#B1B1FAce
  • settings.dropdownBackground#0B0B10fe
  • settings.dropdownBorder#0B0B10fe
  • settings.dropdownForeground#B1B1FAce
  • settings.dropdownListBorder#0B0B10fe
  • settings.focusedRowBackground#655A4B8b
  • settings.focusedRowBorder#0B0B10fe
  • settings.headerBorder#0B0B10fe
  • settings.headerForeground#B1B1FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0B10fe
  • settings.numberInputBorder#0B0B10fe
  • settings.numberInputForeground#B1B1FAce
  • settings.rowHoverBackground#15151Cfe
  • settings.sashBorder#0B0B10fe
  • settings.settingsHeaderHoverForeground#9E3ED8fe
  • settings.textInputBackground#0B0B10fe
  • settings.textInputBorder#0B0B10fe
  • settings.textInputForeground#B1B1FAce
  • sideBar.background#15151Cfe
  • sideBar.border#0B0B10fe
  • sideBar.dropBackground#15151Cfe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0A0A0D00
  • sideBarSectionHeader.border#0B0B10fe
  • sideBarSectionHeader.foreground#B1B1FAce
  • sideBarTitle.foreground#B1B1FAce
  • sideBySideEditor.horizontalBorder#0B0B10fe
  • sideBySideEditor.verticalBorder#0B0B10fe
  • simpleFindWidget.sashBorder#0B0B10fe
  • statusBar.background#0D0D12fe
  • statusBar.border#0B0B10fe
  • statusBar.debuggingBackground#4300439e
  • statusBar.debuggingBorder#0B0B10fe
  • statusBar.debuggingForeground#B1B1FAce
  • statusBar.focusBorder#0A0A0D00
  • statusBar.foreground#B2B2E96e
  • statusBar.noFolderBackground#0D0D12fe
  • statusBar.noFolderBorder#0B0B10fe
  • statusBar.noFolderForeground#B1B1FAce
  • statusBarItem.activeBackground#0D0D12fe
  • statusBarItem.compactHoverBackground#0D0D12fe
  • statusBarItem.errorBackground#430043b8
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#430043c9
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0B0900
  • statusBarItem.hoverBackground#0D0D12fe
  • statusBarItem.hoverForeground#922ECEfe
  • statusBarItem.offlineBackground#0D0D12fe
  • statusBarItem.offlineForeground#B1B1FAce
  • statusBarItem.offlineHoverBackground#0D0D12fe
  • statusBarItem.offlineHoverForeground#B25CE5fe
  • statusBarItem.prominentBackground#0D0D12fe
  • statusBarItem.prominentForeground#B1B1FAce
  • statusBarItem.prominentHoverBackground#0D0D12fe
  • statusBarItem.prominentHoverForeground#AE56E3fe
  • statusBarItem.remoteBackground#AA50E0fe
  • statusBarItem.remoteForeground#0D0D12fe
  • statusBarItem.remoteHoverBackground#0D0D12fe
  • statusBarItem.remoteHoverForeground#922ECCfe
  • statusBarItem.warningBackground#292200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#292200fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D9DED3fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#BACBCBfe
  • symbolIcon.colorForeground#E0D7E1fe
  • symbolIcon.constantForeground#BACBBFfe
  • symbolIcon.constructorForeground#E1E9E9fe
  • symbolIcon.enumeratorForeground#D1D6C9fe
  • symbolIcon.enumeratorMemberForeground#D8CEDAfe
  • symbolIcon.eventForeground#E1D7DAfe
  • symbolIcon.fieldForeground#DCD3DEfe
  • symbolIcon.fileForeground#DCD3DEfe
  • symbolIcon.folderForeground#B5C8BBfe
  • symbolIcon.functionForeground#D3DEDEfe
  • symbolIcon.interfaceForeground#D4C9D6fe
  • symbolIcon.keyForeground#D4C9D6fe
  • symbolIcon.keywordForeground#CCD3C4fe
  • symbolIcon.methodForeground#B4B4D6fe
  • symbolIcon.moduleForeground#D7D7E2fe
  • symbolIcon.namespaceForeground#C4D3D3fe
  • symbolIcon.nullForeground#E1DDD7fe
  • symbolIcon.numberForeground#D1C4D3fe
  • symbolIcon.objectForeground#D2D2DEfe
  • symbolIcon.operatorForeground#B4B4D6fe
  • symbolIcon.packageForeground#CFC8BFfe
  • symbolIcon.propertyForeground#CDBFCFfe
  • symbolIcon.referenceForeground#D3DED6fe
  • symbolIcon.snippetForeground#BFCFCFfe
  • symbolIcon.stringForeground#E1E9E9fe
  • symbolIcon.structForeground#DCDCE5fe
  • symbolIcon.textForeground#DCDCE5fe
  • symbolIcon.typeParameterForeground#E1DDD7fe
  • symbolIcon.unitForeground#E5DCDFfe
  • symbolIcon.variableForeground#D4C9D6fe
  • tab.activeBackground#0F0F15fe
  • tab.activeBorder#0A0A0D00
  • tab.activeBorderTop#C883F1fe
  • tab.activeForeground#CF91F4fe
  • tab.activeModifiedBorder#282100ce
  • tab.border#0A0A0D00
  • tab.hoverBackground#B2B2F76e
  • tab.hoverBorder#0B0B10fe
  • tab.hoverForeground#A64ADDfe
  • tab.inactiveBackground#0A0A3195
  • tab.inactiveForeground#4949F465
  • tab.inactiveModifiedBorder#282100ce
  • tab.lastPinnedBorder#0B0B10fe
  • tab.unfocusedActiveBackground#1818212a
  • tab.unfocusedActiveBorder#0D090A00
  • tab.unfocusedActiveBorderTop#1D1D4765
  • tab.unfocusedActiveForeground#4949F465
  • tab.unfocusedActiveModifiedBorder#282100ce
  • tab.unfocusedHoverBackground#B2B2F76e
  • tab.unfocusedHoverBorder#18182128
  • tab.unfocusedHoverForeground#9797B365
  • tab.unfocusedInactiveBackground#2E2E3F9b
  • tab.unfocusedInactiveForeground#9797B365
  • tab.unfocusedInactiveModifiedBorder#282100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#670067a0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151Cfe
  • terminal.border#0B0B10fe
  • terminal.dropBackground#15151Cfe
  • terminal.findMatchBackground#15151Cfe
  • terminal.findMatchBorder#0B0B10fe
  • terminal.findMatchHighlightBackground#15151Cfe
  • terminal.findMatchHighlightBorder#0B0B10fe
  • terminal.foreground#B3B3F6ae
  • terminal.hoverHighlightBackground#15151Cfe
  • terminal.inactiveSelectionBackground#1F1F2B91
  • terminal.selectionBackground#536E5B8b
  • terminal.selectionForeground#CEDAD1ca
  • terminal.tab.activeBorder#C883F1fe
  • terminalCommandDecoration.defaultBackground#E49EF0a4
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151Cfe
  • terminalCursor.foreground#9A38D5fe
  • terminalOverviewRuler.cursorForeground#B1B1FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c7
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#D8A3F7fe
  • testing.message.error.lineBackground#430043b4
  • testing.message.info.decorationForeground#D8A4F8fe
  • testing.message.info.lineBackground#000084fe
  • testing.peekBorder#0B0B10fe
  • testing.peekHeaderBackground#15151Cfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151Cfe
  • textBlockQuote.border#0B0B10fe
  • textCodeBlock.background#15151Cfe
  • textLink.activeForeground#AA50E0fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B1B1FAce
  • textSeparator.foreground#B1B1FAce
  • titleBar.activeBackground#0D0D12fe
  • titleBar.activeForeground#5050E2ae
  • titleBar.border#090D0D00
  • titleBar.inactiveBackground#181821d3
  • titleBar.inactiveForeground#9797B365
  • toolbar.activeBackground#11261787
  • toolbar.hoverBackground#15151Cfe
  • toolbar.hoverOutline#0D090A00
  • tree.inactiveIndentGuidesStroke#B7C0AC35
  • tree.indentGuidesStroke#D8A3F7fe
  • tree.tableColumnsBorder#0B0B10fe
  • tree.tableOddRowsBackground#15151Cfe
  • walkThrough.embeddedEditorBackground#15151Cfe
  • walkthrough.stepTitle.foreground#B1B1FAce
  • welcomePage.background#15151Cfe
  • welcomePage.progress.background#15151Cfe
  • welcomePage.progress.foreground#B1B1FAce
  • welcomePage.tileBackground#15151Cfe
  • welcomePage.tileBorder#0B0B10fe
  • welcomePage.tileHoverBackground#15151Cfe
  • widget.border#0B0B10fe
  • widget.shadow#0D090A00
  • window.activeBorder#0B0B10fe
  • window.inactiveBorder#1F1F2B98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9999F96e
comment.block.html#9A9AF76e
comment.block.java#9B9BF86e
comment.block.javadoc.java#9A9AF76e
comment.block.powershell#9A9AF76e
comment.block.xml#9999F96e
comment.line.double-slash.c#9B9BF86e
comment.line.double-slash.cpp#9898F86e
comment.line.double-slash.java#9999F96e
comment.line.double-slash.js#9999F96e
comment.line.number-sign.makefile#9A9AF76e
comment.line.number-sign.python#9B9BF86e
comment.line.number-sign.yaml#9A9AF76e
comment.line.percentage.erlang#9999F96e
comment.line.powershell#9999F96e
comment.source.cmake#9B9BF86e
comment.source.cmakecache#9898F86e
constant.character#C987F1de
constant.character.character-class.regexp#EF7BB5de
constant.character.escape#08D1B8de
constant.character.set.regexp#87B009de
constant.language#08DE15de
constant.numeric#E48C57de
constant.numeric.dec.python#899DF2de
constant.other.caps.python#C986F1de
constant.other.character-class.regexp#EF7BB5de
constant.other.character-class.set.regexp#2DB6A5de
constant.other.color.rgb-value#E38B57de
constant.other.placeholder#C985F1de
constant.other.rgb-value#2ECE38de
constant.regexp#87B009de
constant.sha.git-rebase#D69FF7de
emphasis#08BD14de
entity.name.class#93B52Ede
entity.name.function#44DB4Dde
entity.name.function.preprocessor#E48B57de
entity.name.function.python#08DE15de
entity.name.label#EE7BB5de
entity.name.namespace#899DF3de
entity.name.operator#88B307de
entity.name.operator.custom-literal#86AF0Ade
entity.name.scope-resolution#E38C56de
entity.name.tag#E38C57de
entity.name.tag.css#84AF07de
entity.name.type#A6CE2Ede
entity.name.variable#09C4ADde
entity.other.attribute#2ECEBAde
entity.other.attribute-name#C986F1de
entity.other.attribute-name.class.css#93B52Ede
entity.other.attribute-name.class.mixin.css#899DF2de
entity.other.attribute-name.id#07B7A0de
entity.other.attribute-name.id.css#C987F1de
entity.other.attribute-name.parent-selector.css#EB9E6Fde
entity.other.attribute-name.pseudo-class.css#899DF2de
entity.other.attribute-name.pseudo-element.css#C985F2de
entity.other.attribute-name.scss#44DB4Dde
entity.other.document.begin.yaml#9999F96e
entity.other.inherited-class#87B10Ade
header#07D3BAde
invalid#EF7BB5de
keyword#E38B58de
keyword.codetag.notation.python#EF7CB5de
keyword.control#C985F1de
keyword.control.anchor.regexp#C985F1de
keyword.control.import.python#CA86F2de
keyword.operator#2EBB36de
keyword.operator.alignas#07B7A0de
keyword.operator.alignof#C885F2de
keyword.operator.cast#899DF2de
keyword.operator.delete#EB9E6Fde
keyword.operator.documentation.powershell#9999F96e
keyword.operator.expression#2DB5A4de
keyword.operator.instanceof#C885F2de
keyword.operator.logical.python#C986F1de
keyword.operator.minus.exponent#EF7BB4de
keyword.operator.negation.regexp#E79462de
keyword.operator.new#08B5A0de
keyword.operator.noexcept#EF7BB5de
keyword.operator.or.regexp#A6CE2Ede
keyword.operator.plus.exponent#09CC16de
keyword.operator.quantifier.regexp#08D814de
keyword.operator.sizeof#899DF3de
keyword.operator.typeid#C985F1de
keyword.operator.wordlike#EF7AB5de
keyword.other.operator#08D815de
keyword.other.package.java#8DAD2Dde
keyword.other.unit#E38B57de
keyword.other.using#E38C58de
markup.bold#09CEB5de
markup.changed#09CCB5de
markup.deleted#EF7AB5de
markup.fenced_code.block.markdown#EF7CB6de
markup.heading#C986F1de
markup.inline.raw#899DF2de
markup.inserted#C985F2de
markup.italic#FB8037de
markup.raw.block.markdown#08B5A0de
markup.strikethrough#899DF2de
markup.underline#09CEB5de
meta.block.c#2EBDABde
meta.block.c#899DF2de
meta.class.java#09CB15de
meta.definition.variable.name#F491C3de
meta.diff.header#899DF3de
meta.embedded#8A9DF2de
meta.embedded.assembly#EF7BB5de
meta.function-call.arguments.python#86B108de
meta.function-call.python#E99969de
meta.member.access.python#86AF09de
meta.method.java#8B9EF3de
meta.object-literal.key#F183BAde
meta.paragraph.markdown#86AF0Ade
meta.preprocessor#EF7BB5de
meta.preprocessor.numeric#EF7BB5de
meta.preprocessor.string#FB8037de
meta.scope.prerequisites.makefile#F183BAde
meta.structure.dictionary.json.comments#9B9BF86e
meta.structure.dictionary.key.python#F1AC83de
meta.structure.dictionary.value.json.comments#9A9AF76e
meta.template.expression#C985F1de
meta.type.cast.expr#F491C3de
meta.type.new.expr#09CEB5de
parameter#2ECEBAde
punctuation.character.set.begin.regexp#899DF2de
punctuation.character.set.end.regexp#08B5A0de
punctuation.definition.array.begin.json#87B009de
punctuation.definition.character-class.regexp#9FB0F7de
punctuation.definition.comment#9898F86e
punctuation.definition.comment.json.comments#9999F96e
punctuation.definition.comment.python#9898F86e
punctuation.definition.dictionary.begin.json#C985F1de
punctuation.definition.dictionary.end.json#09BD16de
punctuation.definition.group.assertion.regexp#2DB5A4de
punctuation.definition.group.regexp#86B00Ade
punctuation.definition.list.begin.json#EF7CB6de
punctuation.definition.list.begin.markdown#2EBA36de
punctuation.definition.list.begin.python#2EC538de
punctuation.definition.list.end.json#899DF3de
punctuation.definition.list.end.markdown#09C715de
punctuation.definition.list.end.python#EF7BB5de
punctuation.definition.parameters.begin.python#EE7BB5de
punctuation.definition.parameters.end.bracket.round.java#E99969de
punctuation.definition.quote.begin.markdown#09B8A1de
punctuation.definition.tag#08BD13de
punctuation.definition.template-expression.begin#07BB13de
punctuation.definition.template-expression.end#85AF0Ade
punctuation.section.class.begin.bracket.curly.java#09BD16de
punctuation.section.embedded#EF7BB5de
punctuation.section.embedded.begin.php#EF7CB5de
punctuation.section.embedded.end.php#889DF2de
punctuation.terminator.java#C985F1de
source.cmake#F3B18Ade
source.coffee.embedded#CA86F2de
source.cpp#2EBD37de
source.css.less#44DB4Dde
source.groovy.embedded#44DB4Dde
source.java#87B00Ade
source.java-properties#08D815de
source.json.comments#9999F96e
source.makefile#07BB14de
source.powershell#9FB0F7de
source.powershell.variable.other.member#E38C57de
source.python#99BD2Ede
storage#C986F2de
storage.modifier#87B009de
storage.modifier.import.java#2EBA36de
storage.modifier.package.java#2DBA36de
storage.type#88B307de
storage.type.annotation.groovy#99BD2Ede
storage.type.annotation.java#E79462de
storage.type.boolean.go#2DB6A5de
storage.type.byte.go#C985F2de
storage.type.cs#84AF07de
storage.type.error.go#EF7CB6de
storage.type.generic.cs#08D815de
storage.type.generic.groovy#85AF0Ade
storage.type.generic.java#2DBA36de
storage.type.groovy#EB9E6Fde
storage.type.java#09C4ADde
storage.type.modifier.cs#2EC5B3de
storage.type.numeric.go#2DB5A4de
storage.type.object.array.groovy#EF7BB4de
storage.type.object.array.java#2DBA36de
storage.type.parameters.groovy#EF7AB4de
storage.type.primitive.array.groovy#86B00Ade
storage.type.primitive.array.java#C986F2de
storage.type.primitive.groovy#C987F1de
storage.type.primitive.java#86B00Ade
storage.type.rune.go#09C9B2de
storage.type.string.go#08D815de
storage.type.token.java#F1AC83de
storage.type.uintptr.go#C985F1de
storage.type.variable.cs#EF7BB5de
string#08D1B8de
string.quoted.docstring.multi.python#9898F86e
string.regexp#2DB6A5de
string.tag#E48C57de
string.value#C985F2de
strong#08B5A0de
support.class#EDA376de
support.constant.color#08BD14de
support.constant.dom#2EBD37de
support.constant.font-name#08B5A0de
support.constant.handlebars#E38C58de
support.constant.json#889DF2de
support.constant.math#91A4F4de
support.constant.media#85AF09de
support.constant.media-type#2EBD37de
support.constant.property-value#8B9EF3de
support.function#EF7BB5de
support.function.git-rebase#E38B56de
support.other.parenthesis.regexp#C985F1de
support.type#EE7BB5de
support.type.property-name#99BD2Ede
support.type.vendored.property-name#A0C52Ede
support.variable#86AF0Ade
token.debug-token#EF7BB5de
token.error-token#A0C52Ede
token.info-token#EF7BB5de
token.warn-token#08DE15de
variable#EF7CB5de
variable.css#2EBDABde
variable.language#2ECE38de
variable.language.wildcard.java#E99969de
variable.other.constant#EF7BB5de
variable.other.definition.java#8DAD2Dde
variable.other.enummember#C986F2de
variable.other.less#2EC538de
variable.other.object.java#87B10Ade
variable.other.object.property.java#CA86F2de
variable.parameter.c#99BD2Ede
variable.parameter.function.language.python#EF7AB4de
variable.parameter.java#EF7CB6de
variable.scss#08BD14de
viiv by B.W - VS Code Theme