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#D7E2D7fe
  • activityBar.activeBackground#D7E2D7fe
  • activityBar.activeBorder#083D7Efe
  • activityBar.activeFocusBorder#47878700
  • activityBar.background#EBF0EBfe
  • activityBar.border#A3727200
  • activityBar.dropBorder#214068fe
  • activityBar.foreground#1A3F6Dfe
  • activityBar.inactiveForeground#384E3865
  • activityBarBadge.background#294C7Bfe
  • activityBarBadge.foreground#EBF0EBfe
  • badge.background#2C5892fe
  • badge.foreground#EBF0EBfe
  • banner.background#D7E2D7fe
  • banner.foreground#134013ce
  • banner.iconForeground#383822fe
  • breadcrumb.activeSelectionForeground#502F1Eca
  • breadcrumb.background#E6EDE6fe
  • breadcrumb.focusForeground#2C5892fe
  • breadcrumb.foreground#124012ae
  • breadcrumbPicker.background#D7E2D7fe
  • button.background#A1BBA1ae
  • button.border#F6F5F700
  • button.foreground#134013ce
  • button.hoverBackground#7EA17E6e
  • button.secondaryBackground#D7E2D7fe
  • button.secondaryForeground#134013ce
  • button.secondaryHoverBackground#D7E2D7fe
  • button.separator#FBFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#134013ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F4F0fe
  • chat.slashCommandBackground#D7E2D7fe
  • chat.slashCommandForeground#134013ce
  • checkbox.background#F0F4F0fe
  • checkbox.border#F0F4F0fe
  • checkbox.foreground#134013ce
  • checkbox.selectBackground#F0F4F0fe
  • checkbox.selectBorder#F0F4F0fe
  • commandCenter.activeBackground#DBD2CF84
  • commandCenter.activeBorder#F0F4F0fe
  • commandCenter.activeForeground#284873fe
  • commandCenter.background#D7E2D7fe
  • commandCenter.border#F0F4F0fe
  • commandCenter.foreground#134013ce
  • commandCenter.inactiveBorder#C8D8C894
  • commandCenter.inactiveForeground#35493565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFB00
  • contrastBorder#FAFBFB00
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#134013ce
  • debugConsole.sourceForeground#134013ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#434332fe
  • debugExceptionWidget.background#FEC1FEa7
  • debugExceptionWidget.border#F0F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#393915fe
  • debugIcon.breakpointDisabledForeground#31443165
  • debugIcon.breakpointForeground#432E52fe
  • debugIcon.breakpointStackframeForeground#124012fe
  • debugIcon.breakpointUnverifiedForeground#124012fe
  • debugIcon.continueForeground#173D37fe
  • debugIcon.disconnectForeground#074107fe
  • debugIcon.pauseForeground#44342Cfe
  • debugIcon.restartForeground#393906fe
  • debugIcon.startForeground#1E3C37fe
  • debugIcon.stepBackForeground#50206Bfe
  • debugIcon.stepIntoForeground#153D3Dfe
  • debugIcon.stepOutForeground#48303Dfe
  • debugIcon.stepOverForeground#6A0F43fe
  • debugIcon.stopForeground#1B3568fe
  • debugTokenExpression.boolean#151C15ca
  • debugTokenExpression.error#111717ca
  • debugTokenExpression.name#1C2524ca
  • debugTokenExpression.number#151d15ca
  • debugTokenExpression.value#151d15ca
  • debugToolBar.background#FEC1FEaf
  • debugToolBar.border#F0F4F0fe
  • debugView.exceptionLabelBackground#DBD3CEca
  • debugView.exceptionLabelForeground#003F38ca
  • debugView.stateLabelBackground#D8D1DDca
  • debugView.stateLabelForeground#1F3E1Fca
  • debugView.valueChangedHighlight#1D1820ca
  • descriptionForeground#134013ce
  • diffEditor.border#FBFBFA00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B5DFB7fb
  • diffEditor.insertedTextBorder#FBFAFA00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#F6F5F700
  • diffEditor.removedLineBackground#FFC5C531
  • diffEditor.removedTextBackground#FFC6C6fb
  • diffEditor.removedTextBorder#F6F5F700
  • diffEditor.unchangedCodeBackground#D7E2D7fe
  • diffEditor.unchangedRegionBackground#D7E2D7fe
  • diffEditor.unchangedRegionForeground#134013ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#165D1665
  • dropdown.background#F0F4F0fe
  • dropdown.border#F0F4F0fe
  • dropdown.foreground#134013ce
  • dropdown.listBackground#F0F4F0fe
  • editor.background#D7E2D7fe
  • editor.findMatchBackground#93AEAAa9
  • editor.findMatchBorder#F0F4F0fe
  • editor.findMatchHighlightBackground#C0ACB7a4
  • editor.findMatchHighlightBorder#F0F4F0fe
  • editor.findRangeHighlightBackground#BDA7B3a8
  • editor.findRangeHighlightBorder#F0F4F0fe
  • editor.focusedStackFrameHighlightBackground#ACC0BD88
  • editor.foldBackground#5E476Fa6
  • editor.foreground#134013ce
  • editor.hoverHighlightBackground#A1BBA1ae
  • editor.inactiveSelectionBackground#BED0BE98
  • editor.inlineValuesBackground#D7E2D7fe
  • editor.inlineValuesForeground#134013ce
  • editor.lineHighlightBackground#B4C9B4b3
  • editor.lineHighlightBorder#F6F5F700
  • editor.linkedEditingBackground#D7E2D7fe
  • editor.rangeHighlightBackground#B3A7BDa3
  • editor.rangeHighlightBorder#F0F4F0fe
  • editor.selectionBackground#CFCFBFae
  • editor.selectionForeground#3A3A1Aca
  • editor.selectionHighlightBackground#A393AE89
  • editor.selectionHighlightBorder#F0F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#BDA7B3ab
  • editor.snippetFinalTabstopHighlightBorder#F0F4F0fe
  • editor.snippetTabstopHighlightBackground#AA8E9Ea9
  • editor.snippetTabstopHighlightBorder#F0F4F0fe
  • editor.stackFrameHighlightBackground#A7BDBAae
  • editor.symbolHighlightBackground#88A988a1
  • editor.symbolHighlightBorder#F0F4F0fe
  • editor.wordHighlightBackground#85A39Fa9
  • editor.wordHighlightBorder#F6F5F700
  • editor.wordHighlightStrongBackground#88A988ac
  • editor.wordHighlightStrongBorder#FBFAFA00
  • editor.wordHighlightTextBackground#92B092ab
  • editor.wordHighlightTextBorder#FBFAFA00
  • editorBracketHighlight.foreground1#0A0D0Ace
  • editorBracketHighlight.foreground2#0A0D0Ace
  • editorBracketHighlight.foreground3#0A0D0Ace
  • editorBracketHighlight.foreground4#0A0D0Ace
  • editorBracketHighlight.foreground5#0A0D0Ace
  • editorBracketHighlight.foreground6#0A0D0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#134013ce
  • editorBracketMatch.background#73405Da8
  • editorBracketMatch.border#F0F4F0fe
  • editorBracketPairGuide.activeBackground1#30575183
  • editorBracketPairGuide.activeBackground2#3F535189
  • editorBracketPairGuide.activeBackground3#3057518b
  • editorBracketPairGuide.activeBackground4#2E565189
  • editorBracketPairGuide.activeBackground5#73405D82
  • editorBracketPairGuide.activeBackground6#6D435C85
  • editorBracketPairGuide.background1#D0D4DCfe
  • editorBracketPairGuide.background2#DBD2CEfe
  • editorBracketPairGuide.background3#CBD9CBfe
  • editorBracketPairGuide.background4#DCD1D7fe
  • editorBracketPairGuide.background5#C9D8C9fe
  • editorBracketPairGuide.background6#CAD8CAfe
  • editorCodeLens.foreground#215C216e
  • editorCommentsWidget.rangeActiveBackground#355835fe
  • editorCommentsWidget.rangeBackground#D7E2D7fe
  • editorCommentsWidget.resolvedBorder#F0F4F0fe
  • editorCommentsWidget.unresolvedBorder#FFC6C6cb
  • editorCursor.background#D7E2D7fe
  • editorCursor.foreground#2B548Afe
  • editorError.background#FAFAFB00
  • editorError.border#FBFAFA00
  • editorError.foreground#910091ce
  • editorGhostText.background#D7E2D7fe
  • editorGhostText.border#FBFAFA00
  • editorGhostText.foreground#245A246e
  • editorGroup.border#F0F4F0fe
  • editorGroup.dropBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBorder#F0F4F0fe
  • editorGroup.dropIntoPromptForeground#134013ce
  • editorGroup.emptyBackground#D7E2D7fe
  • editorGroup.focusedEmptyBorder#F0F4F0fe
  • editorGroupHeader.border#F5F7F500
  • editorGroupHeader.noTabsBackground#EBF0EBae
  • editorGroupHeader.tabsBackground#D2DED2a1
  • editorGroupHeader.tabsBorder#F6F5F700
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#D7E2D7fe
  • editorGutter.commentGlyphForeground#134013ce
  • editorGutter.commentRangeForeground#134013ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#134013ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FAFBFB00
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F0F4F0fe
  • editorHoverWidget.border#F0F4F0fe
  • editorHoverWidget.foreground#134013ce
  • editorHoverWidget.highlightForeground#4A3122ca
  • editorHoverWidget.statusBarBackground#D7E2D7fe
  • editorIndentGuide.activeBackground1#1A3F6Dfe
  • editorIndentGuide.activeBackground2#053C85fe
  • editorIndentGuide.activeBackground3#153F73fe
  • editorIndentGuide.activeBackground4#153F73fe
  • editorIndentGuide.activeBackground5#1D3F6Afe
  • editorIndentGuide.activeBackground6#214068fe
  • editorIndentGuide.background1#536E6A35
  • editorIndentGuide.background2#4F6A6635
  • editorIndentGuide.background3#654B5A35
  • editorIndentGuide.background4#5A4B6535
  • editorIndentGuide.background5#6E6E5335
  • editorIndentGuide.background6#60485535
  • editorInfo.background#FBFBFA00
  • editorInfo.border#FBFBFA00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#D7E2D7fe
  • editorInlayHint.foreground#134013ce
  • editorInlayHint.parameterBackground#D7E2D7fe
  • editorInlayHint.parameterForeground#134013ce
  • editorInlayHint.typeBackground#D7E2D7fe
  • editorInlayHint.typeForeground#134013ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#2C5892fe
  • editorLineNumber.dimmedForeground#195D196e
  • editorLineNumber.foreground#245A246e
  • editorLink.activeForeground#2C5892fe
  • editorMarkerNavigation.background#F0F4F0fe
  • editorMarkerNavigationError.background#FEC1FEb9
  • editorMarkerNavigationError.headerBackground#FEC1FEc4
  • editorMarkerNavigationInfo.background#D1D1FFfe
  • editorMarkerNavigationInfo.headerBackground#D1D1FFfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D7E2D7fe
  • editorOverviewRuler.border#C9D7C9fe
  • editorOverviewRuler.bracketMatchForeground#134013ce
  • editorOverviewRuler.commentForeground#245A246e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#134013ce
  • editorOverviewRuler.currentContentForeground#505050be
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#52048Cca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#661547ca
  • editorOverviewRuler.wordHighlightStrongForeground#134013ce
  • editorOverviewRuler.wordHighlightTextForeground#134013ce
  • editorPane.background#D7E2D7fe
  • editorRuler.foreground#34573438
  • editorStickyScroll.background#D7E2D7fe
  • editorStickyScrollHover.background#C9D8C96e
  • editorSuggestWidget.background#F0F4F0fe
  • editorSuggestWidget.border#F5F7F500
  • editorSuggestWidget.focusHighlightForeground#1A481Afe
  • editorSuggestWidget.foreground#44342Cfe
  • editorSuggestWidget.highlightForeground#580880ca
  • editorSuggestWidget.selectedBackground#C4C4B088
  • editorSuggestWidget.selectedForeground#661547ca
  • editorSuggestWidget.selectedIconForeground#50167Eca
  • editorSuggestWidgetStatus.foreground#1A3D39fe
  • editorUnicodeHighlight.background#A7BDBAae
  • editorUnicodeHighlight.border#F0F4F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFB00
  • editorWarning.border#FBFBFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#134013ce
  • editorWidget.background#F0F4F0fe
  • editorWidget.border#F0F4F0fe
  • editorWidget.foreground#134013ce
  • editorWidget.resizeBorder#F0F4F0fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#2A5082fe
  • extensionBadge.remoteForeground#EBF0EBfe
  • extensionButton.background#C9D8C9ae
  • extensionButton.foreground#134013ce
  • extensionButton.hoverBackground#CAD8CA6e
  • extensionButton.prominentBackground#D7E2D7fe
  • extensionButton.prominentForeground#134013ce
  • extensionButton.prominentHoverBackground#D7E2D7fe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#552742fe
  • extensionIcon.sponsorForeground#273C27fe
  • extensionIcon.starForeground#3E3E2Efe
  • extensionIcon.verifiedForeground#303746fe
  • focusBorder#FBFAFA00
  • foreground#134013ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2B592Bae
  • inlineChat.background#D4D4C5ca
  • inlineChat.border#D8D1DDca
  • inlineChat.regionHighlight#1D1820ca
  • inlineChat.shadow#1F232Aca
  • inlineChatDiff.inserted#1C1C15ca
  • inlineChatDiff.removed#171711ca
  • inlineChatInput.background#201B18ca
  • inlineChatInput.border#C9D7D5ca
  • inlineChatInput.focusBorder#FAFBFB00
  • inlineChatInput.placeholderForeground#173F17ca
  • input.background#F0F4F0fe
  • input.border#F0F4F0fe
  • input.foreground#134013ce
  • input.placeholderForeground#384E3865
  • inputOption.activeBackground#F0F4F0fe
  • inputOption.activeBorder#F0F4F0fe
  • inputOption.activeForeground#2E63AAfe
  • inputOption.hoverBackground#F0F4F0fe
  • inputValidation.errorBackground#670067b1
  • inputValidation.errorBorder#FEC1FEab
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F4F0fe
  • inputValidation.infoForeground#134013ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F4F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F4F0fe
  • interactive.inactiveCodeBorder#C8D8C899
  • keybindingLabel.background#D7E2D7fe
  • keybindingLabel.border#F0F4F0fe
  • keybindingLabel.bottomBorder#F0F4F0fe
  • keybindingLabel.foreground#134013ce
  • keybindingTable.headerBackground#D7E2D7fe
  • keybindingTable.rowsBackground#D7E2D7fe
  • list.activeSelectionBackground#B298A784
  • list.activeSelectionForeground#1B3568ca
  • list.activeSelectionIconForeground#680E4Aca
  • list.deemphasizedForeground#134013ce
  • list.dropBackground#D7E2D7fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#D7E2D7fe
  • list.filterMatchBorder#F0F4F0fe
  • list.focusAndSelectionOutline#FAFBFB00
  • list.focusBackground#BED0BE97
  • list.focusForeground#2D5B9Afe
  • list.focusHighlightForeground#154545fe
  • list.focusOutline#FBFAFA00
  • list.highlightForeground#550E80ca
  • list.hoverBackground#D4D4C5ad
  • list.hoverForeground#2D5FA2fe
  • list.inactiveFocusBackground#C3D4C399
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#EBF0EBae
  • list.inactiveSelectionForeground#35493565
  • list.inactiveSelectionIconForeground#35493565
  • list.invalidItemForeground#134013ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D7E2D7fe
  • listFilterWidget.noMatchesOutline#F5F7F500
  • listFilterWidget.outline#FBFBFA00
  • listFilterWidget.shadow#FBFBFA00
  • menu.background#EBF0EBfe
  • menu.border#FBFAFA00
  • menu.foreground#153F15ae
  • menu.selectionBackground#C8C8B5a1
  • menu.selectionBorder#FBFBFA00
  • menu.selectionForeground#294C7Bfe
  • menu.separatorBackground#CAD9CA65
  • menubar.selectionBackground#C8C8B5ad
  • menubar.selectionBorder#FBFBFA00
  • menubar.selectionForeground#2C5892fe
  • merge.border#F0F4F0fe
  • merge.commonContentBackground#D7E2D7fe
  • merge.commonHeaderBackground#D7E2D7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B5DFB7fb
  • merge.incomingContentBackground#B4DEB6cb
  • merge.incomingHeaderBackground#B5DFB7fb
  • mergeEditor.change.background#D7E2D7fe
  • mergeEditor.change.word.background#D7E2D7fe
  • mergeEditor.changeBase.background#D7E2D7fe
  • mergeEditor.changeBase.word.background#D7E2D7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F4F0fe
  • mergeEditor.conflict.handledUnfocused.border#C9D7C933
  • mergeEditor.conflict.input1.background#F0F4F0fe
  • mergeEditor.conflict.input2.background#F0F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067af
  • mergeEditor.conflict.unhandledFocused.border#F0F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#CDDBCD22
  • mergeEditor.conflictingLines.background#D7E2D7fe
  • minimap.background#D7E2D7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0D0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#799E79fe
  • minimapSlider.background#9CB79Cae
  • minimapSlider.hoverBackground#7EA17E6e
  • notebook.cellBorderColor#F0F4F0fe
  • notebook.cellEditorBackground#D7E2D7fe
  • notebook.cellHoverBackground#D7E2D7fe
  • notebook.cellInsertionIndicator#20181Dca
  • notebook.cellStatusBarItemHoverBackground#D7E2D7fe
  • notebook.cellToolbarSeparator#1C1C15ca
  • notebook.editorBackground#D7E2D7fe
  • notebook.focusedCellBackground#D7E2D7fe
  • notebook.focusedCellBorder#2D5B9Afe
  • notebook.focusedEditorBorder#F0F4F0fe
  • notebook.inactiveFocusedCellBorder#678E678e
  • notebook.inactiveSelectedCellBorder#6A936A8e
  • notebook.outputContainerBackgroundColor#D7E2D7fe
  • notebook.outputContainerBorderColor#F0F4F0fe
  • notebook.selectedCellBackground#D7E2D7fe
  • notebook.selectedCellBorder#F0F4F0fe
  • notebook.symbolHighlightBackground#D7E2D7fe
  • notebookEditorOverviewRuler.runningCellForeground#134013ce
  • notebookScrollbarSlider.activeBackground#678E67fe
  • notebookScrollbarSlider.background#A1BBA1ae
  • notebookScrollbarSlider.hoverBackground#88A9886e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#5A2A11fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F4F0fe
  • notificationCenterHeader.background#D7E2D7fe
  • notificationCenterHeader.foreground#134013ce
  • notificationLink.foreground#134013ce
  • notifications.background#D7E2D7fe
  • notifications.border#F0F4F0fe
  • notifications.foreground#134013ce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#273C27fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F0F4F0fe
  • panel.background#D7E2D7fe
  • panel.border#F0F4F0fe
  • panel.dropBorder#F0F4F0fe
  • panelInput.border#F0F4F0fe
  • panelSection.border#F0F4F0fe
  • panelSection.dropBackground#D7E2D7fe
  • panelSectionHeader.background#D7E2D7fe
  • panelSectionHeader.border#F0F4F0fe
  • panelSectionHeader.foreground#134013ce
  • panelTitle.activeBorder#FBFAFA00
  • panelTitle.activeForeground#263F6Bfe
  • panelTitle.inactiveForeground#3C533C65
  • peekView.border#263F6Bfe
  • peekViewEditor.background#F0F4F0fe
  • peekViewEditor.matchHighlightBackground#9A89A78a
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F0F4F0fe
  • peekViewEditorStickyScroll.background#D7E2D7fe
  • peekViewResult.background#EBF0EBfe
  • peekViewResult.fileForeground#134013ce
  • peekViewResult.lineForeground#134013ce
  • peekViewResult.matchHighlightBackground#ACC0BD8c
  • peekViewResult.selectionBackground#C0ACB78b
  • peekViewResult.selectionForeground#550E80ca
  • peekViewTitle.background#EBF0EBfe
  • peekViewTitleDescription.foreground#134013ce
  • peekViewTitleLabel.foreground#134013ce
  • pickerGroup.border#F0F4F0fe
  • pickerGroup.foreground#134013ce
  • ports.iconRunningProcessForeground#5B2246fe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#2F6ABAfe
  • profileBadge.foreground#EBF0EBfe
  • progressBar.background#D7E2D7fe
  • quickInput.background#EBF0EBfe
  • quickInput.foreground#134013ae
  • quickInputList.focusBackground#97B397a7
  • quickInputList.focusForeground#294C7Bfe
  • quickInputList.focusIconForeground#2D5FA2fe
  • quickInputTitle.background#F0F4F0fe
  • sash.hoverBorder#F0F4F0fe
  • scrollbar.shadow#FBFBFA00
  • scrollbarSlider.activeBackground#6F976Ffe
  • scrollbarSlider.background#9CB79Cae
  • scrollbarSlider.hoverBackground#92B0926e
  • search.resultsInfoForeground#134013ce
  • searchEditor.findMatchBackground#B0C4C1a8
  • searchEditor.findMatchBorder#F0F4F0fe
  • searchEditor.textInputBorder#F0F4F0fe
  • selection.background#D7E2D7fe
  • settings.checkboxBackground#F0F4F0fe
  • settings.checkboxBorder#F0F4F0fe
  • settings.checkboxForeground#134013ce
  • settings.dropdownBackground#F0F4F0fe
  • settings.dropdownBorder#F0F4F0fe
  • settings.dropdownForeground#134013ce
  • settings.dropdownListBorder#F0F4F0fe
  • settings.focusedRowBackground#A2A8B981
  • settings.focusedRowBorder#F0F4F0fe
  • settings.headerBorder#F0F4F0fe
  • settings.headerForeground#134013ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F4F0fe
  • settings.numberInputBorder#F0F4F0fe
  • settings.numberInputForeground#134013ce
  • settings.rowHoverBackground#D7E2D7fe
  • settings.sashBorder#F0F4F0fe
  • settings.settingsHeaderHoverForeground#2E63AAfe
  • settings.textInputBackground#F0F4F0fe
  • settings.textInputBorder#F0F4F0fe
  • settings.textInputForeground#134013ce
  • sideBar.background#D7E2D7fe
  • sideBar.border#F0F4F0fe
  • sideBar.dropBackground#D7E2D7fe
  • sideBar.foreground#2B592Bae
  • sideBarSectionHeader.background#FAFBFB00
  • sideBarSectionHeader.border#F0F4F0fe
  • sideBarSectionHeader.foreground#134013ce
  • sideBarTitle.foreground#134013ce
  • sideBySideEditor.horizontalBorder#F0F4F0fe
  • sideBySideEditor.verticalBorder#F0F4F0fe
  • simpleFindWidget.sashBorder#F0F4F0fe
  • statusBar.background#EBF0EBfe
  • statusBar.border#F0F4F0fe
  • statusBar.debuggingBackground#FEC1FEc8
  • statusBar.debuggingBorder#F0F4F0fe
  • statusBar.debuggingForeground#134013ce
  • statusBar.focusBorder#FBFBFA00
  • statusBar.foreground#195D196e
  • statusBar.noFolderBackground#EBF0EBfe
  • statusBar.noFolderBorder#F0F4F0fe
  • statusBar.noFolderForeground#134013ce
  • statusBarItem.activeBackground#EBF0EBfe
  • statusBarItem.compactHoverBackground#EBF0EBfe
  • statusBarItem.errorBackground#FEC1FEac
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FEC1FEb2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#EBF0EBfe
  • statusBarItem.hoverForeground#2B548Afe
  • statusBarItem.offlineBackground#EBF0EBfe
  • statusBarItem.offlineForeground#134013ce
  • statusBarItem.offlineHoverBackground#EBF0EBfe
  • statusBarItem.offlineHoverForeground#2D5FA2fe
  • statusBarItem.prominentBackground#EBF0EBfe
  • statusBarItem.prominentForeground#134013ce
  • statusBarItem.prominentHoverBackground#EBF0EBfe
  • statusBarItem.prominentHoverForeground#294C7Bfe
  • statusBarItem.remoteBackground#2D5B9Afe
  • statusBarItem.remoteForeground#EBF0EBfe
  • statusBarItem.remoteHoverBackground#EBF0EBfe
  • statusBarItem.remoteHoverForeground#2A5082fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#003F38fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#483227fe
  • symbolIcon.colorForeground#2D374Bfe
  • symbolIcon.constantForeground#073083fe
  • symbolIcon.constructorForeground#5C270Ffe
  • symbolIcon.enumeratorForeground#452B5Cfe
  • symbolIcon.enumeratorMemberForeground#50167Efe
  • symbolIcon.eventForeground#022B91fe
  • symbolIcon.fieldForeground#273756fe
  • symbolIcon.fileForeground#46332Afe
  • symbolIcon.folderForeground#143D36fe
  • symbolIcon.functionForeground#483227fe
  • symbolIcon.interfaceForeground#173D37fe
  • symbolIcon.keyForeground#52048Cfe
  • symbolIcon.keywordForeground#48303Dfe
  • symbolIcon.methodForeground#680E4Afe
  • symbolIcon.moduleForeground#680E4Afe
  • symbolIcon.namespaceForeground#50206Bfe
  • symbolIcon.nullForeground#273C27fe
  • symbolIcon.numberForeground#273756fe
  • symbolIcon.objectForeground#483227fe
  • symbolIcon.operatorForeground#5C270Ffe
  • symbolIcon.packageForeground#46332Afe
  • symbolIcon.propertyForeground#154015fe
  • symbolIcon.referenceForeground#621C43fe
  • symbolIcon.snippetForeground#1F3E1Ffe
  • symbolIcon.stringForeground#173F17fe
  • symbolIcon.structForeground#324340fe
  • symbolIcon.textForeground#283A37fe
  • symbolIcon.typeParameterForeground#283A37fe
  • symbolIcon.unitForeground#5A2A11fe
  • symbolIcon.variableForeground#483227fe
  • tab.activeBackground#E6EDE6fe
  • tab.activeBorder#FAFBFB00
  • tab.activeBorderTop#053C85fe
  • tab.activeForeground#053C85fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#515132ad
  • tab.hoverBorder#F0F4F0fe
  • tab.hoverForeground#2E63AAfe
  • tab.inactiveBackground#C8D8C891
  • tab.inactiveForeground#3C533C65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F4F0fe
  • tab.unfocusedActiveBackground#CDDBCD24
  • tab.unfocusedActiveBorder#F6F5F700
  • tab.unfocusedActiveBorderTop#CAD9CA65
  • tab.unfocusedActiveForeground#384E3865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#34573423
  • tab.unfocusedHoverBorder#CDDBCD2f
  • tab.unfocusedHoverForeground#3F583F65
  • tab.unfocusedInactiveBackground#AFC5AF98
  • tab.unfocusedInactiveForeground#35493565
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebd
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D7E2D7fe
  • terminal.border#F0F4F0fe
  • terminal.dropBackground#D7E2D7fe
  • terminal.findMatchBackground#D7E2D7fe
  • terminal.findMatchBorder#F0F4F0fe
  • terminal.findMatchHighlightBackground#D7E2D7fe
  • terminal.findMatchHighlightBorder#F0F4F0fe
  • terminal.foreground#2B592Bae
  • terminal.hoverHighlightBackground#D7E2D7fe
  • terminal.inactiveSelectionBackground#BED0BE91
  • terminal.selectionBackground#89A7A38e
  • terminal.selectionForeground#173F17ca
  • terminal.tab.activeBorder#103D7Afe
  • terminalCommandDecoration.defaultBackground#70319Ea5
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D7E2D7fe
  • terminalCursor.foreground#2C5892fe
  • terminalOverviewRuler.cursorForeground#134013ce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09d
  • testing.iconUnset#808080b4
  • testing.message.error.decorationForeground#0F4EA1fe
  • testing.message.error.lineBackground#FEC1FE9b
  • testing.message.info.decorationForeground#0D4DA3fe
  • testing.message.info.lineBackground#D1D1FFfe
  • testing.peekBorder#F0F4F0fe
  • testing.peekHeaderBackground#D7E2D7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D7E2D7fe
  • textBlockQuote.border#F0F4F0fe
  • textCodeBlock.background#D7E2D7fe
  • textLink.activeForeground#2E63AAfe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#134013ce
  • textSeparator.foreground#134013ce
  • titleBar.activeBackground#EBF0EBfe
  • titleBar.activeForeground#134A13ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#C9D7C9da
  • titleBar.inactiveForeground#384E3865
  • toolbar.activeBackground#D4D4C681
  • toolbar.hoverBackground#D7E2D7fe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#565F7335
  • tree.indentGuidesStroke#2A5082fe
  • tree.tableColumnsBorder#F0F4F0fe
  • tree.tableOddRowsBackground#D7E2D7fe
  • walkThrough.embeddedEditorBackground#D7E2D7fe
  • walkthrough.stepTitle.foreground#134013ce
  • welcomePage.background#D7E2D7fe
  • welcomePage.progress.background#D7E2D7fe
  • welcomePage.progress.foreground#134013ce
  • welcomePage.tileBackground#D7E2D7fe
  • welcomePage.tileBorder#F0F4F0fe
  • welcomePage.tileHoverBackground#D7E2D7fe
  • widget.border#F0F4F0fe
  • widget.shadow#F5F7F500
  • window.activeBorder#F0F4F0fe
  • window.inactiveBorder#C9D8C997

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1537156e
comment.block.html#1437146e
comment.block.java#1537156e
comment.block.javadoc.java#1437146e
comment.block.powershell#1537156e
comment.block.xml#1437146e
comment.line.double-slash.c#1237126e
comment.line.double-slash.cpp#1437146e
comment.line.double-slash.java#1237126e
comment.line.double-slash.js#1537156e
comment.line.number-sign.makefile#1537156e
comment.line.number-sign.python#1437146e
comment.line.number-sign.yaml#1437146e
comment.line.percentage.erlang#1537156e
comment.line.powershell#1437146e
comment.source.cmake#1437146e
comment.source.cmakecache#1237126e
constant.character#732D28de
constant.character.character-class.regexp#113056de
constant.character.escape#095138de
constant.character.set.regexp#27446Cde
constant.language#350193de
constant.numeric#392263de
constant.numeric.dec.python#1A3C30de
constant.other.caps.python#193613de
constant.other.character-class.regexp#303030de
constant.other.character-class.set.regexp#5E140Fde
constant.other.color.rgb-value#17520Dde
constant.other.placeholder#032D67de
constant.other.rgb-value#0F5039de
constant.regexp#254065de
constant.sha.git-rebase#193613de
emphasis#303030de
entity.name.class#303030de
entity.name.function#095138de
entity.name.function.preprocessor#3A2164de
entity.name.function.python#640903de
entity.name.label#551F1Ade
entity.name.namespace#3C2565de
entity.name.operator#1D4235de
entity.name.operator.custom-literal#5E244Dde
entity.name.scope-resolution#6C2758de
entity.name.tag#414141de
entity.name.tag.css#1A5111de
entity.name.type#5E140Fdebold
entity.name.variable#18510Fde
entity.other.attribute#392361de
entity.other.attribute-name#572248de
entity.other.attribute-name.class.css#392361de
entity.other.attribute-name.class.mixin.css#303030de
entity.other.attribute-name.id#5B0F40de
entity.other.attribute-name.id.css#5E244Dde
entity.other.attribute-name.parent-selector.css#183151de
entity.other.attribute-name.pseudo-class.css#5B0B45de
entity.other.attribute-name.pseudo-element.css#1E3149de
entity.other.attribute-name.scss#1E3149de
entity.other.document.begin.yaml#1537156e
entity.other.inherited-class#502420de
header#1F3C1Ade
invalid#1E314Ade
keyword#541843debold
keyword.codetag.notation.python#303030debold
keyword.control#392068debold
keyword.control.anchor.regexp#620D04debold
keyword.control.import.python#551D18debold
keyword.operator#572248debold
keyword.operator.alignas#51211Cdebold
keyword.operator.alignof#652553debold
keyword.operator.cast#1F3C1Adebold
keyword.operator.delete#133628debold
keyword.operator.documentation.powershell#1537156ebold
keyword.operator.expression#303030debold
keyword.operator.instanceof#652553debold
keyword.operator.logical.python#3F276Cdebold
keyword.operator.minus.exponent#5A0F44debold
keyword.operator.negation.regexp#303030debold
keyword.operator.new#12503Adebold
keyword.operator.noexcept#572248debold
keyword.operator.or.regexp#303030debold
keyword.operator.plus.exponent#0E3627debold
keyword.operator.quantifier.regexp#3C2565debold
keyword.operator.sizeof#153053debold
keyword.operator.typeid#350193debold
keyword.operator.wordlike#12503Adebold
keyword.other.operator#5B0B45debold
keyword.other.package.java#0D2D67debold
keyword.other.unit#5E2824debold
keyword.other.using#095138debold
markup.bold#203550de
markup.changed#16520Bde
markup.deleted#303030de
markup.fenced_code.block.markdown#5A0F44de
markup.heading#303030de
markup.inline.raw#502420de
markup.inserted#303030de
markup.italic#521A43de
markup.raw.block.markdown#3D3D3Dde
markup.strikethrough#303030de
markup.underline#153053de
meta.block.c#243D5Ede
meta.block.c#1D4235de
meta.class.java#5B0F40de
meta.definition.variable.name#153053de
meta.diff.header#1A3C30de
meta.embedded#572248de
meta.embedded.assembly#243D5Ede
meta.function-call.arguments.python#1B5112de
meta.function-call.python#115039de
meta.member.access.python#3A147Dde
meta.method.java#3A1C6Fde
meta.object-literal.key#303030de
meta.paragraph.markdown#25491Ede
meta.preprocessor#203550de
meta.preprocessor.numeric#14370Dde
meta.preprocessor.string#18352Bde
meta.scope.prerequisites.makefile#145209de
meta.structure.dictionary.json.comments#1437146e
meta.structure.dictionary.key.python#6C2758de
meta.structure.dictionary.value.json.comments#1537156e
meta.template.expression#38245Ede
meta.type.cast.expr#5E244Ddebold
meta.type.new.expr#1A314Cdebold
parameter#115039de
punctuation.character.set.begin.regexp#330294de
punctuation.character.set.end.regexp#502042de
punctuation.definition.array.begin.json#303030de
punctuation.definition.character-class.regexp#5E2824de
punctuation.definition.comment#1237126e
punctuation.definition.comment.json.comments#1537156e
punctuation.definition.comment.python#1237126e
punctuation.definition.dictionary.begin.json#14370Dde
punctuation.definition.dictionary.end.json#551D18de
punctuation.definition.group.assertion.regexp#1A5111de
punctuation.definition.group.regexp#303030de
punctuation.definition.list.begin.json#032D67de
punctuation.definition.list.begin.markdown#5E140Fde
punctuation.definition.list.begin.python#360C8Bde
punctuation.definition.list.end.json#5F140Ede
punctuation.definition.list.end.markdown#1F3C1Ade
punctuation.definition.list.end.python#5A0F44de
punctuation.definition.parameters.begin.python#1E493Ade
punctuation.definition.parameters.end.bracket.round.java#303030de
punctuation.definition.quote.begin.markdown#5A1815de
punctuation.definition.tag#0E5038de
punctuation.definition.template-expression.begin#3A147Dde
punctuation.definition.template-expression.end#1E493Ade
punctuation.section.class.begin.bracket.curly.java#392263de
punctuation.section.embedded#343434de
punctuation.section.embedded.begin.php#27446Cde
punctuation.section.embedded.end.php#18352Bde
punctuation.terminator.java#572622de
source.cmake#5A0F44de
source.coffee.embedded#343434de
source.cpp#303030de
source.css.less#5B0B45de
source.groovy.embedded#223957de
source.java#330294de
source.java-properties#1F3C1Ade
source.json.comments#1437146e
source.makefile#5F140Ede
source.powershell#1E493Ade
source.powershell.variable.other.member#3A147Dde
source.python#5F0344de
storage#652553de
storage.modifier#032D67de
storage.modifier.import.java#343434de
storage.modifier.package.java#1E493Ade
storage.type#541843debold
storage.type.annotation.groovy#1E3149debold
storage.type.annotation.java#033825debold
storage.type.boolean.go#38245Edebold
storage.type.byte.go#392068debold
storage.type.cs#343434debold
storage.type.error.go#12503Adebold
storage.type.generic.cs#303030debold
storage.type.generic.groovy#1E493Adebold
storage.type.generic.java#350193debold
storage.type.groovy#3A147Ddebold
storage.type.java#303030debold
storage.type.modifier.cs#561544debold
storage.type.numeric.go#14370Ddebold
storage.type.object.array.groovy#5A0F44debold
storage.type.object.array.java#22421Ddebold
storage.type.parameters.groovy#5E244Ddebold
storage.type.primitive.array.groovy#0D2D67debold
storage.type.primitive.array.java#732D28debold
storage.type.primitive.groovy#732D28debold
storage.type.primitive.java#1E3149debold
storage.type.rune.go#25491Edebold
storage.type.string.go#4F1E40debold
storage.type.token.java#521A43debold
storage.type.uintptr.go#383838debold
storage.type.variable.cs#640903debold
string#27446Cde
string.quoted.docstring.multi.python#1437146e
string.regexp#113056de
string.tag#6C2758de
string.value#17520Dde
strong#1E3149de
support.class#133628de
support.constant.color#572622de
support.constant.dom#0E3627de
support.constant.font-name#303030de
support.constant.handlebars#3A147Dde
support.constant.json#303030de
support.constant.math#16520Bde
support.constant.media#303030de
support.constant.media-type#303030debold
support.constant.property-value#3A2164de
support.function#3F276Cde
support.function.git-rebase#22421Dde
support.other.parenthesis.regexp#561544de
support.type#511C41debold
support.type.property-name#145209debold
support.type.vendored.property-name#5E2824debold
support.variable#1A3C30de
token.debug-token#303030de
token.error-token#0B5138de
token.info-token#0A3803de
token.warn-token#561544de
variable#1B5112de
variable.css#303030de
variable.language#3D3D3Dde
variable.language.wildcard.java#0E3627de
variable.other.constant#551F1Ade
variable.other.definition.java#303030de
variable.other.enummember#1A5111de
variable.other.less#432873de
variable.other.object.java#1A5111de
variable.other.object.property.java#153053de
variable.parameter.c#360C8Bde
variable.parameter.function.language.python#254065de
variable.parameter.java#6C2C27de
variable.scss#0C3803de
viiv by B.W - VS Code Theme