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#041726fe
  • activityBar.activeBackground#041726fe
  • activityBar.activeBorder#0BC50Bfe
  • activityBar.activeFocusBorder#FB79EA00
  • activityBar.background#020F19fe
  • activityBar.border#39C10C00
  • activityBar.dropBorder#0CC40Cfe
  • activityBar.foreground#0EB50Efe
  • activityBar.inactiveForeground#51B2FD65
  • activityBarBadge.background#119511fe
  • activityBarBadge.foreground#020F19fe
  • badge.background#119B11fe
  • badge.foreground#020F19fe
  • banner.background#041726fe
  • banner.foreground#D4ECFEce
  • banner.iconForeground#99CCF4fe
  • breadcrumb.activeSelectionForeground#BFF5A8ca
  • breadcrumb.background#03111Cfe
  • breadcrumb.focusForeground#4ABB4Afe
  • breadcrumb.foreground#D0EBFEae
  • breadcrumbPicker.background#041726fe
  • button.background#0B416Cae
  • button.border#020B1200
  • button.foreground#D4ECFEce
  • button.hoverBackground#1267ABfe
  • button.secondaryBackground#041726fe
  • button.secondaryForeground#D4ECFEce
  • button.secondaryHoverBackground#041726fe
  • button.separator#06021200
  • charts.blue#1b1bfffe
  • charts.foreground#D4ECFEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#020D16fe
  • chat.slashCommandBackground#041726fe
  • chat.slashCommandForeground#D4ECFEce
  • checkbox.background#020D16fe
  • checkbox.border#020D16fe
  • checkbox.foreground#D4ECFEce
  • checkbox.selectBackground#020D16fe
  • checkbox.selectBorder#020D16fe
  • commandCenter.activeBackground#3229038a
  • commandCenter.activeBorder#020D16fe
  • commandCenter.activeForeground#119411fe
  • commandCenter.background#041726fe
  • commandCenter.border#020D16fe
  • commandCenter.foreground#D4ECFEce
  • commandCenter.inactiveBorder#02254091
  • commandCenter.inactiveForeground#62B0EE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#12021000
  • contrastBorder#02120B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#D4ECFEce
  • debugConsole.sourceForeground#D4ECFEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#F6B0ECfe
  • debugExceptionWidget.background#670067b3
  • debugExceptionWidget.border#020D16fe
  • debugIcon.breakpointCurrentStackframeForeground#FEE3E3fe
  • debugIcon.breakpointDisabledForeground#D6ECFE65
  • debugIcon.breakpointForeground#ECE6FEfe
  • debugIcon.breakpointStackframeForeground#F5A0E8fe
  • debugIcon.breakpointUnverifiedForeground#C3B0F6fe
  • debugIcon.continueForeground#B0FD91fe
  • debugIcon.disconnectForeground#FACFF3fe
  • debugIcon.pauseForeground#89C4F2fe
  • debugIcon.restartForeground#C3B0F6fe
  • debugIcon.startForeground#FEE3E3fe
  • debugIcon.stepBackForeground#D5C8F9fe
  • debugIcon.stepIntoForeground#DBCFFAfe
  • debugIcon.stepOutForeground#98FDCEfe
  • debugIcon.stepOverForeground#FEE3E3fe
  • debugIcon.stopForeground#F3E291fe
  • debugTokenExpression.boolean#C3B0F6ca
  • debugTokenExpression.error#FACFCFca
  • debugTokenExpression.name#D6F9C8ca
  • debugTokenExpression.number#C0DFF8ca
  • debugTokenExpression.value#F8C0C0ca
  • debugToolBar.background#670067b2
  • debugToolBar.border#020D16fe
  • debugView.exceptionLabelBackground#2A0980ca
  • debugView.exceptionLabelForeground#B8DBF7ca
  • debugView.stateLabelBackground#312904ca
  • debugView.stateLabelForeground#B8DBF7ca
  • debugView.valueChangedHighlight#B8F7D9ca
  • descriptionForeground#D4ECFEce
  • diffEditor.border#02120B00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#06021200
  • diffEditor.move.border#06120200
  • diffEditor.moveActive.border#12021000
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#12020200
  • diffEditor.unchangedCodeBackground#041726fe
  • diffEditor.unchangedRegionBackground#041726fe
  • diffEditor.unchangedRegionForeground#D4ECFEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#D5ECFE65
  • dropdown.background#020D16fe
  • dropdown.border#020D16fe
  • dropdown.foreground#D4ECFEce
  • dropdown.listBackground#020D16fe
  • editor.background#041726fe
  • editor.findMatchBackground#2A740Ca9
  • editor.findMatchBorder#020D16fe
  • editor.findMatchHighlightBackground#267A03ac
  • editor.findMatchHighlightBorder#020D16fe
  • editor.findRangeHighlightBackground#E81010a8
  • editor.findRangeHighlightBorder#020D16fe
  • editor.focusedStackFrameHighlightBackground#25780285
  • editor.foldBackground#FEE3E3a9
  • editor.foreground#D4ECFEce
  • editor.hoverHighlightBackground#25640Aa6
  • editor.inactiveSelectionBackground#0B4C8094
  • editor.inlineValuesBackground#041726fe
  • editor.inlineValuesForeground#D4ECFEce
  • editor.lineHighlightBackground#082E4Db2
  • editor.lineHighlightBorder#12020200
  • editor.linkedEditingBackground#041726fe
  • editor.rangeHighlightBackground#0E548Baa
  • editor.rangeHighlightBorder#020D16fe
  • editor.selectionBackground#1371BAad
  • editor.selectionForeground#98FDCEca
  • editor.selectionHighlightBackground#6F3FF28d
  • editor.selectionHighlightBorder#020D16fe
  • editor.snippetFinalTabstopHighlightBackground#30840Da1
  • editor.snippetFinalTabstopHighlightBorder#020D16fe
  • editor.snippetTabstopHighlightBackground#25640Aac
  • editor.snippetTabstopHighlightBorder#020D16fe
  • editor.stackFrameHighlightBackground#A30D8Eab
  • editor.symbolHighlightBackground#551FEDad
  • editor.symbolHighlightBorder#020D16fe
  • editor.wordHighlightBackground#045931ac
  • editor.wordHighlightBorder#12021000
  • editor.wordHighlightStrongBackground#B40F9Bab
  • editor.wordHighlightStrongBorder#120F0200
  • editor.wordHighlightTextBackground#1162A3a7
  • editor.wordHighlightTextBorder#12020200
  • editorBracketHighlight.foreground1#EFF7FDce
  • editorBracketHighlight.foreground2#EFF7FDce
  • editorBracketHighlight.foreground3#EFF7FDce
  • editorBracketHighlight.foreground4#EFF7FDce
  • editorBracketHighlight.foreground5#EFF7FDce
  • editorBracketHighlight.foreground6#EFF7FDce
  • editorBracketHighlight.unexpectedBracket.foreground#D4ECFEce
  • editorBracketMatch.background#FEE0E0a8
  • editorBracketMatch.border#020D16fe
  • editorBracketPairGuide.activeBackground1#FCE9948c
  • editorBracketPairGuide.activeBackground2#FBE99385
  • editorBracketPairGuide.activeBackground3#9DFCCF89
  • editorBracketPairGuide.activeBackground4#EBE4FE8c
  • editorBracketPairGuide.activeBackground5#FEE0FA81
  • editorBracketPairGuide.activeBackground6#A0FCD086
  • editorBracketPairGuide.background1#570707fe
  • editorBracketPairGuide.background2#4F0745fe
  • editorBracketPairGuide.background3#302804fe
  • editorBracketPairGuide.background4#560606fe
  • editorBracketPairGuide.background5#113004fe
  • editorBracketPairGuide.background6#312904fe
  • editorCodeLens.foreground#D4ECFE6e
  • editorCommentsWidget.rangeActiveBackground#D5ECFEfe
  • editorCommentsWidget.rangeBackground#041726fe
  • editorCommentsWidget.resolvedBorder#020D16fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#041726fe
  • editorCursor.foreground#47B547fe
  • editorError.background#06120200
  • editorError.border#06021200
  • editorError.foreground#b400b4ce
  • editorGhostText.background#041726fe
  • editorGhostText.border#02120B00
  • editorGhostText.foreground#D4ECFE6e
  • editorGroup.border#020D16fe
  • editorGroup.dropBackground#041726fe
  • editorGroup.dropIntoPromptBackground#041726fe
  • editorGroup.dropIntoPromptBorder#020D16fe
  • editorGroup.dropIntoPromptForeground#D4ECFEce
  • editorGroup.emptyBackground#041726fe
  • editorGroup.focusedEmptyBorder#020D16fe
  • editorGroupHeader.border#06021200
  • editorGroupHeader.noTabsBackground#020F19ae
  • editorGroupHeader.tabsBackground#041726a1
  • editorGroupHeader.tabsBorder#06021200
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#041726fe
  • editorGutter.commentGlyphForeground#D4ECFEce
  • editorGutter.commentRangeForeground#D4ECFEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#D4ECFEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#120F0200
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#020D16fe
  • editorHoverWidget.border#020D16fe
  • editorHoverWidget.foreground#D4ECFEce
  • editorHoverWidget.highlightForeground#DBCFFAca
  • editorHoverWidget.statusBarBackground#041726fe
  • editorIndentGuide.activeBackground1#D5ECFEfe
  • editorIndentGuide.activeBackground2#D4EBFEfe
  • editorIndentGuide.activeBackground3#D4ECFEfe
  • editorIndentGuide.activeBackground4#D4ECFEfe
  • editorIndentGuide.activeBackground5#D6ECFEfe
  • editorIndentGuide.activeBackground6#D6ECFEfe
  • editorIndentGuide.background1#ED5AD835
  • editorIndentGuide.background2#EC4A4A35
  • editorIndentGuide.background3#EB42D235
  • editorIndentGuide.background4#EF6ADB35
  • editorIndentGuide.background5#6AEFB035
  • editorIndentGuide.background6#EB424235
  • editorInfo.background#12020200
  • editorInfo.border#120F0200
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#041726fe
  • editorInlayHint.foreground#D4ECFEce
  • editorInlayHint.parameterBackground#041726fe
  • editorInlayHint.parameterForeground#D4ECFEce
  • editorInlayHint.typeBackground#041726fe
  • editorInlayHint.typeForeground#D4ECFEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#47B547fe
  • editorLineNumber.dimmedForeground#D5ECFE6e
  • editorLineNumber.foreground#D6ECFE6e
  • editorLink.activeForeground#4EBF4Efe
  • editorMarkerNavigation.background#020D16fe
  • editorMarkerNavigationError.background#670067ae
  • editorMarkerNavigationError.headerBackground#670067c3
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#041726fe
  • editorOverviewRuler.border#02192Cfe
  • editorOverviewRuler.bracketMatchForeground#D4ECFEce
  • editorOverviewRuler.commentForeground#D4ECFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#D4ECFEce
  • editorOverviewRuler.currentContentForeground#cececec1
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#AEFD8Eca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#96FDCDca
  • editorOverviewRuler.wordHighlightStrongForeground#D4ECFEce
  • editorOverviewRuler.wordHighlightTextForeground#D4ECFEce
  • editorPane.background#041726fe
  • editorRuler.foreground#D2EBFE31
  • editorStickyScroll.background#041726fe
  • editorStickyScroll.shadow#12020200
  • editorStickyScrollHover.background#032C4Bfe
  • editorSuggestWidget.background#020D16fe
  • editorSuggestWidget.border#12020200
  • editorSuggestWidget.focusHighlightForeground#F28989fe
  • editorSuggestWidget.foreground#C3B0F6fe
  • editorSuggestWidget.highlightForeground#B0FD91ca
  • editorSuggestWidget.selectedBackground#036A3A86
  • editorSuggestWidget.selectedForeground#B0F6D5ca
  • editorSuggestWidget.selectedIconForeground#92FECAca
  • editorSuggestWidgetStatus.foreground#FEE3E3fe
  • editorUnicodeHighlight.background#B3129Ba9
  • editorUnicodeHighlight.border#020D16fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#02120B00
  • editorWarning.border#12020200
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D4ECFEce
  • editorWidget.background#020D16fe
  • editorWidget.border#020D16fe
  • editorWidget.foreground#D4ECFEce
  • editorWidget.resizeBorder#020D16fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#119611fe
  • extensionBadge.remoteForeground#020F19fe
  • extensionButton.background#022B4Dae
  • extensionButton.foreground#D4ECFEce
  • extensionButton.hoverBackground#022B4Cfe
  • extensionButton.prominentBackground#041726fe
  • extensionButton.prominentForeground#D4ECFEce
  • extensionButton.prominentHoverBackground#041726fe
  • extensionButton.separator#06021200
  • extensionIcon.preReleaseForeground#ECE6FEfe
  • extensionIcon.sponsorForeground#C9B8F7fe
  • extensionIcon.starForeground#ECE6FEfe
  • extensionIcon.verifiedForeground#ECE6FEfe
  • focusBorder#12021000
  • foreground#D4ECFEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#D4ECFEae
  • inlineChat.background#062B4Aca
  • inlineChat.border#290980ca
  • inlineChat.regionHighlight#C8F9E2ca
  • inlineChat.shadow#C3B0F6ca
  • inlineChatDiff.inserted#F9F0C8ca
  • inlineChatDiff.removed#F7B8EEca
  • inlineChatInput.background#CAF7B8ca
  • inlineChatInput.border#322904ca
  • inlineChatInput.focusBorder#06120200
  • inlineChatInput.placeholderForeground#A8D3F5ca
  • input.background#020D16fe
  • input.border#020D16fe
  • input.foreground#D4ECFEce
  • input.placeholderForeground#D5ECFE65
  • inputOption.activeBackground#020D16fe
  • inputOption.activeBorder#020D16fe
  • inputOption.activeForeground#4ABB4Afe
  • inputOption.hoverBackground#020D16fe
  • inputValidation.errorBackground#6700679f
  • inputValidation.errorBorder#670067b3
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#020D16fe
  • inputValidation.infoForeground#D4ECFEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#020D16fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#020D16fe
  • interactive.inactiveCodeBorder#07294595
  • keybindingLabel.background#041726fe
  • keybindingLabel.border#020D16fe
  • keybindingLabel.bottomBorder#020D16fe
  • keybindingLabel.foreground#D4ECFEce
  • keybindingTable.headerBackground#041726fe
  • keybindingTable.rowsBackground#041726fe
  • list.activeSelectionBackground#B60E0E82
  • list.activeSelectionForeground#CFC0F8ca
  • list.activeSelectionIconForeground#CFC0F8ca
  • list.deemphasizedForeground#D4ECFEce
  • list.dropBackground#041726fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#041726fe
  • list.filterMatchBorder#020D16fe
  • list.focusAndSelectionOutline#06021200
  • list.focusBackground#0C79CC96
  • list.focusForeground#4ABB4Afe
  • list.focusHighlightForeground#FD8A8Afe
  • list.focusOutline#02120B00
  • list.highlightForeground#F6B0B0ca
  • list.hoverBackground#032B4Afe
  • list.hoverForeground#4EBF4Efe
  • list.inactiveFocusBackground#09385C93
  • list.inactiveFocusOutline#12021000
  • list.inactiveSelectionBackground#020F19ae
  • list.inactiveSelectionForeground#D5ECFE65
  • list.inactiveSelectionIconForeground#D5ECFE65
  • list.invalidItemForeground#D4ECFEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#041726fe
  • listFilterWidget.noMatchesOutline#06021200
  • listFilterWidget.outline#12021000
  • listFilterWidget.shadow#06120200
  • menu.background#020F19fe
  • menu.border#06120200
  • menu.foreground#CFE7FAae
  • menu.selectionBackground#1162A3a2
  • menu.selectionBorder#06021200
  • menu.selectionForeground#10AF10fe
  • menu.separatorBackground#052B4865
  • menubar.selectionBackground#1162A3a7
  • menubar.selectionBorder#06021200
  • menubar.selectionForeground#10AD10fe
  • merge.border#020D16fe
  • merge.commonContentBackground#041726fe
  • merge.commonHeaderBackground#041726fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#041726fe
  • mergeEditor.change.word.background#041726fe
  • mergeEditor.changeBase.background#041726fe
  • mergeEditor.changeBase.word.background#041726fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#020D16fe
  • mergeEditor.conflict.handledUnfocused.border#041B2D3d
  • mergeEditor.conflict.input1.background#020D16fe
  • mergeEditor.conflict.input2.background#020D16fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bb
  • mergeEditor.conflict.unhandledFocused.border#020D16fe
  • mergeEditor.conflict.unhandledUnfocused.border#041B2D2a
  • mergeEditor.conflictingLines.background#041726fe
  • minimap.background#041726fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#EFF7FDce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#167FD2fe
  • minimapSlider.background#0D4B7Cae
  • minimapSlider.hoverBackground#0E548Bfe
  • notebook.cellBorderColor#020D16fe
  • notebook.cellEditorBackground#041726fe
  • notebook.cellHoverBackground#041726fe
  • notebook.cellInsertionIndicator#B8F7D9ca
  • notebook.cellStatusBarItemHoverBackground#041726fe
  • notebook.cellToolbarSeparator#C0F8DDca
  • notebook.editorBackground#041726fe
  • notebook.focusedCellBackground#041726fe
  • notebook.focusedCellBorder#4EBF4Efe
  • notebook.focusedEditorBorder#020D16fe
  • notebook.inactiveFocusedCellBorder#126CB38e
  • notebook.inactiveSelectedCellBorder#157ACA8e
  • notebook.outputContainerBackgroundColor#041726fe
  • notebook.outputContainerBorderColor#020D16fe
  • notebook.selectedCellBackground#041726fe
  • notebook.selectedCellBorder#020D16fe
  • notebook.symbolHighlightBackground#041726fe
  • notebookEditorOverviewRuler.runningCellForeground#D4ECFEce
  • notebookScrollbarSlider.activeBackground#1475C2fe
  • notebookScrollbarSlider.background#0D4B7Cae
  • notebookScrollbarSlider.hoverBackground#0F5993fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#A0CFF5fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#020D16fe
  • notificationCenterHeader.background#041726fe
  • notificationCenterHeader.foreground#D4ECFEce
  • notificationLink.foreground#D4ECFEce
  • notifications.background#041726fe
  • notifications.border#020D16fe
  • notifications.foreground#D4ECFEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#AEF391fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#020D16fe
  • panel.background#041726fe
  • panel.border#020D16fe
  • panel.dropBorder#020D16fe
  • panelInput.border#020D16fe
  • panelSection.border#020D16fe
  • panelSection.dropBackground#041726fe
  • panelSectionHeader.background#041726fe
  • panelSectionHeader.border#020D16fe
  • panelSectionHeader.foreground#D4ECFEce
  • panelTitle.activeBorder#02120B00
  • panelTitle.activeForeground#07C707fe
  • panelTitle.inactiveForeground#53B2FE65
  • peekView.border#0CC70Cfe
  • peekViewEditor.background#020D16fe
  • peekViewEditor.matchHighlightBackground#01884988
  • peekViewEditor.matchHighlightBorder#06021200
  • peekViewEditorGutter.background#020D16fe
  • peekViewEditorStickyScroll.background#041726fe
  • peekViewResult.background#020F19fe
  • peekViewResult.fileForeground#D4ECFEce
  • peekViewResult.lineForeground#D4ECFEce
  • peekViewResult.matchHighlightBackground#9B101088
  • peekViewResult.selectionBackground#A3118D8a
  • peekViewResult.selectionForeground#C0DFF8ca
  • peekViewTitle.background#020F19fe
  • peekViewTitleDescription.foreground#D4ECFEce
  • peekViewTitleLabel.foreground#D4ECFEce
  • pickerGroup.border#020D16fe
  • pickerGroup.foreground#D4ECFEce
  • ports.iconRunningProcessForeground#FEE3E3fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#119511fe
  • profileBadge.foreground#020F19fe
  • progressBar.background#041726fe
  • quickInput.background#020F19fe
  • quickInput.foreground#D0EBFEae
  • quickInputList.focusBackground#0B416Ca3
  • quickInputList.focusForeground#119611fe
  • quickInputList.focusIconForeground#119411fe
  • quickInputTitle.background#020D16fe
  • sash.hoverBorder#020D16fe
  • scrollbar.shadow#120F0200
  • scrollbarSlider.activeBackground#157ACAfe
  • scrollbarSlider.background#0B416Cae
  • scrollbarSlider.hoverBackground#0C4674fe
  • search.resultsInfoForeground#D4ECFEce
  • searchEditor.findMatchBackground#226B04a5
  • searchEditor.findMatchBorder#020D16fe
  • searchEditor.textInputBorder#020D16fe
  • selection.background#041726fe
  • settings.checkboxBackground#020D16fe
  • settings.checkboxBorder#020D16fe
  • settings.checkboxForeground#D4ECFEce
  • settings.dropdownBackground#020D16fe
  • settings.dropdownBorder#020D16fe
  • settings.dropdownForeground#D4ECFEce
  • settings.dropdownListBorder#020D16fe
  • settings.focusedRowBackground#A60E0E83
  • settings.focusedRowBorder#020D16fe
  • settings.headerBorder#020D16fe
  • settings.headerForeground#D4ECFEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#020D16fe
  • settings.numberInputBorder#020D16fe
  • settings.numberInputForeground#D4ECFEce
  • settings.rowHoverBackground#041726fe
  • settings.sashBorder#020D16fe
  • settings.settingsHeaderHoverForeground#47B547fe
  • settings.textInputBackground#020D16fe
  • settings.textInputBorder#020D16fe
  • settings.textInputForeground#D4ECFEce
  • sideBar.background#041726fe
  • sideBar.border#020D16fe
  • sideBar.dropBackground#041726fe
  • sideBar.foreground#D4ECFEae
  • sideBarSectionHeader.background#12021000
  • sideBarSectionHeader.border#020D16fe
  • sideBarSectionHeader.foreground#D4ECFEce
  • sideBarTitle.foreground#D4ECFEce
  • sideBySideEditor.horizontalBorder#020D16fe
  • sideBySideEditor.verticalBorder#020D16fe
  • simpleFindWidget.sashBorder#020D16fe
  • statusBar.background#020F19fe
  • statusBar.border#020D16fe
  • statusBar.debuggingBackground#670067b2
  • statusBar.debuggingBorder#020D16fe
  • statusBar.debuggingForeground#D4ECFEce
  • statusBar.focusBorder#06120200
  • statusBar.foreground#D5ECFE6e
  • statusBar.noFolderBackground#020F19fe
  • statusBar.noFolderBorder#020D16fe
  • statusBar.noFolderForeground#D4ECFEce
  • statusBarItem.activeBackground#020F19fe
  • statusBarItem.compactHoverBackground#020F19fe
  • statusBarItem.errorBackground#670067a5
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067a3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#12020200
  • statusBarItem.hoverBackground#020F19fe
  • statusBarItem.hoverForeground#119511fe
  • statusBarItem.offlineBackground#020F19fe
  • statusBarItem.offlineForeground#D4ECFEce
  • statusBarItem.offlineHoverBackground#020F19fe
  • statusBarItem.offlineHoverForeground#4ABB4Afe
  • statusBarItem.prominentBackground#020F19fe
  • statusBarItem.prominentForeground#D4ECFEce
  • statusBarItem.prominentHoverBackground#020F19fe
  • statusBarItem.prominentHoverForeground#4EBF4Efe
  • statusBarItem.remoteBackground#119011fe
  • statusBarItem.remoteForeground#020F19fe
  • statusBarItem.remoteHoverBackground#020F19fe
  • statusBarItem.remoteHoverForeground#10AD10fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C9B8F7fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#C3B0F6fe
  • symbolIcon.colorForeground#AEFD8Efe
  • symbolIcon.constantForeground#F4E499fe
  • symbolIcon.constructorForeground#91C8F3fe
  • symbolIcon.enumeratorForeground#F5E8A8fe
  • symbolIcon.enumeratorMemberForeground#ECE6FEfe
  • symbolIcon.eventForeground#B8DBF7fe
  • symbolIcon.fieldForeground#ECE6FEfe
  • symbolIcon.fileForeground#F5A8A8fe
  • symbolIcon.folderForeground#FEE0F9fe
  • symbolIcon.functionForeground#98FDCEfe
  • symbolIcon.interfaceForeground#B0F6D5fe
  • symbolIcon.keyForeground#FEE0F9fe
  • symbolIcon.keywordForeground#FDE98Efe
  • symbolIcon.methodForeground#ECE6FEfe
  • symbolIcon.moduleForeground#B8DBF7fe
  • symbolIcon.namespaceForeground#F4E499fe
  • symbolIcon.nullForeground#ABFD8Afe
  • symbolIcon.numberForeground#A2F181fe
  • symbolIcon.objectForeground#ECE5FEfe
  • symbolIcon.operatorForeground#AEF391fe
  • symbolIcon.packageForeground#FDE991fe
  • symbolIcon.propertyForeground#BFF5A8fe
  • symbolIcon.referenceForeground#D5C8F9fe
  • symbolIcon.snippetForeground#C9B8F7fe
  • symbolIcon.stringForeground#F8C0F0fe
  • symbolIcon.structForeground#89F2C1fe
  • symbolIcon.textForeground#A0F5CDfe
  • symbolIcon.typeParameterForeground#C0DFF8fe
  • symbolIcon.unitForeground#A2F181fe
  • symbolIcon.variableForeground#FDE98Efe
  • tab.activeBackground#03111Cfe
  • tab.activeBorder#12020200
  • tab.activeBorderTop#07C707fe
  • tab.activeForeground#09C609fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#120F0200
  • tab.hoverBackground#D5ECFEfe
  • tab.hoverBorder#020D16fe
  • tab.hoverForeground#119611fe
  • tab.inactiveBackground#06253D9e
  • tab.inactiveForeground#5AACED65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#020D16fe
  • tab.unfocusedActiveBackground#041B2D2e
  • tab.unfocusedActiveBorder#06120200
  • tab.unfocusedActiveBorderTop#062B4965
  • tab.unfocusedActiveForeground#62B0EE65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#D5ECFEfe
  • tab.unfocusedHoverBorder#041B2D31
  • tab.unfocusedHoverForeground#53B2FE65
  • tab.unfocusedInactiveBackground#09385C9a
  • tab.unfocusedInactiveForeground#5AACED65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#041726fe
  • terminal.border#020D16fe
  • terminal.dropBackground#041726fe
  • terminal.findMatchBackground#041726fe
  • terminal.findMatchBorder#020D16fe
  • terminal.findMatchHighlightBackground#041726fe
  • terminal.findMatchHighlightBorder#020D16fe
  • terminal.foreground#D4ECFEae
  • terminal.hoverHighlightBackground#041726fe
  • terminal.inactiveSelectionBackground#07294594
  • terminal.selectionBackground#5219ED81
  • terminal.selectionForeground#FDE991ca
  • terminal.tab.activeBorder#0BC50Bfe
  • terminalCommandDecoration.defaultBackground#A0FCD0ac
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#041726fe
  • terminalCursor.foreground#4ABB4Afe
  • terminalOverviewRuler.cursorForeground#D4ECFEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b8
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#5FCF5Ffe
  • testing.message.error.lineBackground#670067bc
  • testing.message.info.decorationForeground#BAF8BAfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#020D16fe
  • testing.peekHeaderBackground#041726fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#041726fe
  • textBlockQuote.border#020D16fe
  • textCodeBlock.background#041726fe
  • textLink.activeForeground#10AD10fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#D4ECFEce
  • textSeparator.foreground#D4ECFEce
  • titleBar.activeBackground#020F19fe
  • titleBar.activeForeground#54B2F8ae
  • titleBar.border#020B1200
  • titleBar.inactiveBackground#06253Dd5
  • titleBar.inactiveForeground#53B2FE65
  • toolbar.activeBackground#03311B89
  • toolbar.hoverBackground#041726fe
  • toolbar.hoverOutline#06120200
  • tree.inactiveIndentGuidesStroke#815AED35
  • tree.indentGuidesStroke#5FCF5Ffe
  • tree.tableColumnsBorder#020D16fe
  • tree.tableOddRowsBackground#041726fe
  • walkThrough.embeddedEditorBackground#041726fe
  • walkthrough.stepTitle.foreground#D4ECFEce
  • welcomePage.background#041726fe
  • welcomePage.progress.background#041726fe
  • welcomePage.progress.foreground#D4ECFEce
  • welcomePage.tileBackground#041726fe
  • welcomePage.tileBorder#020D16fe
  • welcomePage.tileHoverBackground#041726fe
  • widget.border#020D16fe
  • widget.shadow#120F0200
  • window.activeBorder#020D16fe
  • window.inactiveBorder#07294597

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#59B5F96e
comment.block.html#5FB8FA6e
comment.block.java#7CC5FB6e
comment.block.javadoc.java#3FA8F76e
comment.block.powershell#54B2F86e
comment.block.xml#76C2FB6e
comment.line.double-slash.c#6ABDFB6e
comment.line.double-slash.cpp#47ACF76e
comment.line.double-slash.java#6CBCFC6e
comment.line.double-slash.js#4AACF96e
comment.line.number-sign.makefile#46AAF96e
comment.line.number-sign.python#73C1FB6e
comment.line.number-sign.yaml#71BEFC6e
comment.line.percentage.erlang#52B1F96e
comment.line.powershell#7FC6FC6e
comment.source.cmake#4EAFF86e
comment.source.cmakecache#7EC5FC6e
constant.character#B7B7F8de
constant.character.character-class.regexp#A6A6F4de
constant.character.escape#52C552de
constant.character.set.regexp#4FC14Fde
constant.language#F19E9Ede
constant.numeric#4BBD4Bde
constant.numeric.dec.python#A0A0F2de
constant.other.caps.python#B7B7F8de
constant.other.character-class.regexp#0ED10Ede
constant.other.character-class.set.regexp#9A9AF0de
constant.other.color.rgb-value#F09999de
constant.other.placeholder#A6A6A6de
constant.other.rgb-value#0EC40Ede
constant.regexp#B5B5F7de
constant.sha.git-rebase#EC9191de
emphasis#0CD70Cde
entity.name.class#F5AAAAde
entity.name.function#0DC20Dde
entity.name.function.preprocessor#A6A6F4de
entity.name.function.python#9B9BF0de
entity.name.label#A8A8F4de
entity.name.namespace#AEAEF6de
entity.name.operator#A6A6F4de
entity.name.operator.custom-literal#ACACF5de
entity.name.scope-resolution#F2A0A0de
entity.name.tag#ABABABde
entity.name.tag.css#F09B9Bde
entity.name.type#9B9BF0de
entity.name.variable#A3A3F3de
entity.other.attribute#9F9FF2de
entity.other.attribute-name#ADADF5de
entity.other.attribute-name.class.css#9999F0de
entity.other.attribute-name.class.mixin.css#EC9090de
entity.other.attribute-name.id#F4A6A6de
entity.other.attribute-name.id.css#EC9191de
entity.other.attribute-name.parent-selector.css#F5ABABde
entity.other.attribute-name.pseudo-class.css#4ABB4Ade
entity.other.attribute-name.pseudo-element.css#0ED30Ede
entity.other.attribute-name.scss#0EC00Ede
entity.other.document.begin.yaml#57B3F96e
entity.other.inherited-class#0BDD0Bde
header#F19C9Cde
invalid#ACACACde
keyword#C0C0C0de
keyword.codetag.notation.python#B0B0F6de
keyword.control#A6A6F4de
keyword.control.anchor.regexp#F4A7A7de
keyword.control.import.python#5FD05Fde
keyword.operator#F19D9Dde
keyword.operator.alignas#A2A2F3de
keyword.operator.alignof#AFAFF6de
keyword.operator.cast#A2A2F2de
keyword.operator.delete#0DDC0Dde
keyword.operator.documentation.powershell#42A9F76e
keyword.operator.expression#ED9292de
keyword.operator.instanceof#ACACF5de
keyword.operator.logical.python#F09B9Bde
keyword.operator.minus.exponent#9A9AF0de
keyword.operator.negation.regexp#A2A2A2de
keyword.operator.new#F4A6A6de
keyword.operator.noexcept#E98989de
keyword.operator.or.regexp#BBBBBBde
keyword.operator.plus.exponent#5ACC5Ade
keyword.operator.quantifier.regexp#EE9393de
keyword.operator.sizeof#0FC50Fde
keyword.operator.typeid#A0A0F2de
keyword.operator.wordlike#F2A0A0de
keyword.other.operator#EF9898de
keyword.other.package.java#A0A0F2de
keyword.other.unit#F19D9Dde
keyword.other.using#5FCF5Fde
markup.bold#F19E9Ede
markup.changed#E78585de
markup.deleted#0DD90Dde
markup.fenced_code.block.markdown#EE9494de
markup.heading#A0A0F2de
markup.inline.raw#F3A2A2de
markup.inserted#ADADADde
markup.italic#EF9999de
markup.raw.block.markdown#EB8C8Cde
markup.strikethrough#F19E9Ede
markup.underline#56C856de
meta.block.c#F09999de
meta.block.c#B7B7B7de
meta.class.java#EB8D8Dde
meta.definition.variable.name#B3B3F7de
meta.diff.header#63D363de
meta.embedded#A8A8F4de
meta.embedded.assembly#B3B3B3de
meta.function-call.arguments.python#B2B2B2de
meta.function-call.python#EE9393de
meta.member.access.python#ACACF5de
meta.method.java#EA8989de
meta.object-literal.key#E88686de
meta.paragraph.markdown#F19C9Cde
meta.preprocessor#68D768de
meta.preprocessor.numeric#F2A0A0de
meta.preprocessor.string#AAAAF5de
meta.scope.prerequisites.makefile#47B847de
meta.structure.dictionary.json.comments#4BAEF86e
meta.structure.dictionary.key.python#0DDA0Dde
meta.structure.dictionary.value.json.comments#45ABF76e
meta.template.expression#EE9696de
meta.type.cast.expr#52C352de
meta.type.new.expr#4FC14Fde
parameter#BFBFBFde
punctuation.character.set.begin.regexp#9B9BF1de
punctuation.character.set.end.regexp#A5A5A5de
punctuation.definition.array.begin.json#0CBC0Cde
punctuation.definition.character-class.regexp#A9A9A9de
punctuation.definition.comment#6CBCFC6e
punctuation.definition.comment.json.comments#6ABCFA6e
punctuation.definition.comment.python#71C0FB6e
punctuation.definition.dictionary.begin.json#BABABAde
punctuation.definition.dictionary.end.json#F2A1A1de
punctuation.definition.group.assertion.regexp#B2B2F7de
punctuation.definition.group.regexp#A2A2F2de
punctuation.definition.list.begin.json#F4A7A7de
punctuation.definition.list.begin.markdown#9D9DF1de
punctuation.definition.list.begin.python#EE9494de
punctuation.definition.list.end.json#67D667de
punctuation.definition.list.end.markdown#5ACC5Ade
punctuation.definition.list.end.python#BABAF8de
punctuation.definition.parameters.begin.python#0DDC0Dde
punctuation.definition.parameters.end.bracket.round.java#9999F0de
punctuation.definition.quote.begin.markdown#EC8F8Fde
punctuation.definition.tag#A6A6F4de
punctuation.definition.template-expression.begin#0EC80Ede
punctuation.definition.template-expression.end#A0A0F2de
punctuation.section.class.begin.bracket.curly.java#4EBF4Ede
punctuation.section.embedded#9E9EF1de
punctuation.section.embedded.begin.php#0DD40Dde
punctuation.section.embedded.end.php#E88686de
punctuation.terminator.java#4ABB4Ade
source.cmake#EF9999de
source.coffee.embedded#AAAAAAde
source.cpp#63D363de
source.css.less#B7B7B7de
source.groovy.embedded#47B847de
source.java#4ABB4Ade
source.java-properties#9999F0de
source.json.comments#7CC5FB6e
source.makefile#ADADF6de
source.powershell#EB8D8Dde
source.powershell.variable.other.member#5FCF5Fde
source.python#F3A3A3de
storage#A6A6F4de
storage.modifier#A5A5A5de
storage.modifier.import.java#F4A6A6de
storage.modifier.package.java#63D363de
storage.type#9A9AF0de
storage.type.annotation.groovy#0FC50Fde
storage.type.annotation.java#A9A9A9de
storage.type.boolean.go#BDBDBDde
storage.type.byte.go#63D363de
storage.type.cs#F29F9Fde
storage.type.error.go#BCBCBCde
storage.type.generic.cs#0DDB0Dde
storage.type.generic.groovy#B7B7B7de
storage.type.generic.java#ED9191de
storage.type.groovy#9A9AF0de
storage.type.java#B1B1F6de
storage.type.modifier.cs#A3A3A3de
storage.type.numeric.go#55C855de
storage.type.object.array.groovy#63D363de
storage.type.object.array.java#E98989de
storage.type.parameters.groovy#0DDE0Dde
storage.type.primitive.array.groovy#F2A0A0de
storage.type.primitive.array.java#A5A5A5de
storage.type.primitive.groovy#F4A7A7de
storage.type.primitive.java#BFBFBFde
storage.type.rune.go#0CCB0Cde
storage.type.string.go#A4A4A4de
storage.type.token.java#52C352de
storage.type.uintptr.go#BCBCBCde
storage.type.variable.cs#EB8C8Cde
string#0ECC0Ede
string.quoted.docstring.multi.python#75C0FC6e
string.regexp#0DCC0Dde
string.tag#F4A9A9de
string.value#F5ACACde
strong#E88787de
support.class#4ABB4Ade
support.constant.color#ACACACde
support.constant.dom#9B9BF0de
support.constant.font-name#9B9BF0de
support.constant.handlebars#0ED50Ede
support.constant.json#F3A6A6de
support.constant.math#F29F9Fde
support.constant.media#5FCF5Fde
support.constant.media-type#F09B9Bde
support.constant.property-value#0FBE0Fde
support.function#B6B6F8de
support.function.git-rebase#BABAF8de
support.other.parenthesis.regexp#E98989de
support.type#B5B5F7de
support.type.property-name#0FBE0Fde
support.type.vendored.property-name#9F9FF2de
support.variable#F2A0A0de
token.debug-token#A8A8F4de
token.error-token#0FBB0Fde
token.info-token#A5A5A5de
token.warn-token#E98888de
variable#F09999de
variable.css#F09999de
variable.language#5FCF5Fde
variable.language.wildcard.java#9B9BF0de
variable.other.constant#EE9595de
variable.other.definition.java#54C654de
variable.other.enummember#A5A5A5de
variable.other.less#EE9393de
variable.other.object.java#AEAEAEde
variable.other.object.property.java#F5ABABde
variable.parameter.c#EF9898de
variable.parameter.function.language.python#61D161de
variable.parameter.java#C0C0C0de
variable.scss#0BD10Bde
viiv by B.W - VS Code Theme