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#D8D8E1fe
  • activityBar.activeBackground#D8D8E1fe
  • activityBar.activeBorder#2C4101fe
  • activityBar.activeFocusBorder#65844600
  • activityBar.background#EBEBF0fe
  • activityBar.border#46884600
  • activityBar.dropBorder#304020fe
  • activityBar.foreground#313F25fe
  • activityBar.inactiveForeground#43435765
  • activityBarBadge.background#52881Afe
  • activityBarBadge.foreground#EBEBF0fe
  • badge.background#52881Afe
  • badge.foreground#EBEBF0fe
  • banner.background#D8D8E1fe
  • banner.foreground#2D2D64ce
  • banner.iconForeground#1B391Efe
  • breadcrumb.activeSelectionForeground#193838ca
  • breadcrumb.background#E7E7ECfe
  • breadcrumb.focusForeground#58713Ffe
  • breadcrumb.foreground#2E2E60ae
  • breadcrumbPicker.background#D8D8E1fe
  • button.background#ADADC0ae
  • button.border#F5F5F700
  • button.foreground#2D2D64ce
  • button.hoverBackground#8787A36e
  • button.secondaryBackground#D8D8E1fe
  • button.secondaryForeground#2D2D64ce
  • button.secondaryHoverBackground#D8D8E1fe
  • button.separator#F5F5F700
  • charts.blue#1b1bfffe
  • charts.foreground#2D2D64ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F0F3fe
  • chat.slashCommandBackground#D8D8E1fe
  • chat.slashCommandForeground#2D2D64ce
  • checkbox.background#F0F0F3fe
  • checkbox.border#F0F0F3fe
  • checkbox.foreground#2D2D64ce
  • checkbox.selectBackground#F0F0F3fe
  • checkbox.selectBorder#F0F0F3fe
  • commandCenter.activeBackground#C2C7B98b
  • commandCenter.activeBorder#F0F0F3fe
  • commandCenter.activeForeground#4F8915fe
  • commandCenter.background#D8D8E1fe
  • commandCenter.border#F0F0F3fe
  • commandCenter.foreground#2D2D64ce
  • commandCenter.inactiveBorder#C3C3D194
  • commandCenter.inactiveForeground#3B3B4D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F500
  • contrastBorder#F5F7F700
  • debugConsole.errorForeground#8B008Bce
  • debugConsole.infoForeground#2D2D64ce
  • debugConsole.sourceForeground#2D2D64ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#3B313Efe
  • debugExceptionWidget.background#FFA5FFb4
  • debugExceptionWidget.border#F0F0F3fe
  • debugIcon.breakpointCurrentStackframeForeground#550F67fe
  • debugIcon.breakpointDisabledForeground#43435765
  • debugIcon.breakpointForeground#3B313Efe
  • debugIcon.breakpointStackframeForeground#631031fe
  • debugIcon.breakpointUnverifiedForeground#3E3025fe
  • debugIcon.continueForeground#113B16fe
  • debugIcon.disconnectForeground#452E17fe
  • debugIcon.pauseForeground#35392Dfe
  • debugIcon.restartForeground#183838fe
  • debugIcon.startForeground#183A1Efe
  • debugIcon.stepBackForeground#003A3Afe
  • debugIcon.stepIntoForeground#1B1B98fe
  • debugIcon.stepOutForeground#442E18fe
  • debugIcon.stepOverForeground#263636fe
  • debugIcon.stopForeground#3E3731fe
  • debugTokenExpression.boolean#23261Eca
  • debugTokenExpression.error#1B161Cca
  • debugTokenExpression.name#1B1D17ca
  • debugTokenExpression.number#26221Eca
  • debugTokenExpression.value#1D1719ca
  • debugToolBar.background#FFA5FF99
  • debugToolBar.border#F0F0F3fe
  • debugView.exceptionLabelBackground#CEC1C5ca
  • debugView.exceptionLabelForeground#193A1Fca
  • debugView.stateLabelBackground#CEC1C5ca
  • debugView.stateLabelForeground#2F2F53ca
  • debugView.valueChangedHighlight#261E21ca
  • descriptionForeground#2D2D64ce
  • diffEditor.border#F5F5F700
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#9AD39Dfb
  • diffEditor.insertedTextBorder#F7F5F700
  • diffEditor.move.border#F7F5F700
  • diffEditor.moveActive.border#F5F5F700
  • diffEditor.removedLineBackground#FFB0B031
  • diffEditor.removedTextBackground#FFB0B0fb
  • diffEditor.removedTextBorder#F5F7F700
  • diffEditor.unchangedCodeBackground#D8D8E1fe
  • diffEditor.unchangedRegionBackground#D8D8E1fe
  • diffEditor.unchangedRegionForeground#2D2D64ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3B3B4D65
  • dropdown.background#F0F0F3fe
  • dropdown.border#F0F0F3fe
  • dropdown.foreground#2D2D64ce
  • dropdown.listBackground#F0F0F3fe
  • editor.background#D8D8E1fe
  • editor.findMatchBackground#9BB09Fab
  • editor.findMatchBorder#F0F0F3fe
  • editor.findMatchHighlightBackground#B4A5B7ab
  • editor.findMatchHighlightBorder#F0F0F3fe
  • editor.findRangeHighlightBackground#B3A0A6ab
  • editor.findRangeHighlightBorder#F0F0F3fe
  • editor.focusedStackFrameHighlightBackground#B9BFAE81
  • editor.foldBackground#484877ac
  • editor.foreground#2D2D64ce
  • editor.hoverHighlightBackground#9BB09Fae
  • editor.inactiveSelectionBackground#B2B2C492
  • editor.inlineValuesBackground#D8D8E1fe
  • editor.inlineValuesForeground#2D2D64ce
  • editor.lineHighlightBackground#B2B2C4b3
  • editor.lineHighlightBorder#F5F7F500
  • editor.linkedEditingBackground#D8D8E1fe
  • editor.rangeHighlightBackground#BBB2A9a4
  • editor.rangeHighlightBorder#F0F0F3fe
  • editor.selectionBackground#C1CECEa7
  • editor.selectionForeground#442E18ca
  • editor.selectionHighlightBackground#92A89587
  • editor.selectionHighlightBorder#F0F0F3fe
  • editor.snippetFinalTabstopHighlightBackground#A48D95a1
  • editor.snippetFinalTabstopHighlightBorder#F0F0F3fe
  • editor.snippetTabstopHighlightBackground#A9BBBBa9
  • editor.snippetTabstopHighlightBorder#F0F0F3fe
  • editor.stackFrameHighlightBackground#ADADC0a4
  • editor.symbolHighlightBackground#A18DA4a2
  • editor.symbolHighlightBorder#F0F0F3fe
  • editor.wordHighlightBackground#849D9Da9
  • editor.wordHighlightBorder#F7F5F700
  • editor.wordHighlightStrongBackground#9DA48Da2
  • editor.wordHighlightStrongBorder#F7F5F600
  • editor.wordHighlightTextBackground#ADB3A0a6
  • editor.wordHighlightTextBorder#F7F6F500
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#2D2D64ce
  • editorBracketMatch.background#305436ab
  • editorBracketMatch.border#F0F0F3fe
  • editorBracketPairGuide.activeBackground1#80304A88
  • editorBracketPairGuide.activeBackground2#3154378c
  • editorBracketPairGuide.activeBackground3#80304A8c
  • editorBracketPairGuide.activeBackground4#554A4082
  • editorBracketPairGuide.activeBackground5#5F472E84
  • editorBracketPairGuide.activeBackground6#44502C87
  • editorBracketPairGuide.background1#C2C8B9fe
  • editorBracketPairGuide.background2#C4C4D1fe
  • editorBracketPairGuide.background3#BAC8BCfe
  • editorBracketPairGuide.background4#C3C7BAfe
  • editorBracketPairGuide.background5#CCC1CEfe
  • editorBracketPairGuide.background6#CCC2CFfe
  • editorCodeLens.foreground#46465C6e
  • editorCommentsWidget.rangeActiveBackground#3F3FA4fe
  • editorCommentsWidget.rangeBackground#D8D8E1fe
  • editorCommentsWidget.resolvedBorder#F0F0F3fe
  • editorCommentsWidget.unresolvedBorder#FFB0B0cb
  • editorCursor.background#D8D8E1fe
  • editorCursor.foreground#5C7840fe
  • editorError.background#F7F6F500
  • editorError.border#F6F7F500
  • editorError.foreground#8B008Bce
  • editorGhostText.background#D8D8E1fe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#0101C06e
  • editorGroup.border#F0F0F3fe
  • editorGroup.dropBackground#D8D8E1fe
  • editorGroup.dropIntoPromptBackground#D8D8E1fe
  • editorGroup.dropIntoPromptBorder#F0F0F3fe
  • editorGroup.dropIntoPromptForeground#2D2D64ce
  • editorGroup.emptyBackground#D8D8E1fe
  • editorGroup.focusedEmptyBorder#F0F0F3fe
  • editorGroupHeader.border#F6F7F500
  • editorGroupHeader.noTabsBackground#EBEBF0ae
  • editorGroupHeader.tabsBackground#D8D8E1a1
  • editorGroupHeader.tabsBorder#F5F7F700
  • editorGutter.addedBackground#1A581Efb
  • editorGutter.background#D8D8E1fe
  • editorGutter.commentGlyphForeground#2D2D64ce
  • editorGutter.commentRangeForeground#2D2D64ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5721cb
  • editorGutter.deletedBackground#9D0000cb
  • editorGutter.foldingControlForeground#2D2D64ce
  • editorGutter.modifiedBackground#5A4A00ce
  • editorHint.border#F7F6F500
  • editorHint.foreground#3A00F1ce
  • editorHoverWidget.background#F0F0F3fe
  • editorHoverWidget.border#F0F0F3fe
  • editorHoverWidget.foreground#2D2D64ce
  • editorHoverWidget.highlightForeground#003A3Aca
  • editorHoverWidget.statusBarBackground#D8D8E1fe
  • editorIndentGuide.activeBackground1#373E2Ffe
  • editorIndentGuide.activeBackground2#3F4A34fe
  • editorIndentGuide.activeBackground3#3B4431fe
  • editorIndentGuide.activeBackground4#2D401Bfe
  • editorIndentGuide.activeBackground5#2B4109fe
  • editorIndentGuide.activeBackground6#294111fe
  • editorIndentGuide.background1#65536835
  • editorIndentGuide.background2#566D5A35
  • editorIndentGuide.background3#5B4B5F35
  • editorIndentGuide.background4#40354235
  • editorIndentGuide.background5#53685635
  • editorIndentGuide.background6#63594F35
  • editorInfo.background#F5F7F500
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3A00F1ce
  • editorInlayHint.background#D8D8E1fe
  • editorInlayHint.foreground#2D2D64ce
  • editorInlayHint.parameterBackground#D8D8E1fe
  • editorInlayHint.parameterForeground#2D2D64ce
  • editorInlayHint.typeBackground#D8D8E1fe
  • editorInlayHint.typeForeground#2D2D64ce
  • editorLightBulb.foreground#5A4A00ce
  • editorLightBulbAutoFix.foreground#1E5721cb
  • editorLineNumber.activeForeground#53881Dfe
  • editorLineNumber.dimmedForeground#4E4E656e
  • editorLineNumber.foreground#46465C6e
  • editorLink.activeForeground#53881Dfe
  • editorMarkerNavigation.background#F0F0F3fe
  • editorMarkerNavigationError.background#FFA5FFbc
  • editorMarkerNavigationError.headerBackground#FFA5FFb1
  • editorMarkerNavigationInfo.background#BFBFFFfe
  • editorMarkerNavigationInfo.headerBackground#BFBFFFfe
  • editorMarkerNavigationWarning.background#E9C100fe
  • editorMarkerNavigationWarning.headerBackground#E9C100fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D8D8E1fe
  • editorOverviewRuler.border#C3C3D1fe
  • editorOverviewRuler.bracketMatchForeground#2D2D64ce
  • editorOverviewRuler.commentForeground#4E4E656e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#2D2D64ce
  • editorOverviewRuler.currentContentForeground#4B4B4Bb3
  • editorOverviewRuler.deletedForeground#9D0000cb
  • editorOverviewRuler.errorForeground#8B008Bce
  • editorOverviewRuler.findMatchForeground#005656ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3A00F1ce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#2C3619ca
  • editorOverviewRuler.selectionHighlightForeground#3A00F1ce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#0C0CABca
  • editorOverviewRuler.wordHighlightStrongForeground#2D2D64ce
  • editorOverviewRuler.wordHighlightTextForeground#2D2D64ce
  • editorPane.background#D8D8E1fe
  • editorRuler.foreground#3B3BB23d
  • editorStickyScroll.background#D8D8E1fe
  • editorStickyScrollHover.background#C4C4D16e
  • editorSuggestWidget.background#F0F0F3fe
  • editorSuggestWidget.border#F5F5F700
  • editorSuggestWidget.focusHighlightForeground#353567fe
  • editorSuggestWidget.foreground#4E2633fe
  • editorSuggestWidget.highlightForeground#452E17ca
  • editorSuggestWidget.selectedBackground#849D8883
  • editorSuggestWidget.selectedForeground#403016ca
  • editorSuggestWidget.selectedIconForeground#452E17ca
  • editorSuggestWidgetStatus.foreground#3E3731fe
  • editorUnicodeHighlight.background#A1A892ad
  • editorUnicodeHighlight.border#F0F0F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F600
  • editorWarning.border#F7F5F600
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2D2D64ce
  • editorWidget.background#F0F0F3fe
  • editorWidget.border#F0F0F3fe
  • editorWidget.foreground#2D2D64ce
  • editorWidget.resizeBorder#F0F0F3fe
  • errorForeground#8B008Bce
  • extensionBadge.remoteBackground#4F8915fe
  • extensionBadge.remoteForeground#EBEBF0fe
  • extensionButton.background#C4C4D1ae
  • extensionButton.foreground#2D2D64ce
  • extensionButton.hoverBackground#C3C3D16e
  • extensionButton.prominentBackground#D8D8E1fe
  • extensionButton.prominentForeground#2D2D64ce
  • extensionButton.prominentHoverBackground#D8D8E1fe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#003A3Afe
  • extensionIcon.sponsorForeground#2D392Ffe
  • extensionIcon.starForeground#073C0Dfe
  • extensionIcon.verifiedForeground#193838fe
  • focusBorder#F7F5F600
  • foreground#2D2D64ce
  • gitDecoration.addedResourceForeground#1E5721cb
  • gitDecoration.deletedResourceForeground#9D0000cb
  • gitDecoration.modifiedResourceForeground#5A4A00ce
  • gitDecoration.renamedResourceForeground#3A00F1ce
  • gitDecoration.stageDeletedResourceForeground#9D0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5721cb
  • gitDecoration.untrackedResourceForeground#005656ce
  • icon.foreground#2E2ED4ae
  • inlineChat.background#CEC1C5ca
  • inlineChat.border#CCC1CEca
  • inlineChat.regionHighlight#23261Eca
  • inlineChat.shadow#17171eca
  • inlineChatDiff.inserted#23261Eca
  • inlineChatDiff.removed#17171eca
  • inlineChatInput.background#1B161Cca
  • inlineChatInput.border#BAC8C8ca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#3F301Dca
  • input.background#F0F0F3fe
  • input.border#F0F0F3fe
  • input.foreground#2D2D64ce
  • input.placeholderForeground#3F3F5265
  • inputOption.activeBackground#F0F0F3fe
  • inputOption.activeBorder#F0F0F3fe
  • inputOption.activeForeground#53881Dfe
  • inputOption.hoverBackground#F0F0F3fe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#FFA5FFc0
  • inputValidation.errorForeground#8B008Bce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F0F3fe
  • inputValidation.infoForeground#2D2D64ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F0F3fe
  • inputValidation.warningForeground#5A4A00ce
  • interactive.activeCodeBorder#F0F0F3fe
  • interactive.inactiveCodeBorder#C3C3D194
  • keybindingLabel.background#D8D8E1fe
  • keybindingLabel.border#F0F0F3fe
  • keybindingLabel.bottomBorder#F0F0F3fe
  • keybindingLabel.foreground#2D2D64ce
  • keybindingTable.headerBackground#D8D8E1fe
  • keybindingTable.rowsBackground#D8D8E1fe
  • list.activeSelectionBackground#949D848b
  • list.activeSelectionForeground#2F2F59ca
  • list.activeSelectionIconForeground#62132Dca
  • list.deemphasizedForeground#2D2D64ce
  • list.dropBackground#D8D8E1fe
  • list.errorForeground#8B008Bce
  • list.filterMatchBackground#D8D8E1fe
  • list.filterMatchBorder#F0F0F3fe
  • list.focusAndSelectionOutline#F5F7F700
  • list.focusBackground#C0C0CF96
  • list.focusForeground#607F41fe
  • list.focusHighlightForeground#750D30fe
  • list.focusOutline#F5F7F700
  • list.highlightForeground#561163ca
  • list.hoverBackground#C1CECEa5
  • list.hoverForeground#53881Efe
  • list.inactiveFocusBackground#C5C5D29e
  • list.inactiveFocusOutline#F5F7F500
  • list.inactiveSelectionBackground#EBEBF0ae
  • list.inactiveSelectionForeground#38384965
  • list.inactiveSelectionIconForeground#38384965
  • list.invalidItemForeground#2D2D64ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D8D8E1fe
  • listFilterWidget.noMatchesOutline#F6F7F500
  • listFilterWidget.outline#F7F5F600
  • listFilterWidget.shadow#F5F5F700
  • menu.background#EBEBF0fe
  • menu.border#F5F7F500
  • menu.foreground#2F2F57ae
  • menu.selectionBackground#BCCACAaa
  • menu.selectionBorder#F7F5F700
  • menu.selectionForeground#52881Afe
  • menu.separatorBackground#C3C3D165
  • menubar.selectionBackground#BCCACAa4
  • menubar.selectionBorder#F5F5F700
  • menubar.selectionForeground#58713Ffe
  • merge.border#F0F0F3fe
  • merge.commonContentBackground#D8D8E1fe
  • merge.commonHeaderBackground#D8D8E1fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#9AD39Dfb
  • merge.incomingContentBackground#99D39Bcb
  • merge.incomingHeaderBackground#9AD39Dfb
  • mergeEditor.change.background#D8D8E1fe
  • mergeEditor.change.word.background#D8D8E1fe
  • mergeEditor.changeBase.background#D8D8E1fe
  • mergeEditor.changeBase.word.background#D8D8E1fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F0F3fe
  • mergeEditor.conflict.handledUnfocused.border#CFCFDA2d
  • mergeEditor.conflict.input1.background#F0F0F3fe
  • mergeEditor.conflict.input2.background#F0F0F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b7
  • mergeEditor.conflict.unhandledFocused.border#F0F0F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFDA39
  • mergeEditor.conflictingLines.background#D8D8E1fe
  • minimap.background#D8D8E1fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A581Efb
  • minimapGutter.deletedBackground#9E0000fb
  • minimapGutter.modifiedBackground#5A4A00ce
  • minimapSlider.activeBackground#6F6F90fe
  • minimapSlider.background#ADADC0ae
  • minimapSlider.hoverBackground#8C8CA66e
  • notebook.cellBorderColor#F0F0F3fe
  • notebook.cellEditorBackground#D8D8E1fe
  • notebook.cellHoverBackground#D8D8E1fe
  • notebook.cellInsertionIndicator#1A1A22ca
  • notebook.cellStatusBarItemHoverBackground#D8D8E1fe
  • notebook.cellToolbarSeparator#1B1D17ca
  • notebook.editorBackground#D8D8E1fe
  • notebook.focusedCellBackground#D8D8E1fe
  • notebook.focusedCellBorder#518917fe
  • notebook.focusedEditorBorder#F0F0F3fe
  • notebook.inactiveFocusedCellBorder#6F6F908e
  • notebook.inactiveSelectedCellBorder#6F6F908e
  • notebook.outputContainerBackgroundColor#D8D8E1fe
  • notebook.outputContainerBorderColor#F0F0F3fe
  • notebook.selectedCellBackground#D8D8E1fe
  • notebook.selectedCellBorder#F0F0F3fe
  • notebook.symbolHighlightBackground#D8D8E1fe
  • notebookEditorOverviewRuler.runningCellForeground#2D2D64ce
  • notebookScrollbarSlider.activeBackground#787898fe
  • notebookScrollbarSlider.background#A3A3B9ae
  • notebookScrollbarSlider.hoverBackground#82829F6e
  • notebookStatusErrorIcon.foreground#8B008Bce
  • notebookStatusRunningIcon.foreground#283802fe
  • notebookStatusSuccessIcon.foreground#1E5721cb
  • notificationCenter.border#F0F0F3fe
  • notificationCenterHeader.background#D8D8E1fe
  • notificationCenterHeader.foreground#2D2D64ce
  • notificationLink.foreground#2D2D64ce
  • notifications.background#D8D8E1fe
  • notifications.border#F0F0F3fe
  • notifications.foreground#2D2D64ce
  • notificationsErrorIcon.foreground#8B008Bce
  • notificationsInfoIcon.foreground#2C3715fe
  • notificationsWarningIcon.foreground#5A4A00ce
  • notificationToast.border#F0F0F3fe
  • panel.background#D8D8E1fe
  • panel.border#F0F0F3fe
  • panel.dropBorder#F0F0F3fe
  • panelInput.border#F0F0F3fe
  • panelSection.border#F0F0F3fe
  • panelSection.dropBackground#D8D8E1fe
  • panelSectionHeader.background#D8D8E1fe
  • panelSectionHeader.border#F0F0F3fe
  • panelSectionHeader.foreground#2D2D64ce
  • panelTitle.activeBorder#F7F5F600
  • panelTitle.activeForeground#373E2Ffe
  • panelTitle.inactiveForeground#3B3B4D65
  • peekView.border#3F4A34fe
  • peekViewEditor.background#F0F0F3fe
  • peekViewEditor.matchHighlightBackground#99849D88
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F0F0F3fe
  • peekViewEditorStickyScroll.background#D8D8E1fe
  • peekViewResult.background#EBEBF0fe
  • peekViewResult.fileForeground#2D2D64ce
  • peekViewResult.lineForeground#2D2D64ce
  • peekViewResult.matchHighlightBackground#AEBFBF8a
  • peekViewResult.selectionBackground#B0A59B8c
  • peekViewResult.selectionForeground#27380Bca
  • peekViewTitle.background#EBEBF0fe
  • peekViewTitleDescription.foreground#2D2D64ce
  • peekViewTitleLabel.foreground#2D2D64ce
  • pickerGroup.border#F0F0F3fe
  • pickerGroup.foreground#2D2D64ce
  • ports.iconRunningProcessForeground#551362fe
  • problemsErrorIcon.foreground#8B008Bce
  • problemsInfoIcon.foreground#3A00F1ce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#4F8915fe
  • profileBadge.foreground#EBEBF0fe
  • progressBar.background#D8D8E1fe
  • quickInput.background#EBEBF0fe
  • quickInput.foreground#2E2E60ae
  • quickInputList.focusBackground#A5AC96a9
  • quickInputList.focusForeground#53881Efe
  • quickInputList.focusIconForeground#58713Ffe
  • quickInputTitle.background#F0F0F3fe
  • sash.hoverBorder#F0F0F3fe
  • scrollbar.shadow#F7F5F700
  • scrollbarSlider.activeBackground#6B6B8Cfe
  • scrollbarSlider.background#9F9FB5ae
  • scrollbarSlider.hoverBackground#8C8CA66e
  • search.resultsInfoForeground#2D2D64ce
  • searchEditor.findMatchBackground#9D848Cad
  • searchEditor.findMatchBorder#F0F0F3fe
  • searchEditor.textInputBorder#F0F0F3fe
  • selection.background#D8D8E1fe
  • settings.checkboxBackground#F0F0F3fe
  • settings.checkboxBorder#F0F0F3fe
  • settings.checkboxForeground#2D2D64ce
  • settings.dropdownBackground#F0F0F3fe
  • settings.dropdownBorder#F0F0F3fe
  • settings.dropdownForeground#2D2D64ce
  • settings.dropdownListBorder#F0F0F3fe
  • settings.focusedRowBackground#A896AC8d
  • settings.focusedRowBorder#F0F0F3fe
  • settings.headerBorder#F0F0F3fe
  • settings.headerForeground#2D2D64ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F0F3fe
  • settings.numberInputBorder#F0F0F3fe
  • settings.numberInputForeground#2D2D64ce
  • settings.rowHoverBackground#D8D8E1fe
  • settings.sashBorder#F0F0F3fe
  • settings.settingsHeaderHoverForeground#5C7840fe
  • settings.textInputBackground#F0F0F3fe
  • settings.textInputBorder#F0F0F3fe
  • settings.textInputForeground#2D2D64ce
  • sideBar.background#D8D8E1fe
  • sideBar.border#F0F0F3fe
  • sideBar.dropBackground#D8D8E1fe
  • sideBar.foreground#2E2ED4ae
  • sideBarSectionHeader.background#F5F5F700
  • sideBarSectionHeader.border#F0F0F3fe
  • sideBarSectionHeader.foreground#2D2D64ce
  • sideBarTitle.foreground#2D2D64ce
  • sideBySideEditor.horizontalBorder#F0F0F3fe
  • sideBySideEditor.verticalBorder#F0F0F3fe
  • simpleFindWidget.sashBorder#F0F0F3fe
  • statusBar.background#EBEBF0fe
  • statusBar.border#F0F0F3fe
  • statusBar.debuggingBackground#FFA5FF9d
  • statusBar.debuggingBorder#F0F0F3fe
  • statusBar.debuggingForeground#2D2D64ce
  • statusBar.focusBorder#F7F5F700
  • statusBar.foreground#46465C6e
  • statusBar.noFolderBackground#EBEBF0fe
  • statusBar.noFolderBorder#F0F0F3fe
  • statusBar.noFolderForeground#2D2D64ce
  • statusBarItem.activeBackground#EBEBF0fe
  • statusBarItem.compactHoverBackground#EBEBF0fe
  • statusBarItem.errorBackground#FFA5FFa1
  • statusBarItem.errorForeground#8B008Bce
  • statusBarItem.errorHoverBackground#FFA5FFb9
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#EBEBF0fe
  • statusBarItem.hoverForeground#53881Dfe
  • statusBarItem.offlineBackground#EBEBF0fe
  • statusBarItem.offlineForeground#2D2D64ce
  • statusBarItem.offlineHoverBackground#EBEBF0fe
  • statusBarItem.offlineHoverForeground#607F41fe
  • statusBarItem.prominentBackground#EBEBF0fe
  • statusBarItem.prominentForeground#2D2D64ce
  • statusBarItem.prominentHoverBackground#EBEBF0fe
  • statusBarItem.prominentHoverForeground#58713Ffe
  • statusBarItem.remoteBackground#607F41fe
  • statusBarItem.remoteForeground#EBEBF0fe
  • statusBarItem.remoteHoverBackground#EBEBF0fe
  • statusBarItem.remoteHoverForeground#607F41fe
  • statusBarItem.warningBackground#E9C100fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E9C100fe
  • statusBarItem.warningHoverForeground#917800ce
  • symbolIcon.arrayForeground#313E33fe
  • symbolIcon.booleanForeground#005656ce
  • symbolIcon.classForeground#561163fe
  • symbolIcon.colorForeground#62132Dfe
  • symbolIcon.constantForeground#27380Bfe
  • symbolIcon.constructorForeground#631031fe
  • symbolIcon.enumeratorForeground#550F67fe
  • symbolIcon.enumeratorMemberForeground#173838fe
  • symbolIcon.eventForeground#313E33fe
  • symbolIcon.fieldForeground#62132Dfe
  • symbolIcon.fileForeground#2E2E5Afe
  • symbolIcon.folderForeground#003A3Afe
  • symbolIcon.functionForeground#3B313Efe
  • symbolIcon.interfaceForeground#3F301Dfe
  • symbolIcon.keyForeground#1D3737fe
  • symbolIcon.keywordForeground#1D3921fe
  • symbolIcon.methodForeground#183A1Efe
  • symbolIcon.moduleForeground#2F2F53fe
  • symbolIcon.namespaceForeground#4D2153fe
  • symbolIcon.nullForeground#1D3921fe
  • symbolIcon.numberForeground#2E361Efe
  • symbolIcon.objectForeground#283802fe
  • symbolIcon.operatorForeground#173838fe
  • symbolIcon.packageForeground#303053fe
  • symbolIcon.propertyForeground#2C3619fe
  • symbolIcon.referenceForeground#2A3717fe
  • symbolIcon.snippetForeground#193838fe
  • symbolIcon.stringForeground#4E2633fe
  • symbolIcon.structForeground#30304Cfe
  • symbolIcon.textForeground#492A34fe
  • symbolIcon.typeParameterForeground#3B3128fe
  • symbolIcon.unitForeground#2F2F53fe
  • symbolIcon.variableForeground#39332Dfe
  • tab.activeBackground#E7E7ECfe
  • tab.activeBorder#F6F7F500
  • tab.activeBorderTop#313F25fe
  • tab.activeForeground#244207fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F700
  • tab.hoverBackground#335252a8
  • tab.hoverBorder#F0F0F3fe
  • tab.hoverForeground#58713Ffe
  • tab.inactiveBackground#C5C5D299
  • tab.inactiveForeground#39394D65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F0F3fe
  • tab.unfocusedActiveBackground#CACAD624
  • tab.unfocusedActiveBorder#F6F7F500
  • tab.unfocusedActiveBorderTop#C4C4D265
  • tab.unfocusedActiveForeground#3B3B4D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3B3BB226
  • tab.unfocusedHoverBorder#CFCFDA34
  • tab.unfocusedHoverForeground#3B3B4D65
  • tab.unfocusedInactiveBackground#B7B7C793
  • tab.unfocusedInactiveForeground#3F3F5265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c5
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8D8E1fe
  • terminal.border#F0F0F3fe
  • terminal.dropBackground#D8D8E1fe
  • terminal.findMatchBackground#D8D8E1fe
  • terminal.findMatchBorder#F0F0F3fe
  • terminal.findMatchHighlightBackground#D8D8E1fe
  • terminal.findMatchHighlightBorder#F0F0F3fe
  • terminal.foreground#2E2ED4ae
  • terminal.hoverHighlightBackground#D8D8E1fe
  • terminal.inactiveSelectionBackground#B7B7C793
  • terminal.selectionBackground#A896AC8c
  • terminal.selectionForeground#631031ca
  • terminal.tab.activeBorder#3B4431fe
  • terminalCommandDecoration.defaultBackground#5D4832aa
  • terminalCommandDecoration.errorBackground#9D0000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D8D8E1fe
  • terminalCursor.foreground#58713Ffe
  • terminalOverviewRuler.cursorForeground#2D2D64ce
  • terminalOverviewRuler.findMatchForeground#005656ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#808080af
  • testing.message.error.decorationForeground#3A5321fe
  • testing.message.error.lineBackground#FFA5FFc1
  • testing.message.info.decorationForeground#39541Dfe
  • testing.message.info.lineBackground#BFBFFFfe
  • testing.peekBorder#F0F0F3fe
  • testing.peekHeaderBackground#D8D8E1fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8D8E1fe
  • textBlockQuote.border#F0F0F3fe
  • textCodeBlock.background#D8D8E1fe
  • textLink.activeForeground#607F41fe
  • textLink.foreground#3A00F1ce
  • textPreformat.foreground#2D2D64ce
  • textSeparator.foreground#2D2D64ce
  • titleBar.activeBackground#EBEBF0fe
  • titleBar.activeForeground#343471ae
  • titleBar.border#F7F5F700
  • titleBar.inactiveBackground#CACAD6d4
  • titleBar.inactiveForeground#38385765
  • toolbar.activeBackground#C2C7B98b
  • toolbar.hoverBackground#D8D8E1fe
  • toolbar.hoverOutline#F5F7F500
  • tree.inactiveIndentGuidesStroke#6D565E35
  • tree.indentGuidesStroke#3A5222fe
  • tree.tableColumnsBorder#F0F0F3fe
  • tree.tableOddRowsBackground#D8D8E1fe
  • walkThrough.embeddedEditorBackground#D8D8E1fe
  • walkthrough.stepTitle.foreground#2D2D64ce
  • welcomePage.background#D8D8E1fe
  • welcomePage.progress.background#D8D8E1fe
  • welcomePage.progress.foreground#2D2D64ce
  • welcomePage.tileBackground#D8D8E1fe
  • welcomePage.tileBorder#F0F0F3fe
  • welcomePage.tileHoverBackground#D8D8E1fe
  • widget.border#F0F0F3fe
  • widget.shadow#F5F7F700
  • window.activeBorder#F0F0F3fe
  • window.inactiveBorder#C5C5D29e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2929466e
