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#3F4218fe
  • activityBar.activeFocusBorder#917C3E00
  • activityBar.background#F2F2F2fe
  • activityBar.border#917C3E00
  • activityBar.dropBorder#3D4305fe
  • activityBar.foreground#3F4218fe
  • activityBar.inactiveForeground#44444465
  • activityBarBadge.background#7A8516fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#7A8613fe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#383838ce
  • banner.iconForeground#383838fe
  • breadcrumb.activeSelectionForeground#6D170Dca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#7A8518fe
  • breadcrumb.foreground#383838ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B1B1B1ae
  • button.border#F5F8F400
  • button.foreground#383838ce
  • button.hoverBackground#9B9B9B6e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679a
  • 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#D2CCDC88
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#696F30fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#CECECE93
  • commandCenter.inactiveForeground#44444465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#403058fe
  • debugExceptionWidget.background#FFB9FFa5
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#6C0D41fe
  • debugIcon.breakpointDisabledForeground#44444465
  • debugIcon.breakpointForeground#46079Efe
  • debugIcon.breakpointStackframeForeground#6D170Dfe
  • debugIcon.breakpointUnverifiedForeground#42402Cfe
  • debugIcon.continueForeground#3E380Dfe
  • debugIcon.disconnectForeground#1A3E32fe
  • debugIcon.pauseForeground#173E33fe
  • debugIcon.restartForeground#681D16fe
  • debugIcon.startForeground#572C26fe
  • debugIcon.stepBackForeground#383838fe
  • debugIcon.stepIntoForeground#02402Efe
  • debugIcon.stepOutForeground#383838fe
  • debugIcon.stepOverForeground#383838fe
  • debugIcon.stopForeground#681646fe
  • debugTokenExpression.boolean#242218ca
  • debugTokenExpression.error#161E14ca
  • debugTokenExpression.name#151F1Cca
  • debugTokenExpression.number#1A1116ca
  • debugTokenExpression.value#182420ca
  • debugToolBar.background#FFB9FFa6
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#DCCDCBca
  • debugView.exceptionLabelForeground#173E33ca
  • debugView.stateLabelBackground#D5CEDEca
  • debugView.stateLabelForeground#1E401Aca
  • debugView.valueChangedHighlight#291B23ca
  • descriptionForeground#383838ce
  • diffEditor.border#F6F4F800
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#F8F4F600
  • diffEditor.move.border#F8F4F600
  • diffEditor.moveActive.border#F8F7F400
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#44444465
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#7BA599a4
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A98099ab
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#B3938Faa
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#A9A58081
  • editor.foldBackground#2A594Aa5
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#99BAB0a2
  • editor.inactiveSelectionBackground#CFCFCF91
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#C2C2C2b4
  • editor.lineHighlightBorder#F8F4F600
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#A57B94ac
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#C2D5D0ae
  • editor.selectionForeground#1A3E32ca
  • editor.selectionHighlightBackground#A5A17B87
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A8A8A8a3
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#BA9D99aa
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#A294B7a8
  • editor.symbolHighlightBackground#C4C1A9a6
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#C1A3B5a3
  • editor.wordHighlightBorder#F8F4F600
  • editor.wordHighlightStrongBackground#AC859Dab
  • editor.wordHighlightStrongBorder#F8F5F400
  • editor.wordHighlightTextBackground#AFA3C1a8
  • editor.wordHighlightTextBorder#F6F4F800
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#2E5A28a7
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#5651288d
  • editorBracketPairGuide.activeBackground2#2C584B87
  • editorBracketPairGuide.activeBackground3#6F464185
  • editorBracketPairGuide.activeBackground4#664A468b
  • editorBracketPairGuide.activeBackground5#7D3F3881
  • editorBracketPairGuide.activeBackground6#30592B88
  • editorBracketPairGuide.background1#C2D4C0fe
  • editorBracketPairGuide.background2#D3CFBCfe
  • editorBracketPairGuide.background3#DCCBD5fe
  • editorBracketPairGuide.background4#DBCBC9fe
  • editorBracketPairGuide.background5#C2D5C0fe
  • editorBracketPairGuide.background6#CECECEfe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#515151fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#767E33fe
  • editorError.background#F8F4F600
  • editorError.border#FAFAFA00
  • editorError.foreground#920092ce
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F4F8F700
  • 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#F6F4F800
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#F8F4F600
  • 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#F5F8F400
  • editorHint.foreground#3F02FEce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#6C0E46ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#3E4218fe
  • editorIndentGuide.activeBackground2#444726fe
  • editorIndentGuide.activeBackground3#3D4305fe
  • editorIndentGuide.activeBackground4#3C4307fe
  • editorIndentGuide.activeBackground5#3E421Cfe
  • editorIndentGuide.activeBackground6#3E4221fe
  • editorIndentGuide.background1#47453035
  • editorIndentGuide.background2#32473035
  • editorIndentGuide.background3#30474035
  • editorIndentGuide.background4#47453035
  • editorIndentGuide.background5#415B3E35
  • editorIndentGuide.background6#3D563A35
  • editorInfo.background#FAFAFA00
  • editorInfo.border#F4F8F700
  • 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#707732fe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#707732fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFB9FFb7
  • editorMarkerNavigationError.headerBackground#FFB9FF9e
  • 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#515151b6
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3F02FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#0A4101ca
  • editorOverviewRuler.selectionHighlightForeground#3F02FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#432C61ca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#50505026
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F8F4F600
  • editorSuggestWidget.focusHighlightForeground#7C1A11fe
  • editorSuggestWidget.foreground#1E3F16fe
  • editorSuggestWidget.highlightForeground#163E36ca
  • editorSuggestWidget.selectedBackground#B4A9C485
  • editorSuggestWidget.selectedForeground#491291ca
  • editorSuggestWidget.selectedIconForeground#413801ca
  • editorSuggestWidgetStatus.foreground#383838fe
  • editorUnicodeHighlight.background#B794A9a2
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F8F700
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#7A8516fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#CFCFCF6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#6D170Dfe
  • extensionIcon.sponsorForeground#2C423Bfe
  • extensionIcon.starForeground#383838fe
  • extensionIcon.verifiedForeground#163E32fe
  • focusBorder#F4F8F700
  • 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#BED3CCca
  • inlineChat.border#D3D0BEca
  • inlineChat.regionHighlight#1F1E15ca
  • inlineChat.shadow#1E141Aca
  • inlineChatDiff.inserted#1E1D14ca
  • inlineChatDiff.removed#111A17ca
  • inlineChatInput.background#192418ca
  • inlineChatInput.border#D3D0BEca
  • inlineChatInput.focusBorder#F8F5F400
  • inlineChatInput.placeholderForeground#02402Eca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#3C3C3C65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#7A8613fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#FFB9FFb9
  • 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#CECECE99
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#BA9D9981
  • list.activeSelectionForeground#383838ca
  • list.activeSelectionIconForeground#6A0F46ca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F8F4F600
  • list.focusBackground#CFCFCF96
  • list.focusForeground#7A8518fe
  • list.focusHighlightForeground#24471Efe
  • list.focusOutline#F8F4F600
  • list.highlightForeground#681D16ca
  • list.hoverBackground#BFD3CDad
  • list.hoverForeground#7A8516fe
  • list.inactiveFocusBackground#CBCBCB99
  • list.inactiveFocusOutline#F8F5F400
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#49494965
  • list.inactiveSelectionIconForeground#44444465
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#F8F7F400
  • listFilterWidget.outline#F8F7F400
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#F2F2F2fe
  • menu.border#F5F8F400
  • menu.foreground#383838ae
  • menu.selectionBackground#B3CBC4a3
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#696F30fe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#AEC8C0a5
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#767E33fe
  • 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#D3D3D32d
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ba
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D324
  • 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#818181fe
  • minimapSlider.background#B9B9B9ae
  • minimapSlider.hoverBackground#9B9B9B6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#121A11ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#161F15ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#7B8614fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8181818e
  • notebook.inactiveSelectedCellBorder#8E8E8E8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#8E8E8Efe
  • notebookScrollbarSlider.background#B1B1B1ae
  • notebookScrollbarSlider.hoverBackground#9292926e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#592644fe
  • 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#6C180Ffe
  • 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#F8F5F400
  • panelTitle.activeForeground#3D4216fe
  • panelTitle.inactiveForeground#40404065
  • peekView.border#3D4305fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#BDBA9E87
  • peekViewEditor.matchHighlightBorder#F8F5F400
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#A5A17B89
  • peekViewResult.selectionBackground#B0AC8A88
  • peekViewResult.selectionForeground#6C180Fca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#1B4017fe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3F02FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#7B8617fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#383838ae
  • quickInputList.focusBackground#9080A9a4
  • quickInputList.focusForeground#7A8613fe
  • quickInputList.focusIconForeground#7B8617fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F4F8F700
  • scrollbarSlider.activeBackground#8E8E8Efe
  • scrollbarSlider.background#B9B9B9ae
  • scrollbarSlider.hoverBackground#9F9F9F6e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#94B7ACab
  • 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#C4C1A982
  • 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#7B8614fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#515151ae
  • sideBarSectionHeader.background#F8F7F400
  • 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#F6F4F800
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFB9FFa3
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFB9FFcb
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F8F5F400
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#696F30fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#707732fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#7A8516fe
  • statusBarItem.remoteBackground#7A8611fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#767E33fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#4B312Dfe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#173E33fe
  • symbolIcon.colorForeground#3E380Dfe
  • symbolIcon.constantForeground#432A69fe
  • symbolIcon.constructorForeground#6C0D41fe
  • symbolIcon.enumeratorForeground#3D3B29fe
  • symbolIcon.enumeratorMemberForeground#46079Efe
  • symbolIcon.eventForeground#383838fe
  • symbolIcon.fieldForeground#422E61fe
  • symbolIcon.fileForeground#383838fe
  • symbolIcon.folderForeground#143F31fe
  • symbolIcon.functionForeground#383838fe
  • symbolIcon.interfaceForeground#3C3816fe
  • symbolIcon.keyForeground#6C0D41fe
  • symbolIcon.keywordForeground#293D37fe
  • symbolIcon.methodForeground#383838fe
  • symbolIcon.moduleForeground#203D33fe
  • symbolIcon.namespaceForeground#02402Efe
  • symbolIcon.nullForeground#2C423Bfe
  • symbolIcon.numberForeground#383838fe
  • symbolIcon.objectForeground#293D37fe
  • symbolIcon.operatorForeground#681646fe
  • symbolIcon.packageForeground#4B312Dfe
  • symbolIcon.propertyForeground#293D37fe
  • symbolIcon.referenceForeground#203E1Ffe
  • symbolIcon.snippetForeground#5E2622fe
  • symbolIcon.stringForeground#6C0E46fe
  • symbolIcon.structForeground#681646fe
  • symbolIcon.textForeground#383838fe
  • symbolIcon.typeParameterForeground#42402Cfe
  • symbolIcon.unitForeground#5E2622fe
  • symbolIcon.variableForeground#6C0D41fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#F6F4F800
  • tab.activeBorderTop#3E4216fe
  • tab.activeForeground#3E4218fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F5F400
  • tab.hoverBackground#2E584Ba2
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#696F30fe
  • tab.inactiveBackground#CECECE93
  • tab.inactiveForeground#40404065
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D33a
  • tab.unfocusedActiveBorder#F4F8F700
  • tab.unfocusedActiveBorderTop#CECECE65
  • tab.unfocusedActiveForeground#40404065
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5050502d
  • tab.unfocusedHoverBorder#D7D7D724
  • tab.unfocusedHoverForeground#3F3F3F65
  • tab.unfocusedInactiveBackground#C6C6C692
  • tab.unfocusedInactiveForeground#44444465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c4
  • 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#6700679c
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • 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#CBCBCB94
  • terminal.selectionBackground#A980998c
  • terminal.selectionForeground#3D3814ca
  • terminal.tab.activeBorder#3D4216fe
  • terminalCommandDecoration.defaultBackground#773D60a9
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#707732fe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ae
  • testing.iconUnset#808080cb
  • testing.message.error.decorationForeground#4E5419fe
  • testing.message.error.lineBackground#FFB9FFba
  • testing.message.info.decorationForeground#4F5514fe
  • 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#767E33fe
  • textLink.foreground#3F02FEce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#3F3F3Fae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#CFCFCFd9
  • titleBar.inactiveForeground#40404065
  • toolbar.activeBackground#C1D3BF83
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#F8F5F400
  • tree.inactiveIndentGuidesStroke#65484435
  • tree.indentGuidesStroke#4F5512fe
  • 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#F8F7F400
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CFCFCF95

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#4B233Bde
constant.character.character-class.regexp#3D2655de
constant.character.escape#532213de
constant.character.set.regexp#464A15de
constant.language#682F51de
constant.numeric#2F3304de
constant.numeric.dec.python#3E4123de
constant.other.caps.python#450284de
constant.other.character-class.regexp#115043de
constant.other.character-class.set.regexp#682F51de
constant.other.color.rgb-value#052289de
constant.other.placeholder#00382Fde
constant.other.rgb-value#4C2F68de
constant.regexp#5C123Ede
constant.sha.git-rebase#163630de
emphasis#440880de
entity.name.class#2F3305de
entity.name.function#303030de
entity.name.function.preprocessor#242E55de
entity.name.function.python#454A13de
entity.name.label#0A372Ede
entity.name.namespace#3D2655de
entity.name.operator#401E66de
entity.name.operator.custom-literal#404040de
entity.name.scope-resolution#303030de
entity.name.tag#32341Fde
entity.name.tag.css#303030de
entity.name.type#2F3A68debold
entity.name.variable#404040de
entity.other.attribute#1F3430de
entity.other.attribute-name#612D4Dde
entity.other.attribute-name.class.css#102877de
entity.other.attribute-name.class.mixin.css#303030de
entity.other.attribute-name.id#59163Fde
entity.other.attribute-name.id.css#49281Fde
entity.other.attribute-name.parent-selector.css#145044de
entity.other.attribute-name.pseudo-class.css#5E1705de
entity.other.attribute-name.pseudo-element.css#454A13de
entity.other.attribute-name.scss#4D2F28de
entity.other.document.begin.yaml#3030306e
entity.other.inherited-class#3E2456de
header#2C355Bde
invalid#471075de
keyword#303218debold
keyword.codetag.notation.python#3B284Ddebold
keyword.control#450284debold
keyword.control.anchor.regexp#682F51debold
keyword.control.import.python#5B2C48debold
keyword.operator#471075debold
keyword.operator.alignas#00382Fdebold
keyword.operator.alignof#401E66debold
keyword.operator.cast#252E52debold
keyword.operator.delete#454A13debold
keyword.operator.documentation.powershell#3030306ebold
keyword.operator.expression#2F3A68debold
keyword.operator.instanceof#021F8Fdebold
keyword.operator.logical.python#472C26debold
keyword.operator.minus.exponent#052289debold
keyword.operator.negation.regexp#23413Bdebold
keyword.operator.new#16362Fdebold
keyword.operator.noexcept#542013debold
keyword.operator.or.regexp#333333debold
keyword.operator.plus.exponent#3B2750debold
keyword.operator.quantifier.regexp#252E52debold
keyword.operator.sizeof#2F3305debold
keyword.operator.typeid#47263Adebold
keyword.operator.wordlike#54322Adebold
keyword.other.operator#5E1704debold
keyword.other.package.java#303030debold
keyword.other.unit#1F3430debold
keyword.other.using#401E66debold
markup.bold#2C355Bde
markup.changed#102877de
markup.deleted#3E2456de
markup.fenced_code.block.markdown#373737de
markup.heading#472C26de
markup.inline.raw#333333de
markup.inserted#61043Cde
markup.italic#4D283Ede
markup.raw.block.markdown#5B352Cde
markup.strikethrough#5E1705de
markup.underline#462A23de
meta.block.c#32341Fde
meta.block.c#454A13de
meta.class.java#2E330Ede
meta.definition.variable.name#4F1F3Bde
meta.diff.header#5B2C48de
meta.embedded#49281Fde
meta.embedded.assembly#401E66de
meta.function-call.arguments.python#2F3305de
meta.function-call.python#542A43de
meta.member.access.python#145044de
meta.method.java#252E52de
meta.object-literal.key#172874de
meta.paragraph.markdown#444726de
meta.preprocessor#4F1F3Bde
meta.preprocessor.numeric#454545de
meta.preprocessor.string#303030de
meta.scope.prerequisites.makefile#264740de
meta.structure.dictionary.json.comments#3030306e
meta.structure.dictionary.key.python#125044de
meta.structure.dictionary.value.json.comments#3030306e
meta.template.expression#4D251Bde
meta.type.cast.expr#47263Adebold
meta.type.new.expr#00382Fdebold
parameter#303030de
punctuation.character.set.begin.regexp#0F5042de
punctuation.character.set.end.regexp#542A43de
punctuation.definition.array.begin.json#102877de
punctuation.definition.character-class.regexp#2F3A68de
punctuation.definition.comment#3030306e
punctuation.definition.comment.json.comments#3030306e
punctuation.definition.comment.python#3030306e
punctuation.definition.dictionary.begin.json#472D61de
punctuation.definition.dictionary.end.json#303030de
punctuation.definition.group.assertion.regexp#052289de
punctuation.definition.group.regexp#252E52de
punctuation.definition.list.begin.json#5B352Cde
punctuation.definition.list.begin.markdown#252E52de
punctuation.definition.list.begin.python#303030de
punctuation.definition.list.end.json#303030de
punctuation.definition.list.end.markdown#284D46de
punctuation.definition.list.end.python#001F8Fde
punctuation.definition.parameters.begin.python#454B12de
punctuation.definition.parameters.end.bracket.round.java#472D61de
punctuation.definition.quote.begin.markdown#2F3304de
punctuation.definition.tag#400589de
punctuation.definition.template-expression.begin#303216de
punctuation.definition.template-expression.end#43186Ede
punctuation.section.class.begin.bracket.curly.java#14362Fde
punctuation.section.embedded#3E4123de
punctuation.section.embedded.begin.php#172874de
punctuation.section.embedded.end.php#482922de
punctuation.terminator.java#5C123Ede
source.cmake#4B223Bde
source.coffee.embedded#5C123Ede
source.cpp#23413Bde
source.css.less#145044de
source.groovy.embedded#472D61de
source.java#32341Fde
source.java-properties#454B12de
source.json.comments#3030306e
source.makefile#444726de
source.powershell#450284de
source.powershell.variable.other.member#472D61de
source.python#682F51de
storage#5C123Ede
storage.modifier#400589de
storage.modifier.import.java#3D2655de
storage.modifier.package.java#16362Fde
storage.type#683A2Fdebold
storage.type.annotation.groovy#264740debold
storage.type.annotation.java#450284debold
storage.type.boolean.go#303030debold
storage.type.byte.go#532213debold
storage.type.cs#5E1704debold
storage.type.error.go#303218debold
storage.type.generic.cs#462A23debold
storage.type.generic.groovy#2C355Bdebold
storage.type.generic.java#454A13debold
storage.type.groovy#3B284Ddebold
storage.type.java#474747debold
storage.type.modifier.cs#61043Cdebold
storage.type.numeric.go#454B12debold
storage.type.object.array.groovy#213A35debold
storage.type.object.array.java#502417debold
storage.type.parameters.groovy#163630debold
storage.type.primitive.array.groovy#3B2750debold
storage.type.primitive.array.java#4C2F68debold
storage.type.primitive.groovy#252E52debold
storage.type.primitive.java#401E66debold
storage.type.rune.go#303030debold
storage.type.string.go#213A35debold
storage.type.token.java#40225Bdebold
storage.type.uintptr.go#401E66debold
storage.type.variable.cs#3E2456debold
string#102877de
string.quoted.docstring.multi.python#3030306e
string.regexp#2D3861de
string.tag#242E55de
string.value#464A15de
strong#383A21de
support.class#5C123Ede
support.constant.color#5B123Ade
support.constant.dom#102877de
support.constant.font-name#4C2F68de
support.constant.handlebars#252E52de
support.constant.json#4D283Ede
support.constant.math#3E2456de
support.constant.media#1E2D63de
support.constant.media-type#5B352Cdebold
support.constant.property-value#683A2Fde
support.function#303216de
support.function.git-rebase#59163Fde
support.other.parenthesis.regexp#4F1F3Bde
support.type#2E330Edebold
support.type.property-name#4B233Bdebold
support.type.vendored.property-name#612D4Ddebold
support.variable#3E2456de
token.debug-token#1F3430de
token.error-token#531B3Ede
token.info-token#021F8Fde
token.warn-token#4D251Bde
variable#303030de
variable.css#454B12de
variable.language#3B284Dde
variable.language.wildcard.java#2A3254de
variable.other.constant#401E66de
variable.other.definition.java#40225Bde
variable.other.enummember#373737de
variable.other.less#021F8Fde
variable.other.object.java#3B2750de
variable.other.object.property.java#450284de
variable.parameter.c#303030de
variable.parameter.function.language.python#303218de
variable.parameter.java#462A23de
variable.scss#454A13de
viiv by B.W - VS Code Theme