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#E0E0E0fe
  • activityBar.activeBackground#E0E0E0fe
  • activityBar.activeBorder#04492Bfe
  • activityBar.activeFocusBorder#A4708A00
  • activityBar.background#F2F2F2fe
  • activityBar.border#488E4800
  • activityBar.dropBorder#04492Bfe
  • activityBar.foreground#114830fe
  • activityBar.inactiveForeground#3F3F3F65
  • activityBarBadge.background#257653fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#0D9257fe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#383838ce
  • banner.iconForeground#1F3D34fe
  • breadcrumb.activeSelectionForeground#4A148Dca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#0E9258fe
  • breadcrumb.foreground#383838ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B9B9B9ae
  • button.border#FAFBFA00
  • button.foreground#383838ce
  • button.hoverBackground#9797976e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#F7F5F600
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E0E0E0fe
  • chat.slashCommandForeground#383838ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#383838ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#C4D2CE86
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#0B9157fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#CECECE93
  • commandCenter.inactiveForeground#45454565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFA00
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#354333fe
  • debugExceptionWidget.background#FFB9FF9c
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#183E33fe
  • debugIcon.breakpointDisabledForeground#3C3C3C65
  • debugIcon.breakpointForeground#4E0A92fe
  • debugIcon.breakpointStackframeForeground#143F31fe
  • debugIcon.breakpointUnverifiedForeground#233952fe
  • debugIcon.continueForeground#074200fe
  • debugIcon.disconnectForeground#283B36fe
  • debugIcon.pauseForeground#1F3D34fe
  • debugIcon.restartForeground#383838fe
  • debugIcon.startForeground#463333fe
  • debugIcon.stepBackForeground#1C3E35fe
  • debugIcon.stepIntoForeground#412F57fe
  • debugIcon.stepOutForeground#103961fe
  • debugIcon.stepOverForeground#383838fe
  • debugIcon.stopForeground#552846fe
  • debugTokenExpression.boolean#222B20ca
  • debugTokenExpression.error#20252Bca
  • debugTokenExpression.name#1A1A1Aca
  • debugTokenExpression.number#181212ca
  • debugTokenExpression.value#121817ca
  • debugToolBar.background#FFB9FFc2
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#CAD0D7ca
  • debugView.exceptionLabelForeground#383838ca
  • debugView.stateLabelBackground#C5D2CEca
  • debugView.stateLabelForeground#423059ca
  • debugView.valueChangedHighlight#1D161Aca
  • descriptionForeground#383838ce
  • diffEditor.border#FBFAFA00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#FAFBFA00
  • diffEditor.move.border#FAFAFB00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#45454565
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#99B1AAa2
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A4A4A4ac
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#AA8FA2a9
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#B5ACC08e
  • editor.foldBackground#31574Bae
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#A8A8A8ad
  • editor.inactiveSelectionBackground#BEBEBE9d
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#BEBEBEb2
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#949FAEae
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#D6C9C9a3
  • editor.selectionForeground#1C3E35ca
  • editor.selectionHighlightBackground#B1C4BE87
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#968AA6aa
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#B1C4BEae
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#B59EAEa8
  • editor.symbolHighlightBackground#C0ACACa4
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#B9A3B2a8
  • editor.wordHighlightBorder#FAFAFB00
  • editor.wordHighlightStrongBackground#B9A3A3a1
  • editor.wordHighlightStrongBorder#FAFBFA00
  • editor.wordHighlightTextBackground#B9B1C4a6
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#68465Ea1
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#6D44608d
  • editorBracketPairGuide.activeBackground2#3F554E86
  • editorBracketPairGuide.activeBackground3#7C396889
  • editorBracketPairGuide.activeBackground4#30574C8b
  • editorBracketPairGuide.activeBackground5#30574C8d
  • editorBracketPairGuide.activeBackground6#31574B8c
  • editorBracketPairGuide.background1#D9CECEfe
  • editorBracketPairGuide.background2#CAD0D7fe
  • editorBracketPairGuide.background3#CACFD7fe
  • editorBracketPairGuide.background4#C9CFD6fe
  • editorBracketPairGuide.background5#CFCFCFfe
  • editorBracketPairGuide.background6#C6D2C4fe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#515151fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#257653fe
  • editorError.background#FAFAFB00
  • editorError.border#FBFAFA00
  • editorError.foreground#920092ce
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#5151516e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#383838ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#FBFAFA00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#FAFAFB00
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#E0E0E0fe
  • editorGutter.commentGlyphForeground#383838ce
  • editorGutter.commentRangeForeground#383838ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#383838ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FBFAFA00
  • editorHint.foreground#3F02FEce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#5F1E49ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#0B492Efe
  • editorIndentGuide.activeBackground2#1C4B37fe
  • editorIndentGuide.activeBackground3#1C4B37fe
  • editorIndentGuide.activeBackground4#1C4B37fe
  • editorIndentGuide.activeBackground5#0B492Efe
  • editorIndentGuide.activeBackground6#164832fe
  • editorIndentGuide.background1#41565035
  • editorIndentGuide.background2#60494935
  • editorIndentGuide.background3#523E3E35
  • editorIndentGuide.background4#73575735
  • editorIndentGuide.background5#5B454535
  • editorIndentGuide.background6#36484335
  • editorInfo.background#FAFBFA00
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3F02FEce
  • editorInlayHint.background#E0E0E0fe
  • editorInlayHint.foreground#383838ce
  • editorInlayHint.parameterBackground#E0E0E0fe
  • editorInlayHint.parameterForeground#383838ce
  • editorInlayHint.typeBackground#E0E0E0fe
  • editorInlayHint.typeForeground#383838ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#257653fe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#0F9259fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFB9FFa1
  • editorMarkerNavigationError.headerBackground#FFB9FFa0
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CECECEfe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#5151516e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151ba
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3F02FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#383838ca
  • editorOverviewRuler.selectionHighlightForeground#3F02FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#203F1Cca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#5151513e
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFBFA00
  • editorSuggestWidget.focusHighlightForeground#520BABfe
  • editorSuggestWidget.foreground#354333fe
  • editorSuggestWidget.highlightForeground#720C0Cca
  • editorSuggestWidget.selectedBackground#9CB19986
  • editorSuggestWidget.selectedForeground#383838ca
  • editorSuggestWidget.selectedIconForeground#193959ca
  • editorSuggestWidgetStatus.foreground#2E3947fe
  • editorUnicodeHighlight.background#A0A0A0a6
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFB00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#0D9257fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#422C63fe
  • extensionIcon.sponsorForeground#1B3F14fe
  • extensionIcon.starForeground#233E1Efe
  • extensionIcon.verifiedForeground#4B2E43fe
  • focusBorder#FAFBFA00
  • foreground#383838ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3F02FEce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#515151ae
  • inlineChat.background#D9CDD4ca
  • inlineChat.border#D8CCD4ca
  • inlineChat.regionHighlight#131313ca
  • inlineChat.shadow#1A2119ca
  • inlineChatDiff.inserted#1A1A1Aca
  • inlineChatDiff.removed#1D1616ca
  • inlineChatInput.background#171D16ca
  • inlineChatInput.border#D8CCCCca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#730D0Dca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#3C3C3C65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#0E9258fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067c6
  • inputValidation.errorBorder#FFB9FFbb
  • inputValidation.errorForeground#920092ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#383838ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#CECECE9a
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#C4B1B186
  • list.activeSelectionForeground#5F1E49ca
  • list.activeSelectionIconForeground#4A1E7Fca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#CFCFCF96
  • list.focusForeground#27855Cfe
  • list.focusHighlightForeground#14416Efe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#0F376Bca
  • list.hoverBackground#D8CCCCa8
  • list.hoverForeground#12915Afe
  • list.inactiveFocusBackground#C6C6C695
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#45454565
  • list.inactiveSelectionIconForeground#49494965
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#FAFAFB00
  • menu.background#F2F2F2fe
  • menu.border#FAFAFB00
  • menu.foreground#383838ae
  • menu.selectionBackground#C7B6B6ab
  • menu.selectionBorder#FAFBFA00
  • menu.selectionForeground#0F9259fe
  • menu.separatorBackground#CECECE65
  • menubar.selectionBackground#D6C9C9a7
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#288D61fe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E0E0E0fe
  • merge.commonHeaderBackground#E0E0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#ACDBAEfb
  • merge.incomingContentBackground#AADAACcb
  • merge.incomingHeaderBackground#ACDBAEfb
  • mergeEditor.change.background#E0E0E0fe
  • mergeEditor.change.word.background#E0E0E0fe
  • mergeEditor.changeBase.background#E0E0E0fe
  • mergeEditor.changeBase.word.background#E0E0E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D3D3D33d
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D33d
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#868686fe
  • minimapSlider.background#A8A8A8ae
  • minimapSlider.hoverBackground#9393936e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#131812ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1A2119ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#0E9258fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8686868e
  • notebook.inactiveSelectedCellBorder#8181818e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#868686fe
  • notebookScrollbarSlider.background#B1B1B1ae
  • notebookScrollbarSlider.hoverBackground#9393936e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#2F3E3Afe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E0E0E0fe
  • notificationCenterHeader.foreground#383838ce
  • notificationLink.foreground#383838ce
  • notifications.background#E0E0E0fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#383838ce
  • notificationsErrorIcon.foreground#920092ce
  • notificationsInfoIcon.foreground#1D3F16fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E0E0E0fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E0E0E0fe
  • panelSectionHeader.background#E0E0E0fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#383838ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#104830fe
  • panelTitle.inactiveForeground#45454565
  • peekView.border#114830fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B4C4B183
  • peekViewEditor.matchHighlightBorder#F7F5F600
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#AA8FA287
  • peekViewResult.selectionBackground#C4B1B182
  • peekViewResult.selectionForeground#0B3F31ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#730D0Dfe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3F02FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#0D9257fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#383838ae
  • quickInputList.focusBackground#A399B1aa
  • quickInputList.focusForeground#27855Cfe
  • quickInputList.focusIconForeground#267D57fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#7D7D7Dfe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#A0A0A06e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#8FAAA2a7
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E0E0E0fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#383838ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#383838ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#BCA7B68d
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#383838ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#383838ce
  • settings.rowHoverBackground#E0E0E0fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#12915Afe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#515151ae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#383838ce
  • sideBarTitle.foreground#383838ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FFB9FF9d
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFB9FF99
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFB9FFc5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F5F600
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#27855Cfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#12915Afe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#267D57fe
  • statusBarItem.remoteBackground#27855Cfe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#0D9257fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#163E37fe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#383838fe
  • symbolIcon.colorForeground#383838fe
  • symbolIcon.constantForeground#462672fe
  • symbolIcon.constructorForeground#02402Bfe
  • symbolIcon.enumeratorForeground#6E1414fe
  • symbolIcon.enumeratorMemberForeground#4A1E7Ffe
  • symbolIcon.eventForeground#3D3448fe
  • symbolIcon.fieldForeground#502C45fe
  • symbolIcon.fileForeground#0B3F31fe
  • symbolIcon.folderForeground#552C2Cfe
  • symbolIcon.functionForeground#0B3F31fe
  • symbolIcon.interfaceForeground#283950fe
  • symbolIcon.keyForeground#1F3959fe
  • symbolIcon.keywordForeground#5A2828fe
  • symbolIcon.methodForeground#2C384Cfe
  • symbolIcon.moduleForeground#383838fe
  • symbolIcon.namespaceForeground#6B0F44fe
  • symbolIcon.nullForeground#4A1E7Ffe
  • symbolIcon.numberForeground#4E2F2Ffe
  • symbolIcon.objectForeground#2F3E3Afe
  • symbolIcon.operatorForeground#2C384Cfe
  • symbolIcon.packageForeground#412F57fe
  • symbolIcon.propertyForeground#4B2E43fe
  • symbolIcon.referenceForeground#660F57fe
  • symbolIcon.snippetForeground#422C63fe
  • symbolIcon.stringForeground#383838fe
  • symbolIcon.structForeground#134109fe
  • symbolIcon.textForeground#2C384Cfe
  • symbolIcon.typeParameterForeground#4E2F2Ffe
  • symbolIcon.unitForeground#552846fe
  • symbolIcon.variableForeground#0B3F31fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFBFA00
  • tab.activeBorderTop#04492Bfe
  • tab.activeForeground#04492Bfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#863838a9
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#267D57fe
  • tab.inactiveBackground#CECECE92
  • tab.inactiveForeground#4E4E4E65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D8D8D82c
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#CFCFCF65
  • tab.unfocusedActiveForeground#4E4E4E65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5050503e
  • tab.unfocusedHoverBorder#D8D8D82e
  • tab.unfocusedHoverForeground#3F3F3F65
  • tab.unfocusedInactiveBackground#C6C6C695
  • tab.unfocusedInactiveForeground#49494965
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bd
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E0E0E0fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E0E0E0fe
  • terminal.findMatchBackground#E0E0E0fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E0E0E0fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#515151ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#C2C2C296
  • terminal.selectionBackground#8A96A68e
  • terminal.selectionForeground#183E33ca
  • terminal.tab.activeBorder#03492Bfe
  • terminalCommandDecoration.defaultBackground#3F554Ea9
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#257653fe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09e
  • testing.iconUnset#8080809d
  • testing.message.error.decorationForeground#0E5C3Afe
  • testing.message.error.lineBackground#FFB9FFb7
  • testing.message.info.decorationForeground#155C3Dfe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E0E0E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E0E0E0fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E0E0E0fe
  • textLink.activeForeground#288D61fe
  • textLink.foreground#3F02FEce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#3F3F3Fae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D8D8D8d9
  • titleBar.inactiveForeground#4E4E4E65
  • toolbar.activeBackground#D1CCD889
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#60494935
  • tree.indentGuidesStroke#145C3Cfe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E0E0E0fe
  • walkThrough.embeddedEditorBackground#E0E0E0fe
  • walkthrough.stepTitle.foreground#383838ce
  • welcomePage.background#E0E0E0fe
  • welcomePage.progress.background#E0E0E0fe
  • welcomePage.progress.foreground#383838ce
  • welcomePage.tileBackground#E0E0E0fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E0E0E0fe
  • widget.border#F6F6F6fe
  • widget.shadow#FAFBFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3030306e
