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#DAE0DAfe
  • activityBar.activeBackground#DAE0DAfe
  • activityBar.activeBorder#FC316Bfe
  • activityBar.activeFocusBorder#B5763600
  • activityBar.background#ECEFECfe
  • activityBar.border#87873300
  • activityBar.dropBorder#E64F77fe
  • activityBar.foreground#E64F7Bfe
  • activityBar.inactiveForeground#404C4065
  • activityBarBadge.background#80223Cfe
  • activityBarBadge.foreground#ECEFECfe
  • badge.background#C12752fe
  • badge.foreground#ECEFECfe
  • banner.background#DAE0DAfe
  • banner.foreground#326032ce
  • banner.iconForeground#6D4390fe
  • breadcrumb.activeSelectionForeground#734C38ca
  • breadcrumb.background#E8EBE8fe
  • breadcrumb.focusForeground#88233Ffe
  • breadcrumb.foreground#355F35ae
  • breadcrumbPicker.background#DAE0DAfe
  • button.background#A8B6A8ae
  • button.border#F6F5F700
  • button.foreground#326032ce
  • button.hoverBackground#96A696fe
  • button.secondaryBackground#DAE0DAfe
  • button.secondaryForeground#326032ce
  • button.secondaryHoverBackground#DAE0DAfe
  • button.separator#F5F6F700
  • charts.blue#1b1bfffe
  • charts.foreground#326032ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067be
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F1fe
  • chat.slashCommandBackground#DAE0DAfe
  • chat.slashCommandForeground#326032ce
  • checkbox.background#F1F3F1fe
  • checkbox.border#F1F3F1fe
  • checkbox.foreground#326032ce
  • checkbox.selectBackground#F1F3F1fe
  • checkbox.selectBorder#F1F3F1fe
  • commandCenter.activeBackground#BFF3EA8b
  • commandCenter.activeBorder#F1F3F1fe
  • commandCenter.activeForeground#C12752fe
  • commandCenter.background#DAE0DAfe
  • commandCenter.border#F1F3F1fe
  • commandCenter.foreground#326032ce
  • commandCenter.inactiveBorder#F8FEF89d
  • commandCenter.inactiveForeground#4D954D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F700
  • contrastBorder#F5F6F700
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#326032ce
  • debugConsole.sourceForeground#326032ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#6F3EA0fe
  • debugExceptionWidget.background#670067bf
  • debugExceptionWidget.border#F1F3F1fe
  • debugIcon.breakpointCurrentStackframeForeground#6D4E3Cfe
  • debugIcon.breakpointDisabledForeground#44514465
  • debugIcon.breakpointForeground#395A57fe
  • debugIcon.breakpointStackframeForeground#385F38fe
  • debugIcon.breakpointUnverifiedForeground#873B61fe
  • debugIcon.continueForeground#3C5D5Afe
  • debugIcon.disconnectForeground#545A33fe
  • debugIcon.pauseForeground#713F97fe
  • debugIcon.restartForeground#6E409Cfe
  • debugIcon.startForeground#3C5D5Afe
  • debugIcon.stepBackForeground#703DA3fe
  • debugIcon.stepIntoForeground#355D35fe
  • debugIcon.stepOutForeground#545738fe
  • debugIcon.stepOverForeground#395A57fe
  • debugIcon.stopForeground#345E34fe
  • debugTokenExpression.boolean#272820ca
  • debugTokenExpression.error#212821ca
  • debugTokenExpression.name#1C1F23ca
  • debugTokenExpression.number#1F191Cca
  • debugTokenExpression.value#282320ca
  • debugToolBar.background#670067a4
  • debugToolBar.border#F1F3F1fe
  • debugView.exceptionLabelBackground#E7CCFCca
  • debugView.exceptionLabelForeground#6F3EA0ca
  • debugView.stateLabelBackground#BAF9F1ca
  • debugView.stateLabelForeground#545A33ca
  • debugView.valueChangedHighlight#1C1816ca
  • descriptionForeground#326032ce
  • diffEditor.border#F5F7F700
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#F6F5F700
  • diffEditor.move.border#F7F7F500
  • diffEditor.moveActive.border#F7F7F500
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#F7F6F500
  • diffEditor.unchangedCodeBackground#DAE0DAfe
  • diffEditor.unchangedRegionBackground#DAE0DAfe
  • diffEditor.unchangedRegionForeground#326032ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#38433865
  • dropdown.background#F1F3F1fe
  • dropdown.border#F1F3F1fe
  • dropdown.foreground#326032ce
  • dropdown.listBackground#F1F3F1fe
  • editor.background#DAE0DAfe
  • editor.findMatchBackground#A5A893ab
  • editor.findMatchBorder#F1F3F1fe
  • editor.findMatchHighlightBackground#BFB4AFa1
  • editor.findMatchHighlightBorder#F1F3F1fe
  • editor.findRangeHighlightBackground#AFB4BFaa
  • editor.findRangeHighlightBorder#F1F3F1fe
  • editor.focusedStackFrameHighlightBackground#858D9D8a
  • editor.foldBackground#256325a3
  • editor.foreground#326032ce
  • editor.hoverHighlightBackground#A6B7B4ac
  • editor.inactiveSelectionBackground#C3CDC396
  • editor.inlineValuesBackground#DAE0DAfe
  • editor.inlineValuesForeground#326032ce
  • editor.lineHighlightBackground#BFC9BFb1
  • editor.lineHighlightBorder#F5F7F700
  • editor.linkedEditingBackground#DAE0DAfe
  • editor.rangeHighlightBackground#BBABB3a4
  • editor.rangeHighlightBorder#F1F3F1fe
  • editor.selectionBackground#7F937Fa1
  • editor.selectionForeground#6F3EA0ca
  • editor.selectionHighlightBackground#8A92A182
  • editor.selectionHighlightBorder#F1F3F1fe
  • editor.snippetFinalTabstopHighlightBackground#AAA1B3a5
  • editor.snippetFinalTabstopHighlightBorder#F1F3F1fe
  • editor.snippetTabstopHighlightBackground#B3ABBBa9
  • editor.snippetTabstopHighlightBorder#F1F3F1fe
  • editor.stackFrameHighlightBackground#B7ACA6a5
  • editor.symbolHighlightBackground#91859Da7
  • editor.symbolHighlightBorder#F1F3F1fe
  • editor.wordHighlightBackground#B0A39Dab
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#A9AC98ae
  • editor.wordHighlightStrongBorder#F6F5F700
  • editor.wordHighlightTextBackground#9E93A8ae
  • editor.wordHighlightTextBorder#F5F7F500
  • editorBracketHighlight.foreground1#0C0E0Cce
  • editorBracketHighlight.foreground2#0C0E0Cce
  • editorBracketHighlight.foreground3#0C0E0Cce
  • editorBracketHighlight.foreground4#0C0E0Cce
  • editorBracketHighlight.foreground5#0C0E0Cce
  • editorBracketHighlight.foreground6#0C0E0Cce
  • editorBracketHighlight.unexpectedBracket.foreground#326032ce
  • editorBracketMatch.background#9E2163a5
  • editorBracketMatch.border#F1F3F1fe
  • editorBracketPairGuide.activeBackground1#203E7C8e
  • editorBracketPairGuide.activeBackground2#83452588
  • editorBracketPairGuide.activeBackground3#87442283
  • editorBracketPairGuide.activeBackground4#21428088
  • editorBracketPairGuide.activeBackground5#87452884
  • editorBracketPairGuide.activeBackground6#A1206388
  • editorBracketPairGuide.background1#E5CEFCfe
  • editorBracketPairGuide.background2#A1F3A1fe
  • editorBracketPairGuide.background3#FDE3D7fe
  • editorBracketPairGuide.background4#86E9DDfe
  • editorBracketPairGuide.background5#ECF2FEfe
  • editorBracketPairGuide.background6#FEE3F2fe
  • editorCodeLens.foreground#1457146e
  • editorCommentsWidget.rangeActiveBackground#2B612Bfe
  • editorCommentsWidget.rangeBackground#DAE0DAfe
  • editorCommentsWidget.resolvedBorder#F1F3F1fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#DAE0DAfe
  • editorCursor.foreground#C12752fe
  • editorError.background#F7F5F600
  • editorError.border#F7F7F500
  • editorError.foreground#b400b4ce
  • editorGhostText.background#DAE0DAfe
  • editorGhostText.border#F5F6F700
  • editorGhostText.foreground#155B156e
  • editorGroup.border#F1F3F1fe
  • editorGroup.dropBackground#DAE0DAfe
  • editorGroup.dropIntoPromptBackground#DAE0DAfe
  • editorGroup.dropIntoPromptBorder#F1F3F1fe
  • editorGroup.dropIntoPromptForeground#326032ce
  • editorGroup.emptyBackground#DAE0DAfe
  • editorGroup.focusedEmptyBorder#F1F3F1fe
  • editorGroupHeader.border#F6F5F700
  • editorGroupHeader.noTabsBackground#ECEFECae
  • editorGroupHeader.tabsBackground#D5DCD5a1
  • editorGroupHeader.tabsBorder#F5F7F700
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#DAE0DAfe
  • editorGutter.commentGlyphForeground#326032ce
  • editorGutter.commentRangeForeground#326032ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#326032ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#F5F6F700
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F1F3F1fe
  • editorHoverWidget.border#F1F3F1fe
  • editorHoverWidget.foreground#326032ce
  • editorHoverWidget.highlightForeground#703DA3ca
  • editorHoverWidget.statusBarBackground#DAE0DAfe
  • editorIndentGuide.activeBackground1#206420fe
  • editorIndentGuide.activeBackground2#1E641Efe
  • editorIndentGuide.activeBackground3#206420fe
  • editorIndentGuide.activeBackground4#1C621Cfe
  • editorIndentGuide.activeBackground5#1C621Cfe
  • editorIndentGuide.activeBackground6#1F641Ffe
  • editorIndentGuide.background1#373B4435
  • editorIndentGuide.background2#54564635
  • editorIndentGuide.background3#4F524235
  • editorIndentGuide.background4#4D433E35
  • editorIndentGuide.background5#6E5F5835
  • editorIndentGuide.background6#4F524235
  • editorInfo.background#F5F7F700
  • editorInfo.border#F7F7F500
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#DAE0DAfe
  • editorInlayHint.foreground#326032ce
  • editorInlayHint.parameterBackground#DAE0DAfe
  • editorInlayHint.parameterForeground#326032ce
  • editorInlayHint.typeBackground#DAE0DAfe
  • editorInlayHint.typeForeground#326032ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#B0264Dfe
  • editorLineNumber.dimmedForeground#1352136e
  • editorLineNumber.foreground#1352136e
  • editorLink.activeForeground#80223Cfe
  • editorMarkerNavigation.background#F1F3F1fe
  • editorMarkerNavigationError.background#6700679d
  • editorMarkerNavigationError.headerBackground#670067a1
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#DAE0DAfe
  • editorOverviewRuler.border#C3DCC3fe
  • editorOverviewRuler.bracketMatchForeground#326032ce
  • editorOverviewRuler.commentForeground#155B156e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#326032ce
  • editorOverviewRuler.currentContentForeground#cececebf
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#355E58ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#8A3B62ca
  • editorOverviewRuler.wordHighlightStrongForeground#326032ce
  • editorOverviewRuler.wordHighlightTextForeground#326032ce
  • editorPane.background#DAE0DAfe
  • editorRuler.foreground#2B612B2b
  • editorStickyScroll.background#DAE0DAfe
  • editorStickyScroll.shadow#F6F5F700
  • editorStickyScrollHover.background#D8FBD8fe
  • editorSuggestWidget.background#F1F3F1fe
  • editorSuggestWidget.border#F7F7F500
  • editorSuggestWidget.focusHighlightForeground#7E8947fe
  • editorSuggestWidget.foreground#3C568Bfe
  • editorSuggestWidget.highlightForeground#764C37ca
  • editorSuggestWidget.selectedBackground#989FAC89
  • editorSuggestWidget.selectedForeground#345E34ca
  • editorSuggestWidget.selectedIconForeground#6F3EA0ca
  • editorSuggestWidgetStatus.foreground#694497fe
  • editorUnicodeHighlight.background#A69DB0a4
  • editorUnicodeHighlight.border#F1F3F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F7F500
  • editorWarning.border#F5F7F500
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#326032ce
  • editorWidget.background#F1F3F1fe
  • editorWidget.border#F1F3F1fe
  • editorWidget.foreground#326032ce
  • editorWidget.resizeBorder#F1F3F1fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#B0264Dfe
  • extensionBadge.remoteForeground#ECEFECfe
  • extensionButton.background#E2FBE2ae
  • extensionButton.foreground#326032ce
  • extensionButton.hoverBackground#C0EAC0fe
  • extensionButton.prominentBackground#DAE0DAfe
  • extensionButton.prominentForeground#326032ce
  • extensionButton.prominentHoverBackground#DAE0DAfe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#3B577Cfe
  • extensionIcon.sponsorForeground#6C458Cfe
  • extensionIcon.starForeground#6F3EA0fe
  • extensionIcon.verifiedForeground#694497fe
  • focusBorder#F7F5F600
  • foreground#326032ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#236123ae
  • inlineChat.background#E9D0FCca
  • inlineChat.border#FEFEE8ca
  • inlineChat.regionHighlight#1D231Dca
  • inlineChat.shadow#1E1F19ca
  • inlineChatDiff.inserted#19161Cca
  • inlineChatDiff.removed#231F1Cca
  • inlineChatInput.background#1D231Dca
  • inlineChatInput.border#ECDBFDca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#525733ca
  • input.background#F1F3F1fe
  • input.border#F1F3F1fe
  • input.foreground#326032ce
  • input.placeholderForeground#44514465
  • inputOption.activeBackground#F1F3F1fe
  • inputOption.activeBorder#F1F3F1fe
  • inputOption.activeForeground#A8264Afe
  • inputOption.hoverBackground#F1F3F1fe
  • inputValidation.errorBackground#670067a9
  • inputValidation.errorBorder#6700679c
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F1fe
  • inputValidation.infoForeground#326032ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F1fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F1F3F1fe
  • interactive.inactiveCodeBorder#D2F2D295
  • keybindingLabel.background#DAE0DAfe
  • keybindingLabel.border#F1F3F1fe
  • keybindingLabel.bottomBorder#F1F3F1fe
  • keybindingLabel.foreground#326032ce
  • keybindingTable.headerBackground#DAE0DAfe
  • keybindingTable.rowsBackground#DAE0DAfe
  • list.activeSelectionBackground#A8939E82
  • list.activeSelectionForeground#345E57ca
  • list.activeSelectionIconForeground#385F38ca
  • list.deemphasizedForeground#326032ce
  • list.dropBackground#DAE0DAfe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#DAE0DAfe
  • list.filterMatchBorder#F1F3F1fe
  • list.focusAndSelectionOutline#F7F7F500
  • list.focusBackground#C8D1C896
  • list.focusForeground#902442fe
  • list.focusHighlightForeground#C1734Cfe
  • list.focusOutline#F6F5F700
  • list.highlightForeground#3D5680ca
  • list.hoverBackground#BCE6BCfe
  • list.hoverForeground#E74F78fe
  • list.inactiveFocusBackground#BFC9BF9b
  • list.inactiveFocusOutline#F7F5F600
  • list.inactiveSelectionBackground#ECEFECae
  • list.inactiveSelectionForeground#44514465
  • list.inactiveSelectionIconForeground#404C4065
  • list.invalidItemForeground#326032ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#DAE0DAfe
  • listFilterWidget.noMatchesOutline#F5F7F700
  • listFilterWidget.outline#F7F7F500
  • listFilterWidget.shadow#F5F7F500
  • menu.background#ECEFECfe
  • menu.border#F6F5F700
  • menu.foreground#345F34ae
  • menu.selectionBackground#9AAA9Aa1
  • menu.selectionBorder#F6F5F700
  • menu.selectionForeground#A02547fe
  • menu.separatorBackground#E6FEE665
  • menubar.selectionBackground#96A696ae
  • menubar.selectionBorder#F6F5F700
  • menubar.selectionForeground#A8264Afe
  • merge.border#F1F3F1fe
  • merge.commonContentBackground#DAE0DAfe
  • merge.commonHeaderBackground#DAE0DAfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#DAE0DAfe
  • mergeEditor.change.word.background#DAE0DAfe
  • mergeEditor.changeBase.background#DAE0DAfe
  • mergeEditor.changeBase.word.background#DAE0DAfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F1fe
  • mergeEditor.conflict.handledUnfocused.border#FDFEFD2b
  • mergeEditor.conflict.input1.background#F1F3F1fe
  • mergeEditor.conflict.input2.background#F1F3F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067af
  • mergeEditor.conflict.unhandledFocused.border#F1F3F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#D1D8D13a
  • mergeEditor.conflictingLines.background#DAE0DAfe
  • minimap.background#DAE0DAfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0E0Cce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#768C76fe
  • minimapSlider.background#9FAE9Fae
  • minimapSlider.hoverBackground#A8B6A8fe
  • notebook.cellBorderColor#F1F3F1fe
  • notebook.cellEditorBackground#DAE0DAfe
  • notebook.cellHoverBackground#DAE0DAfe
  • notebook.cellInsertionIndicator#1C191Fca
  • notebook.cellStatusBarItemHoverBackground#DAE0DAfe
  • notebook.cellToolbarSeparator#1a1f1aca
  • notebook.editorBackground#DAE0DAfe
  • notebook.focusedCellBackground#DAE0DAfe
  • notebook.focusedCellBorder#B0264Dfe
  • notebook.focusedEditorBorder#F1F3F1fe
  • notebook.inactiveFocusedCellBorder#7F937F8e
  • notebook.inactiveSelectedCellBorder#7287728e
  • notebook.outputContainerBackgroundColor#DAE0DAfe
  • notebook.outputContainerBorderColor#F1F3F1fe
  • notebook.selectedCellBackground#DAE0DAfe
  • notebook.selectedCellBorder#F1F3F1fe
  • notebook.symbolHighlightBackground#DAE0DAfe
  • notebookEditorOverviewRuler.runningCellForeground#326032ce
  • notebookScrollbarSlider.activeBackground#7F937Ffe
  • notebookScrollbarSlider.background#ACBAACae
  • notebookScrollbarSlider.hoverBackground#A8B6A8fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#6B4F41fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F1F3F1fe
  • notificationCenterHeader.background#DAE0DAfe
  • notificationCenterHeader.foreground#326032ce
  • notificationLink.foreground#326032ce
  • notifications.background#DAE0DAfe
  • notifications.border#F1F3F1fe
  • notifications.foreground#326032ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#545935fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F1F3F1fe
  • panel.background#DAE0DAfe
  • panel.border#F1F3F1fe
  • panel.dropBorder#F1F3F1fe
  • panelInput.border#F1F3F1fe
  • panelSection.border#F1F3F1fe
  • panelSection.dropBackground#DAE0DAfe
  • panelSectionHeader.background#DAE0DAfe
  • panelSectionHeader.border#F1F3F1fe
  • panelSectionHeader.foreground#326032ce
  • panelTitle.activeBorder#F5F6F700
  • panelTitle.activeForeground#E64F7Bfe
  • panelTitle.inactiveForeground#44514465
  • peekView.border#E64F78fe
  • peekViewEditor.background#F1F3F1fe
  • peekViewEditor.matchHighlightBackground#A6ACB789
  • peekViewEditor.matchHighlightBorder#F5F6F700
  • peekViewEditorGutter.background#F1F3F1fe
  • peekViewEditorStickyScroll.background#DAE0DAfe
  • peekViewResult.background#ECEFECfe
  • peekViewResult.fileForeground#326032ce
  • peekViewResult.lineForeground#326032ce
  • peekViewResult.matchHighlightBackground#BFB4AF82
  • peekViewResult.selectionBackground#ADB09D87
  • peekViewResult.selectionForeground#355D35ca
  • peekViewTitle.background#ECEFECfe
  • peekViewTitleDescription.foreground#326032ce
  • peekViewTitleLabel.foreground#326032ce
  • pickerGroup.border#F1F3F1fe
  • pickerGroup.foreground#326032ce
  • ports.iconRunningProcessForeground#6D4F38fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#B8274Ffe
  • profileBadge.foreground#ECEFECfe
  • progressBar.background#DAE0DAfe
  • quickInput.background#ECEFECfe
  • quickInput.foreground#355F35ae
  • quickInputList.focusBackground#96A696ac
  • quickInputList.focusForeground#A8264Afe
  • quickInputList.focusIconForeground#88233Ffe
  • quickInputTitle.background#F1F3F1fe
  • sash.hoverBorder#F1F3F1fe
  • scrollbar.shadow#F7F6F500
  • scrollbarSlider.activeBackground#768C76fe
  • scrollbarSlider.background#B1BDB1ae
  • scrollbarSlider.hoverBackground#9FAE9Ffe
  • search.resultsInfoForeground#326032ce
  • searchEditor.findMatchBackground#AC9F98a9
  • searchEditor.findMatchBorder#F1F3F1fe
  • searchEditor.textInputBorder#F1F3F1fe
  • selection.background#DAE0DAfe
  • settings.checkboxBackground#F1F3F1fe
  • settings.checkboxBorder#F1F3F1fe
  • settings.checkboxForeground#326032ce
  • settings.dropdownBackground#F1F3F1fe
  • settings.dropdownBorder#F1F3F1fe
  • settings.dropdownForeground#326032ce
  • settings.dropdownListBorder#F1F3F1fe
  • settings.focusedRowBackground#BBABB38d
  • settings.focusedRowBorder#F1F3F1fe
  • settings.headerBorder#F1F3F1fe
  • settings.headerForeground#326032ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F1fe
  • settings.numberInputBorder#F1F3F1fe
  • settings.numberInputForeground#326032ce
  • settings.rowHoverBackground#DAE0DAfe
  • settings.sashBorder#F1F3F1fe
  • settings.settingsHeaderHoverForeground#A02547fe
  • settings.textInputBackground#F1F3F1fe
  • settings.textInputBorder#F1F3F1fe
  • settings.textInputForeground#326032ce
  • sideBar.background#DAE0DAfe
  • sideBar.border#F1F3F1fe
  • sideBar.dropBackground#DAE0DAfe
  • sideBar.foreground#236123ae
  • sideBarSectionHeader.background#F5F7F500
  • sideBarSectionHeader.border#F1F3F1fe
  • sideBarSectionHeader.foreground#326032ce
  • sideBarTitle.foreground#326032ce
  • sideBySideEditor.horizontalBorder#F1F3F1fe
  • sideBySideEditor.verticalBorder#F1F3F1fe
  • simpleFindWidget.sashBorder#F1F3F1fe
  • statusBar.background#ECEFECfe
  • statusBar.border#F1F3F1fe
  • statusBar.debuggingBackground#670067af
  • statusBar.debuggingBorder#F1F3F1fe
  • statusBar.debuggingForeground#326032ce
  • statusBar.focusBorder#F5F7F700
  • statusBar.foreground#1352136e
  • statusBar.noFolderBackground#ECEFECfe
  • statusBar.noFolderBorder#F1F3F1fe
  • statusBar.noFolderForeground#326032ce
  • statusBarItem.activeBackground#ECEFECfe
  • statusBarItem.compactHoverBackground#ECEFECfe
  • statusBarItem.errorBackground#670067c6
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#ECEFECfe
  • statusBarItem.hoverForeground#B0264Dfe
  • statusBarItem.offlineBackground#ECEFECfe
  • statusBarItem.offlineForeground#326032ce
  • statusBarItem.offlineHoverBackground#ECEFECfe
  • statusBarItem.offlineHoverForeground#B8274Ffe
  • statusBarItem.prominentBackground#ECEFECfe
  • statusBarItem.prominentForeground#326032ce
  • statusBarItem.prominentHoverBackground#ECEFECfe
  • statusBarItem.prominentHoverForeground#E74F78fe
  • statusBarItem.remoteBackground#982545fe
  • statusBarItem.remoteForeground#ECEFECfe
  • statusBarItem.remoteHoverBackground#ECEFECfe
  • statusBarItem.remoteHoverForeground#80223Cfe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#6D5040fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#834062fe
  • symbolIcon.colorForeground#3D5C3Dfe
  • symbolIcon.constantForeground#565631fe
  • symbolIcon.constructorForeground#525733fe
  • symbolIcon.enumeratorForeground#3A5C56fe
  • symbolIcon.enumeratorMemberForeground#545935fe
  • symbolIcon.eventForeground#834062fe
  • symbolIcon.fieldForeground#6F3EA0fe
  • symbolIcon.fileForeground#70503Ffe
  • symbolIcon.folderForeground#6F3EA0fe
  • symbolIcon.functionForeground#545A33fe
  • symbolIcon.interfaceForeground#385F38fe
  • symbolIcon.keyForeground#315C55fe
  • symbolIcon.keywordForeground#703DA3fe
  • symbolIcon.methodForeground#6A478Dfe
  • symbolIcon.moduleForeground#714F3Bfe
  • symbolIcon.namespaceForeground#545937fe
  • symbolIcon.nullForeground#3D5E3Dfe
  • symbolIcon.numberForeground#883C62fe
  • symbolIcon.objectForeground#6D4390fe
  • symbolIcon.operatorForeground#6D5040fe
  • symbolIcon.packageForeground#3D3F33fe
  • symbolIcon.propertyForeground#385C58fe
  • symbolIcon.referenceForeground#41577Efe
  • symbolIcon.snippetForeground#3D5E3Dfe
  • symbolIcon.stringForeground#3D5E3Dfe
  • symbolIcon.structForeground#41577Efe
  • symbolIcon.textForeground#3B577Cfe
  • symbolIcon.typeParameterForeground#7C4560fe
  • symbolIcon.unitForeground#6B4F41fe
  • symbolIcon.variableForeground#535939fe
  • tab.activeBackground#E8EBE8fe
  • tab.activeBorder#F7F7F500
  • tab.activeBorderTop#E64F79fe
  • tab.activeForeground#FC316Bfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F700
  • tab.hoverBackground#266126fe
  • tab.hoverBorder#F1F3F1fe
  • tab.hoverForeground#C12752fe
  • tab.inactiveBackground#E7FCE798
  • tab.inactiveForeground#44514465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F1fe
  • tab.unfocusedActiveBackground#CCD4CC29
  • tab.unfocusedActiveBorder#F5F6F700
  • tab.unfocusedActiveBorderTop#B7F7B765
  • tab.unfocusedActiveForeground#47554765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#216421fe
  • tab.unfocusedHoverBorder#E3F9E326
  • tab.unfocusedHoverForeground#44514465
  • tab.unfocusedInactiveBackground#B6C1B69a
  • tab.unfocusedInactiveForeground#4B944B65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333af
  • 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#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DAE0DAfe
  • terminal.border#F1F3F1fe
  • terminal.dropBackground#DAE0DAfe
  • terminal.findMatchBackground#DAE0DAfe
  • terminal.findMatchBorder#F1F3F1fe
  • terminal.findMatchHighlightBackground#DAE0DAfe
  • terminal.findMatchHighlightBorder#F1F3F1fe
  • terminal.foreground#236123ae
  • terminal.hoverHighlightBackground#DAE0DAfe
  • terminal.inactiveSelectionBackground#C8D1C89c
  • terminal.selectionBackground#BFAFB78e
  • terminal.selectionForeground#545A33ca
  • terminal.tab.activeBorder#E64F77fe
  • terminalCommandDecoration.defaultBackground#505B25a4
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#DAE0DAfe
  • terminalCursor.foreground#A02547fe
  • terminalOverviewRuler.cursorForeground#326032ce
  • 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#88233Ffe
  • testing.message.error.lineBackground#670067b3
  • testing.message.info.decorationForeground#AE0433fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F1F3F1fe
  • testing.peekHeaderBackground#DAE0DAfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DAE0DAfe
  • textBlockQuote.border#F1F3F1fe
  • textCodeBlock.background#DAE0DAfe
  • textLink.activeForeground#88233Ffe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#326032ce
  • textSeparator.foreground#326032ce
  • titleBar.activeBackground#ECEFECfe
  • titleBar.activeForeground#3B993Bae
  • titleBar.border#F5F7F700
  • titleBar.inactiveBackground#F6FEF6da
  • titleBar.inactiveForeground#47554765
  • toolbar.activeBackground#E9F0FD8c
  • toolbar.hoverBackground#DAE0DAfe
  • toolbar.hoverOutline#F7F6F500
  • tree.inactiveIndentGuidesStroke#464B5635
  • tree.indentGuidesStroke#AE0634fe
  • tree.tableColumnsBorder#F1F3F1fe
  • tree.tableOddRowsBackground#DAE0DAfe
  • walkThrough.embeddedEditorBackground#DAE0DAfe
  • walkthrough.stepTitle.foreground#326032ce
  • welcomePage.background#DAE0DAfe
  • welcomePage.progress.background#DAE0DAfe
  • welcomePage.progress.foreground#326032ce
  • welcomePage.tileBackground#DAE0DAfe
  • welcomePage.tileBorder#F1F3F1fe
  • welcomePage.tileHoverBackground#DAE0DAfe
  • widget.border#F1F3F1fe
  • widget.shadow#F5F7F700
  • window.activeBorder#F1F3F1fe
  • window.inactiveBorder#EAFDEA9b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2E542E6e