comment.block.html#2929496e
comment.block.java#2929486e
comment.block.javadoc.java#2929466e
comment.block.powershell#2929496e
comment.block.xml#2929496e
comment.line.double-slash.c#2929496e
comment.line.double-slash.cpp#28284A6e
comment.line.double-slash.java#2929466e
comment.line.double-slash.js#2929466e
comment.line.number-sign.makefile#2929486e
comment.line.number-sign.python#2929486e
comment.line.number-sign.yaml#28284A6e
comment.line.percentage.erlang#2929466e
comment.line.powershell#2929486e
comment.source.cmake#28284A6e
comment.source.cmakecache#2929496e
constant.character#2C3239de
constant.character.character-class.regexp#4C019Cde
constant.character.escape#382631de
constant.character.set.regexp#5E3B17de
constant.language#4A354Ade
constant.numeric#820B48de
constant.numeric.dec.python#2C3239de
constant.other.caps.python#473856de
constant.other.character-class.regexp#38290Ade
constant.other.character-class.set.regexp#3E303Ede
constant.other.color.rgb-value#302838de
constant.other.placeholder#2C3239de
constant.other.rgb-value#36272Fde
constant.regexp#33491Cde
constant.sha.git-rebase#2F4A13de
emphasis#433650de
entity.name.class#2C3932de
entity.name.function#5D3B19de
entity.name.function.preprocessor#33491Cde
entity.name.function.python#443B31de
entity.name.label#072C53de
entity.name.namespace#38290Ade
entity.name.operator#272C31de
entity.name.operator.custom-literal#44313Bde
entity.name.scope-resolution#5D3B19de
entity.name.tag#304A15de
entity.name.tag.css#1A3027de
entity.name.type#391D56debold
entity.name.variable#343F4Ade
entity.other.attribute#332E29de
entity.other.attribute-name#432031de
entity.other.attribute-name.class.css#520252de
entity.other.attribute-name.class.mixin.css#174C31de
entity.other.attribute-name.id#2C3932de
entity.other.attribute-name.id.css#4B3A5Dde
entity.other.attribute-name.parent-selector.css#36272Fde
entity.other.attribute-name.pseudo-class.css#272E1Cde
entity.other.attribute-name.pseudo-element.css#304917de
entity.other.attribute-name.scss#58072Ede
entity.other.document.begin.yaml#28284A6e
entity.other.inherited-class#3F203Fde
header#38290Ade
invalid#113126de
keyword#3B3144debold
keyword.codetag.notation.python#38290Adebold
keyword.control#563847debold
keyword.control.anchor.regexp#3D2335debold
keyword.control.import.python#32392Cdebold
keyword.operator#3F344Adebold
keyword.operator.alignas#5D3B19debold
keyword.operator.alignof#332A33debold
keyword.operator.cast#3D213Ddebold
keyword.operator.delete#2F363Edebold
keyword.operator.documentation.powershell#28284A6ebold
keyword.operator.expression#202D3Adebold
keyword.operator.instanceof#072C53debold
keyword.operator.logical.python#382631debold
keyword.operator.minus.exponent#33491Cdebold
keyword.operator.negation.regexp#2E3329debold
keyword.operator.new#382D38debold
keyword.operator.noexcept#382343debold
keyword.operator.or.regexp#4A354Adebold
keyword.operator.plus.exponent#382D38debold
keyword.operator.quantifier.regexp#32392Cdebold
keyword.operator.sizeof#3F203Fdebold
keyword.operator.typeid#33491Bdebold
keyword.operator.wordlike#174C31debold
keyword.other.operator#432031debold
keyword.other.package.java#124C2Fdebold
keyword.other.unit#392C32debold
keyword.other.using#563956debold
markup.bold#422407de
markup.changed#443344de
markup.deleted#06427Fde
markup.fenced_code.block.markdown#0D437Cde
markup.heading#4C019Cde
markup.inline.raw#382343de
markup.inserted#2F4A13de
markup.italic#06427Fde
markup.raw.block.markdown#1A3027de
markup.strikethrough#3D2335de
markup.underline#623913de
meta.block.c#3F344Ade
meta.block.c#382D38de
meta.class.java#272C31de
meta.definition.variable.name#3E2F37de
meta.diff.header#563847de
meta.embedded#2A2E26de
meta.embedded.assembly#1C4B34de
meta.function-call.arguments.python#2F363Ede
meta.function-call.python#38290Ade
meta.member.access.python#4C019Cde
meta.method.java#820E49de
meta.object-literal.key#08321Dde
meta.paragraph.markdown#4A343Fde
meta.preprocessor#473856de
meta.preprocessor.numeric#4A3F34de
meta.preprocessor.string#563847de
meta.scope.prerequisites.makefile#272E1Cde
meta.structure.dictionary.json.comments#2929466e
meta.structure.dictionary.key.python#2C3932de
meta.structure.dictionary.value.json.comments#28284A6e
meta.template.expression#500750de
meta.type.cast.expr#3E303Edebold
meta.type.new.expr#364350debold
parameter#3E303Ede
punctuation.character.set.begin.regexp#44313Bde
punctuation.character.set.end.regexp#443344de
punctuation.definition.array.begin.json#31443Bde
punctuation.definition.character-class.regexp#33491Cde
punctuation.definition.comment#2929466e
punctuation.definition.comment.json.comments#2929486e
punctuation.definition.comment.python#2929466e
punctuation.definition.dictionary.begin.json#262F13de
punctuation.definition.dictionary.end.json#382343de
punctuation.definition.group.assertion.regexp#503750de
punctuation.definition.group.regexp#1D3109de
punctuation.definition.list.begin.json#0D437Cde
punctuation.definition.list.begin.markdown#364350de
punctuation.definition.list.begin.python#332E29de
punctuation.definition.list.end.json#820B48de
punctuation.definition.list.end.markdown#3B4431de
punctuation.definition.list.end.python#124C2Fde
punctuation.definition.parameters.begin.python#820B48de
punctuation.definition.parameters.end.bracket.round.java#44313Bde
punctuation.definition.quote.begin.markdown#36272Fde
punctuation.definition.tag#58072Ede
punctuation.definition.template-expression.begin#124474de
punctuation.definition.template-expression.end#33491Bde
punctuation.section.class.begin.bracket.curly.java#503643de
punctuation.section.embedded#3E2F37de
punctuation.section.embedded.begin.php#343F4Ade
punctuation.section.embedded.end.php#3D2335de
punctuation.terminator.java#194B31de
source.cmake#342A20de
source.coffee.embedded#392C32de
source.cpp#183200de
source.css.less#0D437Cde
source.groovy.embedded#770C77de
source.java#3D213Dde
source.java-properties#3D2335de
source.json.comments#28284A6e
source.makefile#503643de
source.powershell#252C31de
source.powershell.variable.other.member#313B44de
source.python#36272Fde
storage#194B31de
storage.modifier#332E29de
storage.modifier.import.java#520252de
storage.modifier.package.java#29332Ede
storage.type#382631debold
storage.type.annotation.groovy#364350debold
storage.type.annotation.java#1A3027debold
storage.type.boolean.go#372913debold
storage.type.byte.go#373E2Fdebold
storage.type.cs#2F3E37debold
storage.type.error.go#072C53debold
storage.type.generic.cs#5E3B17debold
storage.type.generic.groovy#232D32debold
storage.type.generic.java#503750debold
storage.type.groovy#38290Adebold
storage.type.java#623913debold
storage.type.modifier.cs#072C53debold
storage.type.numeric.go#433650debold
storage.type.object.array.groovy#304A15debold
storage.type.object.array.java#563847debold
storage.type.parameters.groovy#5401A4debold
storage.type.primitive.array.groovy#272C31debold
storage.type.primitive.array.java#58072Edebold
storage.type.primitive.groovy#64380Ddebold
storage.type.primitive.java#2A2E26debold
storage.type.rune.go#08321Ddebold
storage.type.string.go#3A243Adebold
storage.type.token.java#850744debold
storage.type.uintptr.go#3E2F37debold
storage.type.variable.cs#443344debold
string#3E2F37de
string.quoted.docstring.multi.python#28284A6e
string.regexp#4A343Fde
string.tag#770C77de
string.value#3B3144de
strong#29332Ede
support.class#174C31de
support.constant.color#500750de
support.constant.dom#563847de
support.constant.font-name#342A20de
support.constant.handlebars#623913de
support.constant.json#44313Bde
support.constant.math#362F3Ede
support.constant.media#473856de
support.constant.media-type#1D3109debold
support.constant.property-value#58072Ede
support.function#850744de
support.function.git-rebase#292E33de
support.other.parenthesis.regexp#272E1Cde
support.type#432031debold
support.type.property-name#262F13debold
support.type.vendored.property-name#0D437Cdebold
support.variable#332E29de
token.debug-token#343F4Ade
token.error-token#202D3Ade
token.info-token#33263Cde
token.warn-token#2E3329de
variable#3F203Fde
variable.css#302838de
variable.language#33292Ede
variable.language.wildcard.java#443B31de
variable.other.constant#4A3F34de
variable.other.definition.java#3D213Dde
variable.other.enummember#3E2F37de
variable.other.less#3A243Ade
variable.other.object.java#304917de
variable.other.object.property.java#820E49de
variable.parameter.c#272E1Cde
variable.parameter.function.language.python#1B4B34de
variable.parameter.java#06427Fde
variable.scss#2C3932de
viiv by B.W - VS Code Theme