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#1d1919fe
  • activityBar.activeBackground#1d1919fe
  • activityBar.activeBorder#FD81F1fe
  • activityBar.activeFocusBorder#60685800
  • activityBar.background#120F0Ffe
  • activityBar.border#6C637600
  • activityBar.dropBorder#FD80F1fe
  • activityBar.foreground#FD80EFfe
  • activityBar.inactiveForeground#FD6B6B65
  • activityBarBadge.background#DF35CEfe
  • activityBarBadge.foreground#120F0Ffe
  • badge.background#EB5CDDfe
  • badge.foreground#120F0Ffe
  • banner.background#1d1919fe
  • banner.foreground#FEE8E8ce
  • banner.iconForeground#E5E7E4fe
  • breadcrumb.activeSelectionForeground#D3CDCDca
  • breadcrumb.background#141111fe
  • breadcrumb.focusForeground#DF35CEfe
  • breadcrumb.foreground#EBE8E8ae
  • breadcrumbPicker.background#1d1919fe
  • button.background#453C3Cae
  • button.border#0C0D0B00
  • button.foreground#FEE8E8ce
  • button.hoverBackground#5C4F4F6e
  • button.secondaryBackground#1d1919fe
  • button.secondaryForeground#FEE8E8ce
  • button.secondaryHoverBackground#1d1919fe
  • button.separator#0D0C0C00
  • charts.blue#1b1bfffe
  • charts.foreground#FEE8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#100D0Dfe
  • chat.slashCommandBackground#1d1919fe
  • chat.slashCommandForeground#FEE8E8ce
  • checkbox.background#100D0Dfe
  • checkbox.border#100D0Dfe
  • checkbox.foreground#FEE8E8ce
  • checkbox.selectBackground#100D0Dfe
  • checkbox.selectBorder#100D0Dfe
  • commandCenter.activeBackground#31136B8b
  • commandCenter.activeBorder#100D0Dfe
  • commandCenter.activeForeground#E548D6fe
  • commandCenter.background#1d1919fe
  • commandCenter.border#100D0Dfe
  • commandCenter.foreground#FEE8E8ce
  • commandCenter.inactiveBorder#5902029a
  • commandCenter.inactiveForeground#B8ADAD65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0C0C00
  • contrastBorder#0B0C0D00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FEE8E8ce
  • debugConsole.sourceForeground#FEE8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E5E7E4fe
  • debugExceptionWidget.background#4E004Ebb
  • debugExceptionWidget.border#100D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#BBC0C3fe
  • debugIcon.breakpointDisabledForeground#C2B9B965
  • debugIcon.breakpointForeground#E3DFE3fe
  • debugIcon.breakpointStackframeForeground#D8DBD6fe
  • debugIcon.breakpointUnverifiedForeground#DFDBDFfe
  • debugIcon.continueForeground#D2D5D7fe
  • debugIcon.disconnectForeground#D6D9DBfe
  • debugIcon.pauseForeground#C3C3BBfe
  • debugIcon.restartForeground#D3CDCDfe
  • debugIcon.startForeground#E5E7E4fe
  • debugIcon.stepBackForeground#E0E3DFfe
  • debugIcon.stepIntoForeground#E4E6E7fe
  • debugIcon.stepOutForeground#E7E7E4fe
  • debugIcon.stepOverForeground#BEBBC3fe
  • debugIcon.stopForeground#C6CBC4fe
  • debugTokenExpression.boolean#DBD6DBca
  • debugTokenExpression.error#DFDBDFca
  • debugTokenExpression.name#D3CDCDca
  • debugTokenExpression.number#DBD6DBca
  • debugTokenExpression.value#D3CDCDca
  • debugToolBar.background#4E004Eae
  • debugToolBar.border#100D0Dfe
  • debugView.exceptionLabelBackground#20282Dca
  • debugView.exceptionLabelForeground#DFDBDFca
  • debugView.stateLabelBackground#22281Eca
  • debugView.stateLabelForeground#DBDFDDca
  • debugView.valueChangedHighlight#DFDFDBca
  • descriptionForeground#FEE8E8ce
  • diffEditor.border#0C0D0B00
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#102F12fb
  • diffEditor.insertedTextBorder#0D0D0B00
  • diffEditor.move.border#0C0B0D00
  • diffEditor.moveActive.border#0D0C0C00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#590000fb
  • diffEditor.removedTextBorder#0D0C0C00
  • diffEditor.unchangedCodeBackground#1d1919fe
  • diffEditor.unchangedRegionBackground#1d1919fe
  • diffEditor.unchangedRegionForeground#FEE8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C2B9B965
  • dropdown.background#100D0Dfe
  • dropdown.border#100D0Dfe
  • dropdown.foreground#FEE8E8ce
  • dropdown.listBackground#100D0Dfe
  • editor.background#1d1919fe
  • editor.findMatchBackground#564C56a5
  • editor.findMatchBorder#100D0Dfe
  • editor.findMatchHighlightBackground#524952a4
  • editor.findMatchHighlightBorder#100D0Dfe
  • editor.findRangeHighlightBackground#5C6864a7
  • editor.findRangeHighlightBorder#100D0Dfe
  • editor.focusedStackFrameHighlightBackground#5A5A508a
  • editor.foldBackground#C1B9C1a1
  • editor.foreground#FEE8E8ce
  • editor.hoverHighlightBackground#5C6358ad
  • editor.inactiveSelectionBackground#5649499d
  • editor.inlineValuesBackground#1d1919fe
  • editor.inlineValuesForeground#FEE8E8ce
  • editor.lineHighlightBackground#332C2Cb4
  • editor.lineHighlightBorder#0C0B0D00
  • editor.linkedEditingBackground#1d1919fe
  • editor.rangeHighlightBackground#554A4Aab
  • editor.rangeHighlightBorder#100D0Dfe
  • editor.selectionBackground#534953a4
  • editor.selectionForeground#E5E7E4ca
  • editor.selectionHighlightBackground#564C5681
  • editor.selectionHighlightBorder#100D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#6C6C60a8
  • editor.snippetFinalTabstopHighlightBorder#100D0Dfe
  • editor.snippetTabstopHighlightBackground#544949a3
  • editor.snippetTabstopHighlightBorder#100D0Dfe
  • editor.stackFrameHighlightBackground#454E4Ba9
  • editor.symbolHighlightBackground#56564Ca6
  • editor.symbolHighlightBorder#100D0Dfe
  • editor.wordHighlightBackground#58635Fa9
  • editor.wordHighlightBorder#0B0D0C00
  • editor.wordHighlightStrongBackground#474D44a2
  • editor.wordHighlightStrongBorder#0D0D0B00
  • editor.wordHighlightTextBackground#474D44a1
  • editor.wordHighlightTextBorder#0C0D0B00
  • editorBracketHighlight.foreground1#F7F5F5ce
  • editorBracketHighlight.foreground2#F7F5F5ce
  • editorBracketHighlight.foreground3#F7F5F5ce
  • editorBracketHighlight.foreground4#F7F5F5ce
  • editorBracketHighlight.foreground5#F7F5F5ce
  • editorBracketHighlight.foreground6#F7F5F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#FEE8E8ce
  • editorBracketMatch.background#C3B9B9a9
  • editorBracketMatch.border#100D0Dfe
  • editorBracketPairGuide.activeBackground1#BBBBB284
  • editorBracketPairGuide.activeBackground2#B8BDB585
  • editorBracketPairGuide.activeBackground3#BBBBB284
  • editorBracketPairGuide.activeBackground4#BCBCB38e
  • editorBracketPairGuide.activeBackground5#BDBAC28d
  • editorBracketPairGuide.activeBackground6#B7BCBF88
  • editorBracketPairGuide.background1#22281Efe
  • editorBracketPairGuide.background2#302330fe
  • editorBracketPairGuide.background3#28281Ffe
  • editorBracketPairGuide.background4#342334fe
  • editorBracketPairGuide.background5#1F2B27fe
  • editorBracketPairGuide.background6#1F2924fe
  • editorCodeLens.foreground#C2B9B96e
  • editorCommentsWidget.rangeActiveBackground#C3BABAfe
  • editorCommentsWidget.rangeBackground#1d1919fe
  • editorCommentsWidget.resolvedBorder#100D0Dfe
  • editorCommentsWidget.unresolvedBorder#590000cb
  • editorCursor.background#1d1919fe
  • editorCursor.foreground#DF35CEfe
  • editorError.background#0D0B0D00
  • editorError.border#0C0D0B00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1d1919fe
  • editorGhostText.border#0B0C0D00
  • editorGhostText.foreground#C2B9B96e
  • editorGroup.border#100D0Dfe
  • editorGroup.dropBackground#1d1919fe
  • editorGroup.dropIntoPromptBackground#1d1919fe
  • editorGroup.dropIntoPromptBorder#100D0Dfe
  • editorGroup.dropIntoPromptForeground#FEE8E8ce
  • editorGroup.emptyBackground#1d1919fe
  • editorGroup.focusedEmptyBorder#100D0Dfe
  • editorGroupHeader.border#0D0B0D00
  • editorGroupHeader.noTabsBackground#120F0Fae
  • editorGroupHeader.tabsBackground#1d1919a1
  • editorGroupHeader.tabsBorder#0D0D0B00
  • editorGutter.addedBackground#86CB89fb
  • editorGutter.background#1d1919fe
  • editorGutter.commentGlyphForeground#FEE8E8ce
  • editorGutter.commentRangeForeground#FEE8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA1A1cb
  • editorGutter.foldingControlForeground#FEE8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0D0B00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#100D0Dfe
  • editorHoverWidget.border#100D0Dfe
  • editorHoverWidget.foreground#FEE8E8ce
  • editorHoverWidget.highlightForeground#E7E4E7ca
  • editorHoverWidget.statusBarBackground#1d1919fe
  • editorIndentGuide.activeBackground1#FD81F2fe
  • editorIndentGuide.activeBackground2#FD80EFfe
  • editorIndentGuide.activeBackground3#FE81F2fe
  • editorIndentGuide.activeBackground4#FD80EFfe
  • editorIndentGuide.activeBackground5#FD81F0fe
  • editorIndentGuide.activeBackground6#FD80EFfe
  • editorIndentGuide.background1#B3AAB335
  • editorIndentGuide.background2#938F9B35
  • editorIndentGuide.background3#BBBBB235
  • editorIndentGuide.background4#8F979B35
  • editorIndentGuide.background5#B7BFBC35
  • editorIndentGuide.background6#98A39F35
  • editorInfo.background#0D0B0D00
  • editorInfo.border#0D0B0D00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1d1919fe
  • editorInlayHint.foreground#FEE8E8ce
  • editorInlayHint.parameterBackground#1d1919fe
  • editorInlayHint.parameterForeground#FEE8E8ce
  • editorInlayHint.typeBackground#1d1919fe
  • editorInlayHint.typeForeground#FEE8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E74FD8fe
  • editorLineNumber.dimmedForeground#C2B9B96e
  • editorLineNumber.foreground#C2B9B96e
  • editorLink.activeForeground#DA29C8fe
  • editorMarkerNavigation.background#100D0Dfe
  • editorMarkerNavigationError.background#4E004Eb4
  • editorMarkerNavigationError.headerBackground#4E004Ec3
  • editorMarkerNavigationInfo.background#000095fe
  • editorMarkerNavigationInfo.headerBackground#000095fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1d1919fe
  • editorOverviewRuler.border#3C2121fe
  • editorOverviewRuler.bracketMatchForeground#FEE8E8ce
  • editorOverviewRuler.commentForeground#C2B9B96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FEE8E8ce
  • editorOverviewRuler.currentContentForeground#cececebd
  • editorOverviewRuler.deletedForeground#FFA1A1cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2D7D5ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3CDCDca
  • editorOverviewRuler.wordHighlightStrongForeground#FEE8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#FEE8E8ce
  • editorPane.background#1d1919fe
  • editorRuler.foreground#C4B9B937
  • editorStickyScroll.background#1d1919fe
  • editorStickyScrollHover.background#3624246e
  • editorSuggestWidget.background#100D0Dfe
  • editorSuggestWidget.border#0D0D0B00
  • editorSuggestWidget.focusHighlightForeground#64BADCfe
  • editorSuggestWidget.foreground#BBC3C0fe
  • editorSuggestWidget.highlightForeground#E5E4E7ca
  • editorSuggestWidget.selectedBackground#545F5B85
  • editorSuggestWidget.selectedForeground#E7E4E7ca
  • editorSuggestWidget.selectedIconForeground#D7D1D1ca
  • editorSuggestWidgetStatus.foreground#E0E3DFfe
  • editorUnicodeHighlight.background#585F63ab
  • editorUnicodeHighlight.border#100D0Dfe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0B0D00
  • editorWarning.border#0C0D0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FEE8E8ce
  • editorWidget.background#100D0Dfe
  • editorWidget.border#100D0Dfe
  • editorWidget.foreground#FEE8E8ce
  • editorWidget.resizeBorder#100D0Dfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#E13CD0fe
  • extensionBadge.remoteForeground#120F0Ffe
  • extensionButton.background#3C2121ae
  • extensionButton.foreground#FEE8E8ce
  • extensionButton.hoverBackground#451B1B6e
  • extensionButton.prominentBackground#1d1919fe
  • extensionButton.prominentForeground#FEE8E8ce
  • extensionButton.prominentHoverBackground#1d1919fe
  • extensionButton.separator#0B0C0D00
  • extensionIcon.preReleaseForeground#D3D7D2fe
  • extensionIcon.sponsorForeground#CFC9CFfe
  • extensionIcon.starForeground#D8D6DBfe
  • extensionIcon.verifiedForeground#E4E6E7fe
  • focusBorder#0D0B0D00
  • foreground#FEE8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA1A1cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA1A1cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C3BABAae
  • inlineChat.background#352424ca
  • inlineChat.border#28281Fca
  • inlineChat.regionHighlight#D8D6DBca
  • inlineChat.shadow#DFDFDBca
  • inlineChatDiff.inserted#DFDBDFca
  • inlineChatDiff.removed#D7D1D1ca
  • inlineChatInput.background#E3DFE3ca
  • inlineChatInput.border#292537ca
  • inlineChatInput.focusBorder#0C0B0D00
  • inlineChatInput.placeholderForeground#E7E4E7ca
  • input.background#100D0Dfe
  • input.border#100D0Dfe
  • input.foreground#FEE8E8ce
  • input.placeholderForeground#C3B9B965
  • inputOption.activeBackground#100D0Dfe
  • inputOption.activeBorder#100D0Dfe
  • inputOption.activeForeground#D526C3fe
  • inputOption.hoverBackground#100D0Dfe
  • inputValidation.errorBackground#670067aa
  • inputValidation.errorBorder#4E004Ec5
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#100D0Dfe
  • inputValidation.infoForeground#FEE8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#100D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#100D0Dfe
  • interactive.inactiveCodeBorder#5500009c
  • keybindingLabel.background#1d1919fe
  • keybindingLabel.border#100D0Dfe
  • keybindingLabel.bottomBorder#100D0Dfe
  • keybindingLabel.foreground#FEE8E8ce
  • keybindingTable.headerBackground#1d1919fe
  • keybindingTable.rowsBackground#1d1919fe
  • list.activeSelectionBackground#4E4A548e
  • list.activeSelectionForeground#DFDADAca
  • list.activeSelectionIconForeground#DCDBDFca
  • list.deemphasizedForeground#FEE8E8ce
  • list.dropBackground#1d1919fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1d1919fe
  • list.filterMatchBorder#100D0Dfe
  • list.focusAndSelectionOutline#0B0D0C00
  • list.focusBackground#55494997
  • list.focusForeground#E13CD0fe
  • list.focusHighlightForeground#64BADCfe
  • list.focusOutline#0D0C0C00
  • list.highlightForeground#DBDBD6ca
  • list.hoverBackground#490C49a1
  • list.hoverForeground#E548D6fe
  • list.inactiveFocusBackground#2A242496
  • list.inactiveFocusOutline#0B0C0D00
  • list.inactiveSelectionBackground#120F0Fae
  • list.inactiveSelectionForeground#C2B9B965
  • list.inactiveSelectionIconForeground#C2B9B965
  • list.invalidItemForeground#FEE8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1d1919fe
  • listFilterWidget.noMatchesOutline#0B0D0C00
  • listFilterWidget.outline#0B0D0C00
  • listFilterWidget.shadow#0B0D0C00
  • menu.background#120F0Ffe
  • menu.border#0B0D0C00
  • menu.foreground#FEE0E0ae
  • menu.selectionBackground#534953ab
  • menu.selectionBorder#0D0B0D00
  • menu.selectionForeground#DA29C8fe
  • menu.separatorBackground#38222265
  • menubar.selectionBackground#534953a4
  • menubar.selectionBorder#0B0D0C00
  • menubar.selectionForeground#D526C3fe
  • merge.border#100D0Dfe
  • merge.commonContentBackground#1d1919fe
  • merge.commonHeaderBackground#1d1919fe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#102F12fb
  • merge.incomingContentBackground#102D12cb
  • merge.incomingHeaderBackground#102F12fb
  • mergeEditor.change.background#1d1919fe
  • mergeEditor.change.word.background#1d1919fe
  • mergeEditor.changeBase.background#1d1919fe
  • mergeEditor.changeBase.word.background#1d1919fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#100D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#2620202b
  • mergeEditor.conflict.input1.background#100D0Dfe
  • mergeEditor.conflict.input2.background#100D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a7
  • mergeEditor.conflict.unhandledFocused.border#100D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#211C1C2f
  • mergeEditor.conflictingLines.background#1d1919fe
  • minimap.background#1d1919fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F5F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#86CB89fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#806F6Ffe
  • minimapSlider.background#413838ae
  • minimapSlider.hoverBackground#574B4B6e
  • notebook.cellBorderColor#100D0Dfe
  • notebook.cellEditorBackground#1d1919fe
  • notebook.cellHoverBackground#1d1919fe
  • notebook.cellInsertionIndicator#D3CDCDca
  • notebook.cellStatusBarItemHoverBackground#1d1919fe
  • notebook.cellToolbarSeparator#DBD6D6ca
  • notebook.editorBackground#1d1919fe
  • notebook.focusedCellBackground#1d1919fe
  • notebook.focusedCellBorder#DF35CEfe
  • notebook.focusedEditorBorder#100D0Dfe
  • notebook.inactiveFocusedCellBorder#6E5F5F8e
  • notebook.inactiveSelectedCellBorder#6E5F5F8e
  • notebook.outputContainerBackgroundColor#1d1919fe
  • notebook.outputContainerBorderColor#100D0Dfe
  • notebook.selectedCellBackground#1d1919fe
  • notebook.selectedCellBorder#100D0Dfe
  • notebook.symbolHighlightBackground#1d1919fe
  • notebookEditorOverviewRuler.runningCellForeground#FEE8E8ce
  • notebookScrollbarSlider.activeBackground#6E5F5Ffe
  • notebookScrollbarSlider.background#534747ae
  • notebookScrollbarSlider.hoverBackground#5C4F4F6e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#E5E4E7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#100D0Dfe
  • notificationCenterHeader.background#1d1919fe
  • notificationCenterHeader.foreground#FEE8E8ce
  • notificationLink.foreground#FEE8E8ce
  • notifications.background#1d1919fe
  • notifications.border#100D0Dfe
  • notifications.foreground#FEE8E8ce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#C6CBC4fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#100D0Dfe
  • panel.background#1d1919fe
  • panel.border#100D0Dfe
  • panel.dropBorder#100D0Dfe
  • panelInput.border#100D0Dfe
  • panelSection.border#100D0Dfe
  • panelSection.dropBackground#1d1919fe
  • panelSectionHeader.background#1d1919fe
  • panelSectionHeader.border#100D0Dfe
  • panelSectionHeader.foreground#FEE8E8ce
  • panelTitle.activeBorder#0D0C0C00
  • panelTitle.activeForeground#FD80F1fe
  • panelTitle.inactiveForeground#B8ADAD65
  • peekView.border#FD80F1fe
  • peekViewEditor.background#100D0Dfe
  • peekViewEditor.matchHighlightBackground#505A5787
  • peekViewEditor.matchHighlightBorder#0B0D0C00
  • peekViewEditorGutter.background#100D0Dfe
  • peekViewEditorStickyScroll.background#1d1919fe
  • peekViewResult.background#120F0Ffe
  • peekViewResult.fileForeground#FEE8E8ce
  • peekViewResult.lineForeground#FEE8E8ce
  • peekViewResult.matchHighlightBackground#5C586383
  • peekViewResult.selectionBackground#5A505A8a
  • peekViewResult.selectionForeground#DFDADAca
  • peekViewTitle.background#120F0Ffe
  • peekViewTitleDescription.foreground#FEE8E8ce
  • peekViewTitleLabel.foreground#FEE8E8ce
  • pickerGroup.border#100D0Dfe
  • pickerGroup.foreground#FEE8E8ce
  • ports.iconRunningProcessForeground#CFCFC9fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DC2FCBfe
  • profileBadge.foreground#120F0Ffe
  • progressBar.background#1d1919fe
  • quickInput.background#120F0Ffe
  • quickInput.foreground#FEE0E0ae
  • quickInputList.focusBackground#4C5653a1
  • quickInputList.focusForeground#E548D6fe
  • quickInputList.focusIconForeground#E342D3fe
  • quickInputTitle.background#100D0Dfe
  • sash.hoverBorder#100D0Dfe
  • scrollbar.shadow#0B0D0C00
  • scrollbarSlider.activeBackground#6E5F5Ffe
  • scrollbarSlider.background#534747ae
  • scrollbarSlider.hoverBackground#6A5B5B6e
  • search.resultsInfoForeground#FEE8E8ce
  • searchEditor.findMatchBackground#4C4C43a6
  • searchEditor.findMatchBorder#100D0Dfe
  • searchEditor.textInputBorder#100D0Dfe
  • selection.background#1d1919fe
  • settings.checkboxBackground#100D0Dfe
  • settings.checkboxBorder#100D0Dfe
  • settings.checkboxForeground#FEE8E8ce
  • settings.dropdownBackground#100D0Dfe
  • settings.dropdownBorder#100D0Dfe
  • settings.dropdownForeground#FEE8E8ce
  • settings.dropdownListBorder#100D0Dfe
  • settings.focusedRowBackground#484E5188
  • settings.focusedRowBorder#100D0Dfe
  • settings.headerBorder#100D0Dfe
  • settings.headerForeground#FEE8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#100D0Dfe
  • settings.numberInputBorder#100D0Dfe
  • settings.numberInputForeground#FEE8E8ce
  • settings.rowHoverBackground#1d1919fe
  • settings.sashBorder#100D0Dfe
  • settings.settingsHeaderHoverForeground#E13CD0fe
  • settings.textInputBackground#100D0Dfe
  • settings.textInputBorder#100D0Dfe
  • settings.textInputForeground#FEE8E8ce
  • sideBar.background#1d1919fe
  • sideBar.border#100D0Dfe
  • sideBar.dropBackground#1d1919fe
  • sideBar.foreground#C3BABAae
  • sideBarSectionHeader.background#0B0C0D00
  • sideBarSectionHeader.border#100D0Dfe
  • sideBarSectionHeader.foreground#FEE8E8ce
  • sideBarTitle.foreground#FEE8E8ce
  • sideBySideEditor.horizontalBorder#100D0Dfe
  • sideBySideEditor.verticalBorder#100D0Dfe
  • simpleFindWidget.sashBorder#100D0Dfe
  • statusBar.background#120F0Ffe
  • statusBar.border#100D0Dfe
  • statusBar.debuggingBackground#4E004E9e
  • statusBar.debuggingBorder#100D0Dfe
  • statusBar.debuggingForeground#FEE8E8ce
  • statusBar.focusBorder#0C0B0D00
  • statusBar.foreground#C3B9B96e
  • statusBar.noFolderBackground#120F0Ffe
  • statusBar.noFolderBorder#100D0Dfe
  • statusBar.noFolderForeground#FEE8E8ce
  • statusBarItem.activeBackground#120F0Ffe
  • statusBarItem.compactHoverBackground#120F0Ffe
  • statusBarItem.errorBackground#4E004Ec6
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#4E004Ea3
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0C0B0D00
  • statusBarItem.hoverBackground#120F0Ffe
  • statusBarItem.hoverForeground#EB5CDDfe
  • statusBarItem.offlineBackground#120F0Ffe
  • statusBarItem.offlineForeground#FEE8E8ce
  • statusBarItem.offlineHoverBackground#120F0Ffe
  • statusBarItem.offlineHoverForeground#D526C3fe
  • statusBarItem.prominentBackground#120F0Ffe
  • statusBarItem.prominentForeground#FEE8E8ce
  • statusBarItem.prominentHoverBackground#120F0Ffe
  • statusBarItem.prominentHoverForeground#E956DBfe
  • statusBarItem.remoteBackground#EB5CDDfe
  • statusBarItem.remoteForeground#120F0Ffe
  • statusBarItem.remoteHoverBackground#120F0Ffe
  • statusBarItem.remoteHoverForeground#DC2FCBfe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#D0AC00ce
  • symbolIcon.arrayForeground#E4E6E7fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#BBC0C3fe
  • symbolIcon.colorForeground#CFCDD3fe
  • symbolIcon.constantForeground#C2C0C7fe
  • symbolIcon.constructorForeground#C4BABAfe
  • symbolIcon.enumeratorForeground#DBDBD6fe
  • symbolIcon.enumeratorMemberForeground#D6DBD9fe
  • symbolIcon.eventForeground#C9CDCFfe
  • symbolIcon.fieldForeground#D6DBD9fe
  • symbolIcon.fileForeground#E0DFE3fe
  • symbolIcon.folderForeground#E5E7E4fe
  • symbolIcon.functionForeground#DBDFDDfe
  • symbolIcon.interfaceForeground#DFDADAfe
  • symbolIcon.keyForeground#C9CDCFfe
  • symbolIcon.keywordForeground#C6C4CBfe
  • symbolIcon.methodForeground#E5E7E4fe
  • symbolIcon.moduleForeground#D7D2D7fe
  • symbolIcon.namespaceForeground#D8D6DBfe
  • symbolIcon.nullForeground#CBCBC4fe
  • symbolIcon.numberForeground#DBDFDDfe
  • symbolIcon.objectForeground#E5E7E4fe
  • symbolIcon.operatorForeground#BBC0C3fe
  • symbolIcon.packageForeground#C3BBC3fe
  • symbolIcon.propertyForeground#C7C7C0fe
  • symbolIcon.referenceForeground#CBC4CBfe
  • symbolIcon.snippetForeground#D3D2D7fe
  • symbolIcon.stringForeground#CDD1D3fe
  • symbolIcon.structForeground#C9CDCFfe
  • symbolIcon.textForeground#E3DFDFfe
  • symbolIcon.typeParameterForeground#DFDBDFfe
  • symbolIcon.unitForeground#C6C4CBfe
  • symbolIcon.variableForeground#CBC9CFfe
  • tab.activeBackground#141111fe
  • tab.activeBorder#0B0D0C00
  • tab.activeBorderTop#FD81F0fe
  • tab.activeForeground#FD80F1fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0B0D0C00
  • tab.hoverBackground#C0B8C0a2
  • tab.hoverBorder#100D0Dfe
  • tab.hoverForeground#EB5CDDfe
  • tab.inactiveBackground#5500009e
  • tab.inactiveForeground#B4A8A865
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#100D0Dfe
  • tab.unfocusedActiveBackground#211C1C27
  • tab.unfocusedActiveBorder#0C0D0B00
  • tab.unfocusedActiveBorderTop#2E272765
  • tab.unfocusedActiveForeground#B8ADAD65
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#C3B8B832
  • tab.unfocusedHoverBorder#211C1C35
  • tab.unfocusedHoverForeground#AC9F9F65
  • tab.unfocusedInactiveBackground#3C34349d
  • tab.unfocusedInactiveForeground#AC9F9F65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • 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#670067ca
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1d1919fe
  • terminal.border#100D0Dfe
  • terminal.dropBackground#1d1919fe
  • terminal.findMatchBackground#1d1919fe
  • terminal.findMatchBorder#100D0Dfe
  • terminal.findMatchHighlightBackground#1d1919fe
  • terminal.findMatchHighlightBorder#100D0Dfe
  • terminal.foreground#C3BABAae
  • terminal.hoverHighlightBackground#1d1919fe
  • terminal.inactiveSelectionBackground#332C2C94
  • terminal.selectionBackground#606C688e
  • terminal.selectionForeground#D3D2D7ca
  • terminal.tab.activeBorder#FD80EFfe
  • terminalCommandDecoration.defaultBackground#B7BDB4ab
  • terminalCommandDecoration.errorBackground#FFA1A1cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1d1919fe
  • terminalCursor.foreground#D526C3fe
  • terminalOverviewRuler.cursorForeground#FEE8E8ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b5
  • testing.iconUnset#808080b4
  • testing.message.error.decorationForeground#F0A0E8fe
  • testing.message.error.lineBackground#4E004Ec0
  • testing.message.info.decorationForeground#F29EEAfe
  • testing.message.info.lineBackground#000095fe
  • testing.peekBorder#100D0Dfe
  • testing.peekHeaderBackground#1d1919fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1d1919fe
  • textBlockQuote.border#100D0Dfe
  • textCodeBlock.background#1d1919fe
  • textLink.activeForeground#E74FD8fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FEE8E8ce
  • textSeparator.foreground#FEE8E8ce
  • titleBar.activeBackground#120F0Ffe
  • titleBar.activeForeground#E99B9Bae
  • titleBar.border#0B0D0C00
  • titleBar.inactiveBackground#2A2424dc
  • titleBar.inactiveForeground#B8ADAD65
  • toolbar.activeBackground#212B1B8d
  • toolbar.hoverBackground#1d1919fe
  • toolbar.hoverOutline#0D0C0C00
  • tree.inactiveIndentGuidesStroke#ABABA135
  • tree.indentGuidesStroke#F29EEAfe
  • tree.tableColumnsBorder#100D0Dfe
  • tree.tableOddRowsBackground#1d1919fe
  • walkThrough.embeddedEditorBackground#1d1919fe
  • walkthrough.stepTitle.foreground#FEE8E8ce
  • welcomePage.background#1d1919fe
  • welcomePage.progress.background#1d1919fe
  • welcomePage.progress.foreground#FEE8E8ce
  • welcomePage.tileBackground#1d1919fe
  • welcomePage.tileBorder#100D0Dfe
  • welcomePage.tileHoverBackground#1d1919fe
  • widget.border#100D0Dfe
  • widget.shadow#0C0B0D00
  • window.activeBorder#100D0Dfe
  • window.inactiveBorder#59020295

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#F4B2B26e
comment.block.html#F8B2B26e
comment.block.java#F9B0B06e
comment.block.javadoc.java#F8B2B26e
comment.block.powershell#F8B2B26e
comment.block.xml#F4B2B26e
comment.line.double-slash.c#F9B0B06e
comment.line.double-slash.cpp#F8B2B26e
comment.line.double-slash.java#F8B2B26e
comment.line.double-slash.js#F9B0B06e
comment.line.number-sign.makefile#F9B0B06e
comment.line.number-sign.python#F4B2B26e
comment.line.number-sign.yaml#F4B2B26e
comment.line.percentage.erlang#F8B2B26e
comment.line.powershell#F9B0B06e
comment.source.cmake#F8B2B26e
comment.source.cmakecache#F9B0B06e
constant.character#F28686de
constant.character.character-class.regexp#0BE07Fde
constant.character.escape#40E10Ade
constant.character.set.regexp#8ACAFDde
constant.language#0EDF81de
constant.numeric#0DDF80de
constant.numeric.dec.python#F38585de
constant.other.caps.python#CBBAFEde
constant.other.character-class.regexp#ECBE09de
constant.other.character-class.set.regexp#8CCAFEde
constant.other.color.rgb-value#3FE109de
constant.other.placeholder#C6B4FBde
constant.other.rgb-value#C7B4FEde
constant.regexp#F796EDde
constant.sha.git-rebase#EBBE0Cde
emphasis#8ACAFEde
entity.name.class#FEB0B0de
entity.name.function#43E00Ede
entity.name.function.preprocessor#FEABABde
entity.name.function.python#F89D9Dde
entity.name.label#6AB3EFde
entity.name.namespace#F077E4de
entity.name.operator#0DDF80de
entity.name.operator.custom-literal#F28686de
entity.name.scope-resolution#FEABABde
entity.name.tag#0AE080de
entity.name.tag.css#EBBE0Dde
entity.name.type#40E00Bde
entity.name.variable#F28686de
entity.other.attribute#F278E6de
entity.other.attribute-name#0BE07Fde
entity.other.attribute-name.class.css#0BE07Fde
entity.other.attribute-name.class.mixin.css#42E00Ede
entity.other.attribute-name.id#FEABABde
entity.other.attribute-name.id.css#ECBF0Dde
entity.other.attribute-name.parent-selector.css#F38484de
entity.other.attribute-name.pseudo-class.css#F38585de
entity.other.attribute-name.pseudo-element.css#3FE109de
entity.other.attribute-name.scss#41E00Ade
entity.other.document.begin.yaml#F8B2B26e
entity.other.inherited-class#F28686de
header#78BBF2de
invalid#43E10Ede
keyword#5CABEBde
keyword.codetag.notation.python#F587EAde
keyword.control#80BFF3de
keyword.control.anchor.regexp#41E00Cde
keyword.control.import.python#C6B4FBde
keyword.operator#F58787de
keyword.operator.alignas#F79696de
keyword.operator.alignof#F9A5A5de
keyword.operator.cast#F38484de
keyword.operator.delete#0EE081de
keyword.operator.documentation.powershell#F9B0B06e
keyword.operator.expression#08DF7Ede
keyword.operator.instanceof#0EDF81de
keyword.operator.logical.python#41E00Dde
keyword.operator.minus.exponent#09DE7Ede
keyword.operator.negation.regexp#C6B4FBde
keyword.operator.new#8ACAFEde
keyword.operator.noexcept#43E10Ede
keyword.operator.or.regexp#F18686de
keyword.operator.plus.exponent#8ACAFEde
keyword.operator.quantifier.regexp#43E00Ede
keyword.operator.sizeof#78BBF2de
keyword.operator.typeid#8BCAFDde
keyword.operator.wordlike#FEA5F4de
keyword.other.operator#ECBF0Dde
keyword.other.package.java#AE97F4de
keyword.other.unit#43E00Ede
keyword.other.using#0AE080de
markup.bold#87C3F5de
markup.changed#AE98F3de
markup.deleted#FEA5F4de
markup.fenced_code.block.markdown#FEA6F6de
markup.heading#F380E8de
markup.inline.raw#AE96F6de
markup.inserted#F68E8Ede
markup.italic#6AB3EFde
markup.raw.block.markdown#F587EAde
markup.strikethrough#42E00Ede
markup.underline#F380E8de
meta.block.c#C7B4FEde
meta.block.c#F18686de
meta.class.java#C7B4FEde
meta.definition.variable.name#AE97F4de
meta.diff.header#EF78E3de
meta.embedded#5CABEBde
meta.embedded.assembly#EBBF0Bde
meta.function-call.arguments.python#ECBE0Dde
meta.function-call.python#CBBAFEde
meta.member.access.python#0BE07Fde
meta.method.java#FEAFAFde
meta.object-literal.key#FEA6F6de
meta.paragraph.markdown#AE97F3de
meta.preprocessor#8ACAFDde
meta.preprocessor.numeric#09DE7Ede
meta.preprocessor.string#42E00Dde
meta.scope.prerequisites.makefile#0EE081de
meta.structure.dictionary.json.comments#F9B0B06e
meta.structure.dictionary.key.python#0DDF80de
meta.structure.dictionary.value.json.comments#F9B0B06e
meta.template.expression#F68EECde
meta.type.cast.expr#F9A5F1de
meta.type.new.expr#80BFF3de
parameter#0AE080de
punctuation.character.set.begin.regexp#FEAFAFde
punctuation.character.set.end.regexp#F38484de
punctuation.definition.array.begin.json#0DDF80de
punctuation.definition.character-class.regexp#C7B4FEde
punctuation.definition.comment#F4B2B26e
punctuation.definition.comment.json.comments#F8B2B26e
punctuation.definition.comment.python#F8B2B26e
punctuation.definition.dictionary.begin.json#0DDF80de
punctuation.definition.dictionary.end.json#FEA6F6de
punctuation.definition.group.assertion.regexp#8AC9FEde
punctuation.definition.group.regexp#43E00Ede
punctuation.definition.list.begin.json#8BCAFDde
punctuation.definition.list.begin.markdown#0BE07Fde
punctuation.definition.list.begin.python#5CABEBde
punctuation.definition.list.end.json#AE97F6de
punctuation.definition.list.end.markdown#41E00Ade
punctuation.definition.list.end.python#AE96F7de
punctuation.definition.parameters.begin.python#71B7F0de
punctuation.definition.parameters.end.bracket.round.java#8DCAFEde
punctuation.definition.quote.begin.markdown#EABE0Ade
punctuation.definition.tag#0DDF7Fde
punctuation.definition.template-expression.begin#EABF0Dde
punctuation.definition.template-expression.end#ECBF0Ede
punctuation.section.class.begin.bracket.curly.java#C7B4FEde
punctuation.section.embedded#C6B4FBde
punctuation.section.embedded.begin.php#EBBF0Bde
punctuation.section.embedded.end.php#F89D9Dde
punctuation.terminator.java#42E00Dde
source.cmake#0ADF80de
source.coffee.embedded#0AE080de
source.cpp#F18686de
source.css.less#EBBF0Cde
source.groovy.embedded#09DE7Ede
source.java#ECBE08de
source.java-properties#8BCAFDde
source.json.comments#F9B0B06e
source.makefile#0EE082de
source.powershell#0DE080de
source.powershell.variable.other.member#EABE0Ade
source.python#EBBE0Dde
storage#08DF7Ede
storage.modifier#41E00Cde
storage.modifier.import.java#43E10Dde
storage.modifier.package.java#F08686de
storage.type#42E00Dde
storage.type.annotation.groovy#FEA5F4de
storage.type.annotation.java#ECBF0Dde
storage.type.boolean.go#F28686de
storage.type.byte.go#F08686de
storage.type.cs#AE97F6de
storage.type.error.go#08DF7Ede
storage.type.generic.cs#40E00Bde
storage.type.generic.groovy#F18686de
storage.type.generic.java#F077E4de
storage.type.groovy#F38585de
storage.type.java#40E10Ade
storage.type.modifier.cs#C7B4FEde
storage.type.numeric.go#F9A5F1de
storage.type.object.array.groovy#8ACAFDde
storage.type.object.array.java#AE97F6de
storage.type.parameters.groovy#0ADF80de
storage.type.primitive.array.groovy#8BCAFDde
storage.type.primitive.array.java#63AFEDde
storage.type.primitive.groovy#EABE0Ade
storage.type.primitive.java#78BBF2de
storage.type.rune.go#43E10Dde
storage.type.string.go#71B7F0de
storage.type.token.java#43E00Ede
storage.type.uintptr.go#C7B4FEde
storage.type.variable.cs#FEABABde
string#3FE109de
string.quoted.docstring.multi.python#F9B0B06e
string.regexp#AE96F5de
string.tag#C0ADFAde
string.value#FEABABde
strong#AE97F4de
support.class#0EDF81de
support.constant.color#F68EECde
support.constant.dom#F08686de
support.constant.font-name#CBBAFEde
support.constant.handlebars#EABE0Ade
support.constant.json#F28686de
support.constant.math#09DE7Ede
support.constant.media#42E00Ede
support.constant.media-type#EABF0Dde
support.constant.property-value#43E10Ede
support.function#0EE081de
support.function.git-rebase#F18686de
support.other.parenthesis.regexp#FEA5F4de
support.type#ECBF0Ede
support.type.property-name#F587EAde
support.type.vendored.property-name#F28686de
support.variable#F587EAde
token.debug-token#F9A5F1de
token.error-token#8ACAFDde
token.info-token#43E00Ede
token.warn-token#FEA5F5de
variable#C0ADFAde
variable.css#FEB0B0de
variable.language#F078E5de
variable.language.wildcard.java#AE98F3de
variable.other.constant#EF78E3de
variable.other.definition.java#B49DF8de
variable.other.enummember#EABE0Dde
variable.other.less#AE96F6de
variable.other.object.java#F38484de
variable.other.object.property.java#EF78E3de
variable.parameter.c#FAADADde
variable.parameter.function.language.python#0CE080de
variable.parameter.java#C0ADFAde
variable.scss#0EE081de
viiv by B.W - VS Code Theme