comment.block.html#2E542E6e
comment.block.java#2E542E6e
comment.block.javadoc.java#3154316e
comment.block.powershell#2E542E6e
comment.block.xml#2E542E6e
comment.line.double-slash.c#3154316e
comment.line.double-slash.cpp#3154316e
comment.line.double-slash.java#2E542E6e
comment.line.double-slash.js#2E542E6e
comment.line.number-sign.makefile#3154316e
comment.line.number-sign.python#3154316e
comment.line.number-sign.yaml#3154316e
comment.line.percentage.erlang#2E542E6e
comment.line.powershell#2E542E6e
comment.source.cmake#2E542E6e
comment.source.cmakecache#2E542E6e
constant.character#335605de
constant.character.character-class.regexp#335607de
constant.character.escape#8C2340de
constant.character.set.regexp#9B0931de
constant.language#763F09de
constant.numeric#4D4D4Dde
constant.numeric.dec.python#763F08de
constant.other.caps.python#9C052Fde
constant.other.character-class.regexp#4D4D4Dde
constant.other.character-class.set.regexp#83089Cde
constant.other.color.rgb-value#09555Fde
constant.other.placeholder#763E06de
constant.other.rgb-value#82079Bde
constant.regexp#4D4D4Dde
constant.sha.git-rebase#085118de
emphasis#4D4D4Dde
entity.name.class#8E2440de
entity.name.function#4D4D4Dde
entity.name.function.preprocessor#6A441Fde
entity.name.function.python#753F09de
entity.name.label#743F09de
entity.name.namespace#8D2240de
entity.name.operator#074315de
entity.name.operator.custom-literal#074951de
entity.name.scope-resolution#335509de
entity.name.tag#335509de
entity.name.tag.css#4D4D4Dde
entity.name.type#9B0931debold
entity.name.variable#335509de
entity.other.attribute#753F09de
entity.other.attribute-name#4D4D4Dde
entity.other.attribute-name.class.css#7A238Cde
entity.other.attribute-name.class.mixin.css#4D4D4Dde
entity.other.attribute-name.id#9C052Fde
entity.other.attribute-name.id.css#9B0931de
entity.other.attribute-name.parent-selector.css#335509de
entity.other.attribute-name.pseudo-class.css#194D24de
entity.other.attribute-name.pseudo-element.css#763E06de
entity.other.attribute-name.scss#1C545Bde
entity.other.document.begin.yaml#2E542E6e
entity.other.inherited-class#8E2341debold
header#8E2341de
invalid#792139de
keyword#8C2340debold
keyword.codetag.notation.python#1B5427debold
keyword.control#325606debold
keyword.control.anchor.regexp#1B4D54debold
keyword.control.import.python#8F2340debold
keyword.operator#8F2340debold
keyword.operator.alignas#4D4D4Ddebold
keyword.operator.alignof#753F09debold
keyword.operator.cast#4D4D4Ddebold
keyword.operator.delete#763E07debold
keyword.operator.documentation.powershell#2E542E6ebold
keyword.operator.expression#174622debold
keyword.operator.instanceof#4D4D4Ddebold
keyword.operator.logical.python#7A238Cdebold
keyword.operator.minus.exponent#09545Ddebold
keyword.operator.negation.regexp#09545Ddebold
keyword.operator.new#4D4D4Ddebold
keyword.operator.noexcept#83069Cdebold
keyword.operator.or.regexp#335509debold
keyword.operator.plus.exponent#4D4D4Ddebold
keyword.operator.quantifier.regexp#763F09debold
keyword.operator.sizeof#09591Bdebold
keyword.operator.typeid#09545Ddebold
keyword.operator.wordlike#743F09debold
keyword.other.operator#9B0931debold
keyword.other.package.java#3A541Bdebold
keyword.other.unit#6C441Edebold
keyword.other.using#4C4C4Cdebold
markup.bold#763E08de
markup.changed#9B0730de
markup.deleted#2C3F16de
markup.fenced_code.block.markdown#69441Ede
markup.heading#8D2342de
markup.inline.raw#9B0630de
markup.inserted#3A541Bde
markup.italic#1C545Bde
markup.raw.block.markdown#712280de
markup.strikethrough#9B0630de
markup.underline#4D4D4Dde
meta.block.c#7C238Dde
meta.block.c#9B042Ede
meta.class.java#4D4D4Dde
meta.definition.variable.name#335607de
meta.diff.header#9C062Fde
meta.embedded#4D4D4Dde
meta.embedded.assembly#753F09de
meta.function-call.arguments.python#09555Fde
meta.function-call.python#095018de
meta.member.access.python#8E2341de
meta.method.java#085A1Ade
meta.object-literal.key#393939de
meta.paragraph.markdown#095A1Bde
meta.preprocessor#712036de
meta.preprocessor.numeric#7A238Cde
meta.preprocessor.string#09545Dde
meta.scope.prerequisites.makefile#753E08de
meta.structure.dictionary.json.comments#3154316e
meta.structure.dictionary.key.python#335508de
meta.structure.dictionary.value.json.comments#3154316e
meta.template.expression#753F09de
meta.type.cast.expr#314617de
meta.type.new.expr#325408de
parameter#712280de
punctuation.character.set.begin.regexp#753F09de
punctuation.character.set.end.regexp#6C441Ede
punctuation.definition.array.begin.json#335509de
punctuation.definition.character-class.regexp#4C4C4Cde
punctuation.definition.comment#3154316e
punctuation.definition.comment.json.comments#3154316e
punctuation.definition.comment.python#3154316e
punctuation.definition.dictionary.begin.json#4D4D4Dde
punctuation.definition.dictionary.end.json#9B0630de
punctuation.definition.group.assertion.regexp#335607de
punctuation.definition.group.regexp#772388de
punctuation.definition.list.begin.json#09581Ade
punctuation.definition.list.begin.markdown#095A1Bde
punctuation.definition.list.begin.python#84039Ede
punctuation.definition.list.end.json#095A1Bde
punctuation.definition.list.end.markdown#335508de
punctuation.definition.list.end.python#763F09de
punctuation.definition.parameters.begin.python#7C238Dde
punctuation.definition.parameters.end.bracket.round.java#09591Ade
punctuation.definition.quote.begin.markdown#08535Cde
punctuation.definition.tag#075117de
punctuation.definition.template-expression.begin#325408de
punctuation.definition.template-expression.end#09555Fde
punctuation.section.class.begin.bracket.curly.java#9B0831de
punctuation.section.embedded#763E06de
punctuation.section.embedded.begin.php#9C0831de
punctuation.section.embedded.end.php#325606de
punctuation.terminator.java#79238Ade
source.cmake#79238Ade
source.coffee.embedded#4D4D4Dde
source.cpp#09555Ede
source.css.less#4D4D4Dde
source.groovy.embedded#345609de
source.java#84039Ede
source.java-properties#8D2342de
source.json.comments#2E542E6e
source.makefile#314617de
source.powershell#712280de
source.powershell.variable.other.member#743F09de
source.python#7C238Dde
storage#09591Bde
storage.modifier#9A0831de
storage.modifier.import.java#79238Ade
storage.modifier.package.java#4C4C4Cde
storage.type#83099Bdebold
storage.type.annotation.groovy#9C0931debold
storage.type.annotation.java#09555Fdebold
storage.type.boolean.go#88233Fdebold
storage.type.byte.go#9C052Fdebold
storage.type.cs#712280debold
storage.type.error.go#82089Adebold
storage.type.generic.cs#325606debold
storage.type.generic.groovy#325408debold
storage.type.generic.java#09545Ddebold
storage.type.groovy#4D4D4Ddebold
storage.type.java#074315debold
storage.type.modifier.cs#9B0630debold
storage.type.numeric.go#753F09debold
storage.type.object.array.groovy#095018debold
storage.type.object.array.java#4D4D4Ddebold
storage.type.parameters.groovy#4D4D4Ddebold
storage.type.primitive.array.groovy#335509debold
storage.type.primitive.array.java#2C3F16debold
storage.type.primitive.groovy#9C052Fdebold
storage.type.primitive.java#335607debold
storage.type.rune.go#4C4C4Cdebold
storage.type.string.go#074951debold
storage.type.token.java#09591Adebold
storage.type.uintptr.go#763F09debold
storage.type.variable.cs#7B228Ddebold
string#335607de
string.quoted.docstring.multi.python#3154316e
string.regexp#07505Ade
string.tag#09591Bde
string.value#09581Bde
strong#83089Cde
support.class#064A15de
support.constant.color#9C062Fde
support.constant.dom#4D4D4Dde
support.constant.font-name#325606de
support.constant.handlebars#4D4D4Dde
support.constant.json#5B3C1Cde
support.constant.math#6A441Fde
support.constant.media#772388de
support.constant.media-type#84039Ede
support.constant.property-value#09545Dde
support.function#3E3E3Ede
support.function.git-rebase#4D4D4Dde
support.other.parenthesis.regexp#4D4D4Dde
support.type#325408debold
support.type.property-name#773E06debold
support.type.vendored.property-name#571D62debold
support.variable#9C0931de
token.debug-token#095A1Bde
token.error-token#8D2342de
token.info-token#095018de
token.warn-token#7C238Dde
variable#83099Cde
variable.css#753F09de
variable.language#4D4D4Dde
variable.language.wildcard.java#095A1Ade
variable.other.constant#9C0831de
variable.other.definition.java#084014de
variable.other.enummember#753F09de
variable.other.less#5B3C1Cde
variable.other.object.java#364D19de
variable.other.object.property.java#1C545Bde
variable.parameter.c#4D4D4Dde
variable.parameter.function.language.python#2C3F16de
variable.parameter.java#753F09de
variable.scss#8D2342de
viiv by B.W - VS Code Theme