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#15191efe
  • activityBar.activeBackground#15191efe
  • activityBar.activeBorder#09C809fe
  • activityBar.activeFocusBorder#4E6E5E00
  • activityBar.background#0D0F13fe
  • activityBar.border#68684A00
  • activityBar.dropBorder#13C913fe
  • activityBar.foreground#19CA19fe
  • activityBar.inactiveForeground#9AA8B865
  • activityBarBadge.background#1AC91Afe
  • activityBarBadge.foreground#0D0F13fe
  • badge.background#19C919fe
  • badge.foreground#0D0F13fe
  • banner.background#15191efe
  • banner.foreground#D7F0FDce
  • banner.iconForeground#E2E1D6fe
  • breadcrumb.activeSelectionForeground#DBDACCca
  • breadcrumb.background#0E1115fe
  • breadcrumb.focusForeground#1AC91Afe
  • breadcrumb.foreground#DFEBFEae
  • breadcrumbPicker.background#15191efe
  • button.background#303A45ae
  • button.border#0A0C0E00
  • button.foreground#D7F0FDce
  • button.hoverBackground#4C5B6D6e
  • button.secondaryBackground#15191efe
  • button.secondaryForeground#D7F0FDce
  • button.secondaryHoverBackground#15191efe
  • button.separator#0A0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#D7F0FDce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0E10fe
  • chat.slashCommandBackground#15191efe
  • chat.slashCommandForeground#D7F0FDce
  • checkbox.background#0B0E10fe
  • checkbox.border#0B0E10fe
  • checkbox.foreground#D7F0FDce
  • checkbox.selectBackground#0B0E10fe
  • checkbox.selectBorder#0B0E10fe
  • commandCenter.activeBackground#1F2C1D8c
  • commandCenter.activeBorder#0B0E10fe
  • commandCenter.activeForeground#47BA47fe
  • commandCenter.background#15191efe
  • commandCenter.border#0B0E10fe
  • commandCenter.foreground#D7F0FDce
  • commandCenter.inactiveBorder#0E294895
  • commandCenter.inactiveForeground#95A3B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0A00
  • contrastBorder#0B0A0E00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#D7F0FDce
  • debugConsole.sourceForeground#D7F0FDce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C0D1BDfe
  • debugExceptionWidget.background#4E004Ea0
  • debugExceptionWidget.border#0B0E10fe
  • debugIcon.breakpointCurrentStackframeForeground#DBDACCfe
  • debugIcon.breakpointDisabledForeground#B0BBC865
  • debugIcon.breakpointForeground#D1DFD9fe
  • debugIcon.breakpointStackframeForeground#B6CAB3fe
  • debugIcon.breakpointUnverifiedForeground#BDB6CCfe
  • debugIcon.continueForeground#DAD6E2fe
  • debugIcon.disconnectForeground#B6CAB3fe
  • debugIcon.pauseForeground#BDD1C8fe
  • debugIcon.restartForeground#D1CFBDfe
  • debugIcon.startForeground#D4C2C2fe
  • debugIcon.stepBackForeground#DFDBE6fe
  • debugIcon.stepIntoForeground#CDB8C6fe
  • debugIcon.stepOutForeground#DFD1D1fe
  • debugIcon.stepOverForeground#D6DCE2fe
  • debugIcon.stopForeground#D3DFD1fe
  • debugTokenExpression.boolean#DBCCD6ca
  • debugTokenExpression.error#E2E1D6ca
  • debugTokenExpression.name#DFDBE6ca
  • debugTokenExpression.number#E3E0E9ca
  • debugTokenExpression.value#DFDBE6ca
  • debugToolBar.background#4E004Ec6
  • debugToolBar.border#0B0E10fe
  • debugView.exceptionLabelBackground#2E2344ca
  • debugView.exceptionLabelForeground#E6DBE2ca
  • debugView.stateLabelBackground#1D2935ca
  • debugView.stateLabelForeground#DBDACCca
  • debugView.valueChangedHighlight#D3DFD1ca
  • descriptionForeground#D7F0FDce
  • diffEditor.border#0B0A0E00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#102F12fb
  • diffEditor.insertedTextBorder#0A0E0A00
  • diffEditor.move.border#0A0C0E00
  • diffEditor.moveActive.border#0A0E0C00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#590000fb
  • diffEditor.removedTextBorder#0A0E0C00
  • diffEditor.unchangedCodeBackground#15191efe
  • diffEditor.unchangedRegionBackground#15191efe
  • diffEditor.unchangedRegionForeground#D7F0FDce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B1BBC865
  • dropdown.background#0B0E10fe
  • dropdown.border#0B0E10fe
  • dropdown.foreground#D7F0FDce
  • dropdown.listBackground#0B0E10fe
  • editor.background#15191efe
  • editor.findMatchBackground#3B5139ae
  • editor.findMatchBorder#0B0E10fe
  • editor.findMatchHighlightBackground#614444aa
  • editor.findMatchHighlightBorder#0B0E10fe
  • editor.findRangeHighlightBackground#68495Ea8
  • editor.findRangeHighlightBorder#0B0E10fe
  • editor.focusedStackFrameHighlightBackground#5B50728d
  • editor.foldBackground#BDB6CCae
  • editor.foreground#D7F0FDce
  • editor.hoverHighlightBackground#504664ae
  • editor.inactiveSelectionBackground#404C5B91
  • editor.inlineValuesBackground#15191efe
  • editor.inlineValuesForeground#D7F0FDce
  • editor.lineHighlightBackground#262D36b4
  • editor.lineHighlightBorder#0A0E0C00
  • editor.linkedEditingBackground#15191efe
  • editor.rangeHighlightBackground#686549a2
  • editor.rangeHighlightBorder#0B0E10fe
  • editor.selectionBackground#385046a5
  • editor.selectionForeground#CEDBCCca
  • editor.selectionHighlightBackground#6865498a
  • editor.selectionHighlightBorder#0B0E10fe
  • editor.snippetFinalTabstopHighlightBackground#3B5449a8
  • editor.snippetFinalTabstopHighlightBorder#0B0E10fe
  • editor.snippetTabstopHighlightBackground#604343aa
  • editor.snippetTabstopHighlightBorder#0B0E10fe
  • editor.stackFrameHighlightBackground#634545ad
  • editor.symbolHighlightBackground#425E52ad
  • editor.symbolHighlightBorder#0B0E10fe
  • editor.wordHighlightBackground#777353a5
  • editor.wordHighlightBorder#0A0E0A00
  • editor.wordHighlightStrongBackground#604343a1
  • editor.wordHighlightStrongBorder#0E0E0A00
  • editor.wordHighlightTextBackground#5F4255a9
  • editor.wordHighlightTextBorder#0A0E0C00
  • editorBracketHighlight.foreground1#F4F6F7ce
  • editorBracketHighlight.foreground2#F4F6F7ce
  • editorBracketHighlight.foreground3#F4F6F7ce
  • editorBracketHighlight.foreground4#F4F6F7ce
  • editorBracketHighlight.foreground5#F4F6F7ce
  • editorBracketHighlight.foreground6#F4F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#D7F0FDce
  • editorBracketMatch.background#A6C0B5a6
  • editorBracketMatch.border#0B0E10fe
  • editorBracketPairGuide.activeBackground1#CBB4B48a
  • editorBracketPairGuide.activeBackground2#BEBCA382
  • editorBracketPairGuide.activeBackground3#BDBBA182
  • editorBracketPairGuide.activeBackground4#BDB6CC8c
  • editorBracketPairGuide.activeBackground5#A5C0B489
  • editorBracketPairGuide.activeBackground6#CBB4C38c
  • editorBracketPairGuide.background1#2D2245fe
  • editorBracketPairGuide.background2#3D2121fe
  • editorBracketPairGuide.background3#192B24fe
  • editorBracketPairGuide.background4#2A2819fe
  • editorBracketPairGuide.background5#2C291Afe
  • editorBracketPairGuide.background6#1E2936fe
  • editorCodeLens.foreground#B1BBC86e
  • editorCommentsWidget.rangeActiveBackground#B0BBC8fe
  • editorCommentsWidget.rangeBackground#15191efe
  • editorCommentsWidget.resolvedBorder#0B0E10fe
  • editorCommentsWidget.unresolvedBorder#590000cb
  • editorCursor.background#15191efe
  • editorCursor.foreground#19C919fe
  • editorError.background#0E0A0A00
  • editorError.border#0A0E0A00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#15191efe
  • editorGhostText.border#0E0E0A00
  • editorGhostText.foreground#B1BBC86e
  • editorGroup.border#0B0E10fe
  • editorGroup.dropBackground#15191efe
  • editorGroup.dropIntoPromptBackground#15191efe
  • editorGroup.dropIntoPromptBorder#0B0E10fe
  • editorGroup.dropIntoPromptForeground#D7F0FDce
  • editorGroup.emptyBackground#15191efe
  • editorGroup.focusedEmptyBorder#0B0E10fe
  • editorGroupHeader.border#0A0E0A00
  • editorGroupHeader.noTabsBackground#0D0F13ae
  • editorGroupHeader.tabsBackground#15191ea1
  • editorGroupHeader.tabsBorder#0A0E0A00
  • editorGutter.addedBackground#83CA87fb
  • editorGutter.background#15191efe
  • editorGutter.commentGlyphForeground#D7F0FDce
  • editorGutter.commentRangeForeground#D7F0FDce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9F9Fcb
  • editorGutter.foldingControlForeground#D7F0FDce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0D00
  • editorHint.foreground#C1AEFFce
  • editorHoverWidget.background#0B0E10fe
  • editorHoverWidget.border#0B0E10fe
  • editorHoverWidget.foreground#D7F0FDce
  • editorHoverWidget.highlightForeground#D1DFD9ca
  • editorHoverWidget.statusBarBackground#15191efe
  • editorIndentGuide.activeBackground1#19CA19fe
  • editorIndentGuide.activeBackground2#13CA13fe
  • editorIndentGuide.activeBackground3#09C809fe
  • editorIndentGuide.activeBackground4#09C809fe
  • editorIndentGuide.activeBackground5#19CA19fe
  • editorIndentGuide.activeBackground6#17C917fe
  • editorIndentGuide.background1#A7A38135
  • editorIndentGuide.background2#ADA4BF35
  • editorIndentGuide.background3#9286AA35
  • editorIndentGuide.background4#ACC3A935
  • editorIndentGuide.background5#A99FBC35
  • editorIndentGuide.background6#B1AE9035
  • editorInfo.background#0A0E0C00
  • editorInfo.border#0A0E0C00
  • editorInfo.foreground#C1AEFFce
  • editorInlayHint.background#15191efe
  • editorInlayHint.foreground#D7F0FDce
  • editorInlayHint.parameterBackground#15191efe
  • editorInlayHint.parameterForeground#D7F0FDce
  • editorInlayHint.typeBackground#15191efe
  • editorInlayHint.typeForeground#D7F0FDce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#18CA18fe
  • editorLineNumber.dimmedForeground#B1BBC86e
  • editorLineNumber.foreground#B1BBC86e
  • editorLink.activeForeground#4FC24Ffe
  • editorMarkerNavigation.background#0B0E10fe
  • editorMarkerNavigationError.background#4E004Eb1
  • editorMarkerNavigationError.headerBackground#4E004Eab
  • editorMarkerNavigationInfo.background#000096fe
  • editorMarkerNavigationInfo.headerBackground#000096fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15191efe
  • editorOverviewRuler.border#162941fe
  • editorOverviewRuler.bracketMatchForeground#D7F0FDce
  • editorOverviewRuler.commentForeground#B1BCC86e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#D7F0FDce
  • editorOverviewRuler.currentContentForeground#cececeaf
  • editorOverviewRuler.deletedForeground#FF9F9Fcb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C1AEFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E9E0E0ca
  • editorOverviewRuler.selectionHighlightForeground#C1AEFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DBCCCCca
  • editorOverviewRuler.wordHighlightStrongForeground#D7F0FDce
  • editorOverviewRuler.wordHighlightTextForeground#D7F0FDce
  • editorPane.background#15191efe
  • editorRuler.foreground#AFBBC637
  • editorStickyScroll.background#15191efe
  • editorStickyScrollHover.background#1A293D6e
  • editorSuggestWidget.background#0B0E10fe
  • editorSuggestWidget.border#0A0C0E00
  • editorSuggestWidget.focusHighlightForeground#84B1EFfe
  • editorSuggestWidget.foreground#E6E5DBfe
  • editorSuggestWidget.highlightForeground#CCDBD5ca
  • editorSuggestWidget.selectedBackground#4F4D378d
  • editorSuggestWidget.selectedForeground#DFD1D1ca
  • editorSuggestWidget.selectedIconForeground#DBDACCca
  • editorSuggestWidgetStatus.foreground#CDB8B8fe
  • editorUnicodeHighlight.background#725050a5
  • editorUnicodeHighlight.border#0B0E10fe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0A0E00
  • editorWarning.border#0B0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D7F0FDce
  • editorWidget.background#0B0E10fe
  • editorWidget.border#0B0E10fe
  • editorWidget.foreground#D7F0FDce
  • editorWidget.resizeBorder#0B0E10fe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#19C919fe
  • extensionBadge.remoteForeground#0D0F13fe
  • extensionButton.background#1C293Aae
  • extensionButton.foreground#D7F0FDce
  • extensionButton.hoverBackground#19293D6e
  • extensionButton.prominentBackground#15191efe
  • extensionButton.prominentForeground#D7F0FDce
  • extensionButton.prominentHoverBackground#15191efe
  • extensionButton.separator#0E0A0D00
  • extensionIcon.preReleaseForeground#D1CCDBfe
  • extensionIcon.sponsorForeground#E0E9E5fe
  • extensionIcon.starForeground#B8C2CDfe
  • extensionIcon.verifiedForeground#C7D8D1fe
  • focusBorder#0E0E0A00
  • foreground#D7F0FDce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9F9Fcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C1AEFFce
  • gitDecoration.stageDeletedResourceForeground#FF9F9Fcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B0BBC8ae
  • inlineChat.background#2E2344ca
  • inlineChat.border#2E2344ca
  • inlineChat.regionHighlight#E6DBE2ca
  • inlineChat.shadow#CCDBD5ca
  • inlineChatDiff.inserted#DBDACCca
  • inlineChatDiff.removed#CEDBCCca
  • inlineChatInput.background#DBDACCca
  • inlineChatInput.border#1A2B23ca
  • inlineChatInput.focusBorder#0A0E0A00
  • inlineChatInput.placeholderForeground#E2D6DEca
  • input.background#0B0E10fe
  • input.border#0B0E10fe
  • input.foreground#D7F0FDce
  • input.placeholderForeground#B0BBC765
  • inputOption.activeBackground#0B0E10fe
  • inputOption.activeBorder#0B0E10fe
  • inputOption.activeForeground#1BC91Bfe
  • inputOption.hoverBackground#0B0E10fe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#4E004Eb8
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0E10fe
  • inputValidation.infoForeground#D7F0FDce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0E10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0E10fe
  • interactive.inactiveCodeBorder#1F252C91
  • keybindingLabel.background#15191efe
  • keybindingLabel.border#0B0E10fe
  • keybindingLabel.bottomBorder#0B0E10fe
  • keybindingLabel.foreground#D7F0FDce
  • keybindingTable.headerBackground#15191efe
  • keybindingTable.rowsBackground#15191efe
  • list.activeSelectionBackground#63455982
  • list.activeSelectionForeground#E3E0E9ca
  • list.activeSelectionIconForeground#E2D6D6ca
  • list.deemphasizedForeground#D7F0FDce
  • list.dropBackground#15191efe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#15191efe
  • list.filterMatchBorder#0B0E10fe
  • list.focusAndSelectionOutline#0A0E0C00
  • list.focusBackground#3F4C5B96
  • list.focusForeground#1AC91Afe
  • list.focusHighlightForeground#B38BFEfe
  • list.focusOutline#0A0E0A00
  • list.highlightForeground#DBE0E6ca
  • list.hoverBackground#172D23a8
  • list.hoverForeground#18CA18fe
  • list.inactiveFocusBackground#2D364093
  • list.inactiveFocusOutline#0E0A0D00
  • list.inactiveSelectionBackground#0D0F13ae
  • list.inactiveSelectionForeground#B1BBC865
  • list.inactiveSelectionIconForeground#B0BBC765
  • list.invalidItemForeground#D7F0FDce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15191efe
  • listFilterWidget.noMatchesOutline#0A0E0A00
  • listFilterWidget.outline#0A0C0E00
  • listFilterWidget.shadow#0B0A0E00
  • menu.background#0D0F13fe
  • menu.border#0A0C0E00
  • menu.foreground#E5E9EDae
  • menu.selectionBackground#385046a6
  • menu.selectionBorder#0E0A0D00
  • menu.selectionForeground#17CA17fe
  • menu.separatorBackground#1D293865
  • menubar.selectionBackground#385046a7
  • menubar.selectionBorder#0B0A0E00
  • menubar.selectionForeground#16C916fe
  • merge.border#0B0E10fe
  • merge.commonContentBackground#15191efe
  • merge.commonHeaderBackground#15191efe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#102F12fb
  • merge.incomingContentBackground#102D12cb
  • merge.incomingHeaderBackground#102F12fb
  • mergeEditor.change.background#15191efe
  • mergeEditor.change.word.background#15191efe
  • mergeEditor.changeBase.background#15191efe
  • mergeEditor.changeBase.word.background#15191efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0E10fe
  • mergeEditor.conflict.handledUnfocused.border#181D2234
  • mergeEditor.conflict.input1.background#0B0E10fe
  • mergeEditor.conflict.input2.background#0B0E10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679e
  • mergeEditor.conflict.unhandledFocused.border#0B0E10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1B212730
  • mergeEditor.conflictingLines.background#15191efe
  • minimap.background#15191efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#83CA87fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#57687Cfe
  • minimapSlider.background#343E4Aae
  • minimapSlider.hoverBackground#424F5E6e
  • notebook.cellBorderColor#0B0E10fe
  • notebook.cellEditorBackground#15191efe
  • notebook.cellHoverBackground#15191efe
  • notebook.cellInsertionIndicator#E3E0E9ca
  • notebook.cellStatusBarItemHoverBackground#15191efe
  • notebook.cellToolbarSeparator#DFDDD1ca
  • notebook.editorBackground#15191efe
  • notebook.focusedCellBackground#15191efe
  • notebook.focusedCellBorder#18CA18fe
  • notebook.focusedEditorBorder#0B0E10fe
  • notebook.inactiveFocusedCellBorder#57687C8e
  • notebook.inactiveSelectedCellBorder#5A6C818e
  • notebook.outputContainerBackgroundColor#15191efe
  • notebook.outputContainerBorderColor#0B0E10fe
  • notebook.selectedCellBackground#15191efe
  • notebook.selectedCellBorder#0B0E10fe
  • notebook.symbolHighlightBackground#15191efe
  • notebookEditorOverviewRuler.runningCellForeground#D7F0FDce
  • notebookScrollbarSlider.activeBackground#61748Bfe
  • notebookScrollbarSlider.background#303A45ae
  • notebookScrollbarSlider.hoverBackground#4553636e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#BBCDB8fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0E10fe
  • notificationCenterHeader.background#15191efe
  • notificationCenterHeader.foreground#D7F0FDce
  • notificationLink.foreground#D7F0FDce
  • notifications.background#15191efe
  • notifications.border#0B0E10fe
  • notifications.foreground#D7F0FDce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#CDCBB8fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0E10fe
  • panel.background#15191efe
  • panel.border#0B0E10fe
  • panel.dropBorder#0B0E10fe
  • panelInput.border#0B0E10fe
  • panelSection.border#0B0E10fe
  • panelSection.dropBackground#15191efe
  • panelSectionHeader.background#15191efe
  • panelSectionHeader.border#0B0E10fe
  • panelSectionHeader.foreground#D7F0FDce
  • panelTitle.activeBorder#0E0E0A00
  • panelTitle.activeForeground#15C915fe
  • panelTitle.inactiveForeground#95A3B565
  • peekView.border#19CA19fe
  • peekViewEditor.background#0B0E10fe
  • peekViewEditor.matchHighlightBackground#63604583
  • peekViewEditor.matchHighlightBorder#0A0C0E00
  • peekViewEditorGutter.background#0B0E10fe
  • peekViewEditorStickyScroll.background#15191efe
  • peekViewResult.background#0D0F13fe
  • peekViewResult.fileForeground#D7F0FDce
  • peekViewResult.lineForeground#D7F0FDce
  • peekViewResult.matchHighlightBackground#49685A8c
  • peekViewResult.selectionBackground#455E428c
  • peekViewResult.selectionForeground#DBDACCca
  • peekViewTitle.background#0D0F13fe
  • peekViewTitleDescription.foreground#D7F0FDce
  • peekViewTitleLabel.foreground#D7F0FDce
  • pickerGroup.border#0B0E10fe
  • pickerGroup.foreground#D7F0FDce
  • ports.iconRunningProcessForeground#CEDBCCfe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C1AEFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#17CA17fe
  • profileBadge.foreground#0D0F13fe
  • progressBar.background#15191efe
  • quickInput.background#0D0F13fe
  • quickInput.foreground#E5E9EDae
  • quickInputList.focusBackground#4F3747a1
  • quickInputList.focusForeground#4FC24Ffe
  • quickInputList.focusIconForeground#18CA18fe
  • quickInputTitle.background#0B0E10fe
  • sash.hoverBorder#0B0E10fe
  • scrollbar.shadow#0A0E0C00
  • scrollbarSlider.activeBackground#61748Bfe
  • scrollbarSlider.background#37424Fae
  • scrollbarSlider.hoverBackground#4553636e
  • search.resultsInfoForeground#D7F0FDce
  • searchEditor.findMatchBackground#634545ad
  • searchEditor.findMatchBorder#0B0E10fe
  • searchEditor.textInputBorder#0B0E10fe
  • selection.background#15191efe
  • settings.checkboxBackground#0B0E10fe
  • settings.checkboxBorder#0B0E10fe
  • settings.checkboxForeground#D7F0FDce
  • settings.dropdownBackground#0B0E10fe
  • settings.dropdownBorder#0B0E10fe
  • settings.dropdownForeground#D7F0FDce
  • settings.dropdownListBorder#0B0E10fe
  • settings.focusedRowBackground#5E42558b
  • settings.focusedRowBorder#0B0E10fe
  • settings.headerBorder#0B0E10fe
  • settings.headerForeground#D7F0FDce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0E10fe
  • settings.numberInputBorder#0B0E10fe
  • settings.numberInputForeground#D7F0FDce
  • settings.rowHoverBackground#15191efe
  • settings.sashBorder#0B0E10fe
  • settings.settingsHeaderHoverForeground#17CA17fe
  • settings.textInputBackground#0B0E10fe
  • settings.textInputBorder#0B0E10fe
  • settings.textInputForeground#D7F0FDce
  • sideBar.background#15191efe
  • sideBar.border#0B0E10fe
  • sideBar.dropBackground#15191efe
  • sideBar.foreground#B0BBC8ae
  • sideBarSectionHeader.background#0A0E0C00
  • sideBarSectionHeader.border#0B0E10fe
  • sideBarSectionHeader.foreground#D7F0FDce
  • sideBarTitle.foreground#D7F0FDce
  • sideBySideEditor.horizontalBorder#0B0E10fe
  • sideBySideEditor.verticalBorder#0B0E10fe
  • simpleFindWidget.sashBorder#0B0E10fe
  • statusBar.background#0D0F13fe
  • statusBar.border#0B0E10fe
  • statusBar.debuggingBackground#4E004Ebd
  • statusBar.debuggingBorder#0B0E10fe
  • statusBar.debuggingForeground#D7F0FDce
  • statusBar.focusBorder#0E0A0D00
  • statusBar.foreground#B1BBC86e
  • statusBar.noFolderBackground#0D0F13fe
  • statusBar.noFolderBorder#0B0E10fe
  • statusBar.noFolderForeground#D7F0FDce
  • statusBarItem.activeBackground#0D0F13fe
  • statusBarItem.compactHoverBackground#0D0F13fe
  • statusBarItem.errorBackground#4E004Ebf
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#4E004Eb3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0A0D00
  • statusBarItem.hoverBackground#0D0F13fe
  • statusBarItem.hoverForeground#19C919fe
  • statusBarItem.offlineBackground#0D0F13fe
  • statusBarItem.offlineForeground#D7F0FDce
  • statusBarItem.offlineHoverBackground#0D0F13fe
  • statusBarItem.offlineHoverForeground#18CA18fe
  • statusBarItem.prominentBackground#0D0F13fe
  • statusBarItem.prominentForeground#D7F0FDce
  • statusBarItem.prominentHoverBackground#0D0F13fe
  • statusBarItem.prominentHoverForeground#1AC91Afe
  • statusBarItem.remoteBackground#47BA47fe
  • statusBarItem.remoteForeground#0D0F13fe
  • statusBarItem.remoteHoverBackground#0D0F13fe
  • statusBarItem.remoteHoverForeground#16C916fe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#CEAB00ce
  • symbolIcon.arrayForeground#E2D6D6fe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#E9E8E0fe
  • symbolIcon.colorForeground#DFD1D1fe
  • symbolIcon.constantForeground#D1BDBDfe
  • symbolIcon.constructorForeground#CCD3DBfe
  • symbolIcon.enumeratorForeground#DFD1DAfe
  • symbolIcon.enumeratorMemberForeground#D6D1DFfe
  • symbolIcon.eventForeground#E0E9E5fe
  • symbolIcon.fieldForeground#CDC7D8fe
  • symbolIcon.fileForeground#D6E2DDfe
  • symbolIcon.folderForeground#D1CCDBfe
  • symbolIcon.functionForeground#D8C7C7fe
  • symbolIcon.interfaceForeground#DBDACCfe
  • symbolIcon.keyForeground#CDB8B8fe
  • symbolIcon.keywordForeground#D6E2DDfe
  • symbolIcon.methodForeground#BDB6CCfe
  • symbolIcon.moduleForeground#CAC7B3fe
  • symbolIcon.namespaceForeground#BDD1C8fe
  • symbolIcon.nullForeground#D6D1DFfe
  • symbolIcon.numberForeground#E6E5DBfe
  • symbolIcon.objectForeground#E9E8E0fe
  • symbolIcon.operatorForeground#D4C2CEfe
  • symbolIcon.packageForeground#D1BDBDfe
  • symbolIcon.propertyForeground#C7CFD8fe
  • symbolIcon.referenceForeground#B3CAC0fe
  • symbolIcon.snippetForeground#E6DBDBfe
  • symbolIcon.stringForeground#D4D2C2fe
  • symbolIcon.structForeground#D4D2C2fe
  • symbolIcon.textForeground#CDB8B8fe
  • symbolIcon.typeParameterForeground#D6E2DDfe
  • symbolIcon.unitForeground#DBCCCCfe
  • symbolIcon.variableForeground#E9E0E0fe
  • tab.activeBackground#0E1115fe
  • tab.activeBorder#0B0A0E00
  • tab.activeBorderTop#0ACA0Afe
  • tab.activeForeground#15C915fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0E0A0D00
  • tab.hoverBackground#A5C0B4ac
  • tab.hoverBorder#0B0E10fe
  • tab.hoverForeground#18CA18fe
  • tab.inactiveBackground#07285394
  • tab.inactiveForeground#9AA8B865
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0B0E10fe
  • tab.unfocusedActiveBackground#181D222f
  • tab.unfocusedActiveBorder#0E0E0A00
  • tab.unfocusedActiveBorderTop#22293065
  • tab.unfocusedActiveForeground#6AAEFD65
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#AFBBC624
  • tab.unfocusedHoverBorder#1B21273b
  • tab.unfocusedHoverForeground#9FACBC65
  • tab.unfocusedInactiveBackground#1F252C99
  • tab.unfocusedInactiveForeground#9FACBC65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a1
  • 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#670067ad
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15191efe
  • terminal.border#0B0E10fe
  • terminal.dropBackground#15191efe
  • terminal.findMatchBackground#15191efe
  • terminal.findMatchBorder#0B0E10fe
  • terminal.findMatchHighlightBackground#15191efe
  • terminal.findMatchHighlightBorder#0B0E10fe
  • terminal.foreground#B0BBC8ae
  • terminal.hoverHighlightBackground#15191efe
  • terminal.inactiveSelectionBackground#22293192
  • terminal.selectionBackground#50476583
  • terminal.selectionForeground#D1CCDBca
  • terminal.tab.activeBorder#17C917fe
  • terminalCommandDecoration.defaultBackground#A8C0A5a1
  • terminalCommandDecoration.errorBackground#FF9F9Fcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15191efe
  • terminalCursor.foreground#1BC91Bfe
  • terminalOverviewRuler.cursorForeground#D7F0FDce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#6AD96Afe
  • testing.message.error.lineBackground#4E004Ecb
  • testing.message.info.decorationForeground#65D665fe
  • testing.message.info.lineBackground#000096fe
  • testing.peekBorder#0B0E10fe
  • testing.peekHeaderBackground#15191efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15191efe
  • textBlockQuote.border#0B0E10fe
  • textCodeBlock.background#15191efe
  • textLink.activeForeground#19C919fe
  • textLink.foreground#C1AEFFce
  • textPreformat.foreground#D7F0FDce
  • textSeparator.foreground#D7F0FDce
  • titleBar.activeBackground#0D0F13fe
  • titleBar.activeForeground#85B2DFae
  • titleBar.border#0E0E0A00
  • titleBar.inactiveBackground#1B2127d8
  • titleBar.inactiveForeground#9FACBC65
  • toolbar.activeBackground#34242F86
  • toolbar.hoverBackground#15191efe
  • toolbar.hoverOutline#0A0E0C00
  • tree.inactiveIndentGuidesStroke#9EB89A35
  • tree.indentGuidesStroke#72CE72fe
  • tree.tableColumnsBorder#0B0E10fe
  • tree.tableOddRowsBackground#15191efe
  • walkThrough.embeddedEditorBackground#15191efe
  • walkthrough.stepTitle.foreground#D7F0FDce
  • welcomePage.background#15191efe
  • welcomePage.progress.background#15191efe
  • welcomePage.progress.foreground#D7F0FDce
  • welcomePage.tileBackground#15191efe
  • welcomePage.tileBorder#0B0E10fe
  • welcomePage.tileHoverBackground#15191efe
  • widget.border#0B0E10fe
  • widget.shadow#0A0C0E00
  • window.activeBorder#0B0E10fe
  • window.inactiveBorder#0E294891

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9DC6F06e
comment.block.html#9CC7F16e
comment.block.java#9DC6F06e
comment.block.javadoc.java#9CC7F16e
comment.block.powershell#9CC7F16e
comment.block.xml#9CC7F16e
comment.line.double-slash.c#A5C4F26e
comment.line.double-slash.cpp#A5C4F26e
comment.line.double-slash.java#A0C6F56e
comment.line.double-slash.js#9DC6F06e
comment.line.number-sign.makefile#A0C6F56e
comment.line.number-sign.python#9CC7F16e
comment.line.number-sign.yaml#A5C4F26e
comment.line.percentage.erlang#9CC7F16e
comment.line.powershell#A0C6F56e
comment.source.cmake#A5C4F26e
comment.source.cmakecache#9CC7F16e
constant.character#EF98EFde
constant.character.character-class.regexp#A4A4F3de
constant.character.escape#E68B8Bde
constant.character.set.regexp#E280E2de
constant.language#FEAEAEde
constant.numeric#9C9CECde
constant.numeric.dec.python#E88989de
constant.other.caps.python#B9B9F8de
constant.other.character-class.regexp#9B9BEFde
constant.other.character-class.set.regexp#B6B6FEde
constant.other.color.rgb-value#FEA3FEde
constant.other.placeholder#ABABF5de
constant.other.rgb-value#EB8BEBde
constant.regexp#E68B8Bde
constant.sha.git-rebase#9B9BEFde
emphasis#18E118de
entity.name.class#FEA3FEde
entity.name.function#B2B2F7de
entity.name.function.preprocessor#15E115de
entity.name.function.python#F3A4F3de
entity.name.label#0DE00Dde
entity.name.namespace#F3A4A4de
entity.name.operator#16E116de
entity.name.operator.custom-literal#9D9DEEde
entity.name.scope-resolution#BCBCFEde
entity.name.tag#9C9CECde
entity.name.tag.css#B9B9F8de
entity.name.type#18E018de
entity.name.variable#ED9191de
entity.other.attribute#FEADADde
entity.other.attribute-name#18E018de
entity.other.attribute-name.class.css#F3A4A4de
entity.other.attribute-name.class.mixin.css#F3A4F3de
entity.other.attribute-name.id#E48B8Bde
entity.other.attribute-name.id.css#FEADADde
entity.other.attribute-name.parent-selector.css#E48B8Bde
entity.other.attribute-name.pseudo-class.css#18E118de
entity.other.attribute-name.pseudo-element.css#9D9DEBde
entity.other.attribute-name.scss#9D9DEEde
entity.other.document.begin.yaml#A0C6F56e
entity.other.inherited-class#EF9898de
header#18E118de
invalid#EB8BEBde
keyword#F5ABABde
keyword.codetag.notation.python#FEADADde
keyword.control#E680E6de
keyword.control.anchor.regexp#B9B9F8de
keyword.control.import.python#16E016de
keyword.operator#E88A8Ade
keyword.operator.alignas#F29E9Ede
keyword.operator.alignof#E280E2de
keyword.operator.cast#E47FE4de
keyword.operator.delete#FEA3FEde
keyword.operator.documentation.powershell#A0C6F56e
keyword.operator.expression#9C9CECde
keyword.operator.instanceof#E47FE4de
keyword.operator.logical.python#EF9898de
keyword.operator.minus.exponent#0EE10Ede
keyword.operator.negation.regexp#0EE10Ede
keyword.operator.new#13E113de
keyword.operator.noexcept#9D9DEBde
keyword.operator.or.regexp#FEA3FEde
keyword.operator.plus.exponent#9D9DEEde
keyword.operator.quantifier.regexp#E68B8Bde
keyword.operator.sizeof#9D9DE8de
keyword.operator.typeid#EB8B8Bde
keyword.operator.wordlike#BCBCFEde
keyword.other.operator#10DF10de
keyword.other.package.java#FEA3FEde
keyword.other.unit#F5ABABde
keyword.other.using#F3A4A4de
markup.bold#EF9898de
markup.changed#ED9191de
markup.deleted#F5ABABde
markup.fenced_code.block.markdown#9C9CEDde
markup.heading#18E118de
markup.inline.raw#10DF10de
markup.inserted#ABABF5de
markup.italic#9B9BEFde
markup.raw.block.markdown#E88A8Ade
markup.strikethrough#18E118de
markup.underline#F5ABABde
meta.block.c#18E018de
meta.block.c#9E9EF2de
meta.class.java#FEAEAEde
meta.definition.variable.name#18E118de
meta.diff.header#FEA3FEde
meta.embedded#FEA3FEde
meta.embedded.assembly#15E115de
meta.function-call.arguments.python#FEA3FEde
meta.function-call.python#FEADADde
meta.member.access.python#9B9BEFde
meta.method.java#FEA3FEde
meta.object-literal.key#16E016de
meta.paragraph.markdown#FEAEAEde
meta.preprocessor#18E118de
meta.preprocessor.numeric#FEA2FEde
meta.preprocessor.string#EF9898de
meta.scope.prerequisites.makefile#16E016de
meta.structure.dictionary.json.comments#9DC6F06e
meta.structure.dictionary.key.python#F29E9Ede
meta.structure.dictionary.value.json.comments#A0C6F56e
meta.template.expression#FE9DFEde
meta.type.cast.expr#16E116de
meta.type.new.expr#F5ABABde
parameter#16E016de
punctuation.character.set.begin.regexp#BCBCFEde
punctuation.character.set.end.regexp#16E016de
punctuation.definition.array.begin.json#E88989de
punctuation.definition.character-class.regexp#B2B2F7de
punctuation.definition.comment#9DC6F06e
punctuation.definition.comment.json.comments#A0C6F56e
punctuation.definition.comment.python#9CC7F16e
punctuation.definition.dictionary.begin.json#BCBCFEde
punctuation.definition.dictionary.end.json#18E018de
punctuation.definition.group.assertion.regexp#F29E9Ede
punctuation.definition.group.regexp#FEAEAEde
punctuation.definition.list.begin.json#E88A8Ade
punctuation.definition.list.begin.markdown#18E018de
punctuation.definition.list.begin.python#9E9EF2de
punctuation.definition.list.end.json#18E118de
punctuation.definition.list.end.markdown#FEA3FEde
punctuation.definition.list.end.python#0DE00Dde
punctuation.definition.parameters.begin.python#FEADADde
punctuation.definition.parameters.end.bracket.round.java#9D9DEEde
punctuation.definition.quote.begin.markdown#ABABF5de
punctuation.definition.tag#9D9DE8de
punctuation.definition.template-expression.begin#18E018de
punctuation.definition.template-expression.end#9D9DEBde
punctuation.section.class.begin.bracket.curly.java#FEA5A5de
punctuation.section.embedded#E885E8de
punctuation.section.embedded.begin.php#FEAEAEde
punctuation.section.embedded.end.php#18E018de
punctuation.terminator.java#E280E2de
source.cmake#E88989de
source.coffee.embedded#10DF10de
source.cpp#16E116de
source.css.less#9C9CEDde
source.groovy.embedded#FEAEAEde
source.java#BCBCFEde
source.java-properties#F5ABABde
source.json.comments#9CC7F16e
source.makefile#FEAEAEde
source.powershell#F5ABABde
source.powershell.variable.other.member#EF98EFde
source.python#13E113de
storage#A4A4F3de
storage.modifier#B6B6FEde
storage.modifier.import.java#18E118de
storage.modifier.package.java#E68B8Bde
storage.type#A4A4F3de
storage.type.annotation.groovy#B9B9F8de
storage.type.annotation.java#E88989de
storage.type.boolean.go#18E018de
storage.type.byte.go#BCBCFEde
storage.type.cs#E88A8Ade
storage.type.error.go#18E118de
storage.type.generic.cs#FEADADde
storage.type.generic.groovy#9C9CECde
storage.type.generic.java#F29E9Ede
storage.type.groovy#9C9CECde
storage.type.java#F29E9Ede
storage.type.modifier.cs#18E018de
storage.type.numeric.go#18E018de
storage.type.object.array.groovy#13E013de
storage.type.object.array.java#18E118de
storage.type.parameters.groovy#16E116de
storage.type.primitive.array.groovy#9C9CEAde
storage.type.primitive.array.java#9C9CEDde
storage.type.primitive.groovy#18E118de
storage.type.primitive.java#9C9CEDde
storage.type.rune.go#9C9CEDde
storage.type.string.go#E68B8Bde
storage.type.token.java#FEAEAEde
storage.type.uintptr.go#B6B6FEde
storage.type.variable.cs#E88A8Ade
string#13E013de
string.quoted.docstring.multi.python#9DC6F06e
string.regexp#E47FE4de
string.tag#16E116de
string.value#E68B8Bde
strong#EF9898de
support.class#FEA3FEde
support.constant.color#FE9DFEde
support.constant.dom#FEAEAEde
support.constant.font-name#FEA5A5de
support.constant.handlebars#F3A4A4de
support.constant.json#13E013de
support.constant.math#E280E2de
support.constant.media#0DE00Dde
support.constant.media-type#BCBCFEde
support.constant.property-value#BCBCFEde
support.function#9E9EF2de
support.function.git-rebase#9C9CEDde
support.other.parenthesis.regexp#0DE00Dde
support.type#E68B8Bde
support.type.property-name#ED9191de
support.type.vendored.property-name#FEA3FEde
support.variable#E68B8Bde
token.debug-token#FEAEAEde
token.error-token#18E018de
token.info-token#0EE10Ede
token.warn-token#9C9CECde
variable#18E018de
variable.css#BCBCFEde
variable.language#18E018de
variable.language.wildcard.java#ED9191de
variable.other.constant#18E018de
variable.other.definition.java#F5ABABde
variable.other.enummember#F3A4A4de
variable.other.less#BCBCFEde
variable.other.object.java#EB8B8Bde
variable.other.object.property.java#15E115de
variable.parameter.c#ED91EDde
variable.parameter.function.language.python#FEA3FEde
variable.parameter.java#E88A8Ade
variable.scss#18E118de
viiv by B.W - VS Code Theme