comment.block.html#3030306e
comment.block.java#3030306e
comment.block.javadoc.java#3030306e
comment.block.powershell#3030306e
comment.block.xml#3030306e
comment.line.double-slash.c#3030306e
comment.line.double-slash.cpp#3030306e
comment.line.double-slash.java#3030306e
comment.line.double-slash.js#3030306e
comment.line.number-sign.makefile#3030306e
comment.line.number-sign.python#3030306e
comment.line.number-sign.yaml#3030306e
comment.line.percentage.erlang#3030306e
comment.line.powershell#3030306e
comment.source.cmake#3030306e
comment.source.cmakecache#3030306e
constant.character#1D3711de
constant.character.character-class.regexp#2C0997de
constant.character.escape#592052de
constant.character.set.regexp#113726de
constant.language#303030de
constant.numeric#1E3B52de
constant.numeric.dec.python#2C0997de
constant.other.caps.python#033822de
constant.other.character-class.regexp#521E4Bde
constant.other.character-class.set.regexp#1B4432de
constant.other.color.rgb-value#5D0152de
constant.other.placeholder#56134Ede
constant.other.rgb-value#54174Dde
constant.regexp#1B4432de
constant.sha.git-rebase#28441Bde
emphasis#033822de
entity.name.class#303030de
entity.name.function#590E50de
entity.name.function.preprocessor#37216Bde
entity.name.function.python#0B3824de
entity.name.label#303030de
entity.name.namespace#1D370Fde
entity.name.operator#67235Fde
entity.name.operator.custom-literal#393002de
entity.name.scope-resolution#343434de
entity.name.tag#0F5134de
entity.name.tag.css#373011de
entity.name.type#0E5133debold
entity.name.variable#033821de
entity.other.attribute#592052de
entity.other.attribute-name#21510Bde
entity.other.attribute-name.class.css#67235Fde
entity.other.attribute-name.class.mixin.css#153803de
entity.other.attribute-name.id#303030de
entity.other.attribute-name.id.css#204059de
entity.other.attribute-name.parent-selector.css#204059de
entity.other.attribute-name.pseudo-class.css#53460Fde
entity.other.attribute-name.pseudo-element.css#3B3003de
entity.other.attribute-name.scss#193347de
entity.other.document.begin.yaml#3030306e
entity.other.inherited-class#54460Ade
header#303030de
invalid#4B421Cde
keyword#24510Fdebold
keyword.codetag.notation.python#303030debold
keyword.control#0F5134debold
keyword.control.anchor.regexp#243D19debold
keyword.control.import.python#590E50debold
keyword.operator#53460Fdebold
keyword.operator.alignas#113726debold
keyword.operator.alignof#21510Bdebold
keyword.operator.cast#303030debold
keyword.operator.delete#341E77debold
keyword.operator.documentation.powershell#3030306ebold
keyword.operator.expression#303030debold
keyword.operator.instanceof#321784debold
keyword.operator.logical.python#1B4432debold
keyword.operator.minus.exponent#38300Bdebold
keyword.operator.negation.regexp#373117debold
keyword.operator.new#34226Cdebold
keyword.operator.noexcept#234967debold
keyword.operator.or.regexp#53460Edebold
keyword.operator.plus.exponent#602158debold
keyword.operator.quantifier.regexp#54174Ddebold
keyword.operator.sizeof#22510Cdebold
keyword.operator.typeid#1F5208debold
keyword.operator.wordlike#501B4Adebold
keyword.other.operator#592052debold
keyword.other.package.java#1D370Fdebold
keyword.other.unit#54460Cdebold
keyword.other.using#23510Edebold
markup.bold#373117de
markup.changed#342170de
markup.deleted#0F334Ede
markup.fenced_code.block.markdown#21510Bde
markup.heading#35236Bde
markup.inline.raw#0F3727de
markup.inserted#0B3824de
markup.italic#590F4Ede
markup.raw.block.markdown#373117de
markup.strikethrough#373117de
markup.underline#54460Cde
meta.block.c#204059de
meta.block.c#554608de
meta.class.java#0C5234de
meta.definition.variable.name#1D3711de
meta.diff.header#143803de
meta.embedded#342170de
meta.embedded.assembly#1E3B52de
meta.function-call.arguments.python#303030de
meta.function-call.python#351F74de
meta.member.access.python#103726de
meta.method.java#37216Bde
meta.object-literal.key#56134Ede
meta.paragraph.markdown#143349de
meta.preprocessor#443C1Bde
meta.preprocessor.numeric#6F2465de
meta.preprocessor.string#5D0152de
meta.scope.prerequisites.makefile#153803de
meta.structure.dictionary.json.comments#3030306e
meta.structure.dictionary.key.python#033821de
meta.structure.dictionary.value.json.comments#3030306e
meta.template.expression#033822de
meta.type.cast.expr#1E3B52debold
meta.type.new.expr#303030debold
parameter#0B5233de
punctuation.character.set.begin.regexp#554608de
punctuation.character.set.end.regexp#393002de
punctuation.definition.array.begin.json#303030de
punctuation.definition.character-class.regexp#0F3727de
punctuation.definition.comment#3030306e
punctuation.definition.comment.json.comments#3030306e
punctuation.definition.comment.python#3030306e
punctuation.definition.dictionary.begin.json#0E5133de
punctuation.definition.dictionary.end.json#383010de
punctuation.definition.group.assertion.regexp#602158de
punctuation.definition.group.regexp#303030de
punctuation.definition.list.begin.json#1F5208de
punctuation.definition.list.begin.markdown#321784de
punctuation.definition.list.begin.python#53460Fde
punctuation.definition.list.end.json#2D0F94de
punctuation.definition.list.end.markdown#303030de
punctuation.definition.list.end.python#303030de
punctuation.definition.parameters.begin.python#2C0997de
punctuation.definition.parameters.end.bracket.round.java#19370Cde
punctuation.definition.quote.begin.markdown#2B0799de
punctuation.definition.tag#373117de
punctuation.definition.template-expression.begin#383838de
punctuation.definition.template-expression.end#521E4Bde
punctuation.section.class.begin.bracket.curly.java#0E5133de
punctuation.section.embedded#53460Fde
punctuation.section.embedded.begin.php#0B3824de
punctuation.section.embedded.end.php#342170de
punctuation.terminator.java#303030de
source.cmake#54460Ade
source.coffee.embedded#234967de
source.cpp#351F74de
source.css.less#21510Bde
source.groovy.embedded#54460Cde
source.java#143349de
source.java-properties#373117de
source.json.comments#3030306e
source.makefile#0F334Cde
source.powershell#343434de
source.powershell.variable.other.member#234967de
source.python#37216Bde
storage#153803de
storage.modifier#343434de
storage.modifier.import.java#54460Ade
storage.modifier.package.java#21510Bde
storage.type#214560debold
storage.type.annotation.groovy#341E77debold
storage.type.annotation.java#35236Adebold
storage.type.boolean.go#303030debold
storage.type.byte.go#303030debold
storage.type.cs#1A3347debold
storage.type.error.go#1E3B52debold
storage.type.generic.cs#67235Fdebold
storage.type.generic.groovy#0C5234debold
storage.type.generic.java#2D0F94debold
storage.type.groovy#1C4B37debold
storage.type.java#1B4432debold
storage.type.modifier.cs#1B4432debold
storage.type.numeric.go#143349debold
storage.type.object.array.groovy#22510Cdebold
storage.type.object.array.java#0C5234debold
storage.type.parameters.groovy#153803debold
storage.type.primitive.array.groovy#592052debold
storage.type.primitive.array.java#5D0152debold
storage.type.primitive.groovy#37300Fdebold
storage.type.primitive.java#67235Fdebold
storage.type.rune.go#303030debold
storage.type.string.go#2C0997debold
storage.type.token.java#0F5134debold
storage.type.uintptr.go#213717debold
storage.type.variable.cs#1F5208debold
string#303030de
string.quoted.docstring.multi.python#3030306e
string.regexp#303030de
string.tag#5D0352de
string.value#53460Fde
strong#0C5234de
support.class#351F74de
support.constant.color#213717de
support.constant.dom#143349de
support.constant.font-name#06497Ede
support.constant.handlebars#554608de
support.constant.json#53460Fde
support.constant.math#35236Bde
support.constant.media#393002de
support.constant.media-type#213717debold
support.constant.property-value#53460Fde
support.function#54174Dde
support.function.git-rebase#204059de
support.other.parenthesis.regexp#085231de
support.type#393002debold
support.type.property-name#501B4Adebold
support.type.vendored.property-name#033256debold
support.variable#373011de
token.debug-token#085231de
token.error-token#0C5234de
token.info-token#37246Fde
token.warn-token#580E50de
variable#12334Cde
variable.css#303030de
variable.language#213717de
variable.language.wildcard.java#303030de
variable.other.constant#35226Dde
variable.other.definition.java#373011de
variable.other.enummember#3D3D3Dde
variable.other.less#38300Bde
variable.other.object.java#303030de
variable.other.object.property.java#1D370Fde
variable.parameter.c#12334Cde
variable.parameter.function.language.python#033821de
variable.parameter.java#602158de
variable.scss#37246Fde
viiv by B.W - VS Code Theme