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#17171dfe
  • activityBar.activeBackground#17171dfe
  • activityBar.activeBorder#10C91Afe
  • activityBar.activeFocusBorder#58685800
  • activityBar.background#0E0E12fe
  • activityBar.border#58685800
  • activityBar.dropBorder#10C91Afe
  • activityBar.foreground#0FC91Afe
  • activityBar.inactiveForeground#9B9BB065
  • activityBarBadge.background#10C91Bfe
  • activityBarBadge.foreground#0E0E12fe
  • badge.background#29C733fe
  • badge.foreground#0E0E12fe
  • banner.background#17171dfe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#C1CCCEfe
  • breadcrumb.activeSelectionForeground#DDD8D4ca
  • breadcrumb.background#101014fe
  • breadcrumb.focusForeground#0FC91Afe
  • breadcrumb.foreground#E7E7ECae
  • breadcrumbPicker.background#17171dfe
  • button.background#383847ae
  • button.border#0D0C0B00
  • button.foreground#E8E8FEce
  • button.hoverBackground#5353686e
  • button.secondaryBackground#17171dfe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#17171dfe
  • button.separator#0D0B0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C10fe
  • chat.slashCommandBackground#17171dfe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C10fe
  • checkbox.border#0C0C10fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C10fe
  • checkbox.selectBorder#0C0C10fe
  • commandCenter.activeBackground#1529188c
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#10C91Bfe
  • commandCenter.background#17171dfe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#0101639a
  • commandCenter.inactiveForeground#A5A5B765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0D0B00
  • contrastBorder#0D0B0B00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D4DDD5fe
  • debugExceptionWidget.background#480048b6
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#D5D0CAfe
  • debugIcon.breakpointDisabledForeground#B7B7C665
  • debugIcon.breakpointForeground#CABCBFfe
  • debugIcon.breakpointStackframeForeground#BCCABFfe
  • debugIcon.breakpointUnverifiedForeground#C4B8C6fe
  • debugIcon.continueForeground#D4D4DDfe
  • debugIcon.disconnectForeground#D9D9E0fe
  • debugIcon.pauseForeground#C1C1CEfe
  • debugIcon.restartForeground#CEC1C3fe
  • debugIcon.startForeground#C8BCCAfe
  • debugIcon.stepBackForeground#E4DDDFfe
  • debugIcon.stepIntoForeground#C2BBB3fe
  • debugIcon.stepOutForeground#C2BBB3fe
  • debugIcon.stepOverForeground#C2BBB3fe
  • debugIcon.stopForeground#B3C2B5fe
  • debugTokenExpression.boolean#DDE0D9ca
  • debugTokenExpression.error#DDD8D4ca
  • debugTokenExpression.name#DDE4DFca
  • debugTokenExpression.number#D7CFD9ca
  • debugTokenExpression.value#D9D4CFca
  • debugToolBar.background#480048bf
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#302022ca
  • debugView.exceptionLabelForeground#D4D4DDca
  • debugView.stateLabelBackground#332023ca
  • debugView.stateLabelForeground#DDE3E4ca
  • debugView.valueChangedHighlight#CAD5CCca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0D0B0B00
  • diffEditor.diagonalFill#000000f2
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#102A11fb
  • diffEditor.insertedTextBorder#0B0B0D00
  • diffEditor.move.border#0B0D0D00
  • diffEditor.moveActive.border#0D0C0B00
  • diffEditor.removedLineBackground#52000031
  • diffEditor.removedTextBackground#520000fb
  • diffEditor.removedTextBorder#0D0B0B00
  • diffEditor.unchangedCodeBackground#17171dfe
  • diffEditor.unchangedRegionBackground#17171dfe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7C665
  • dropdown.background#0C0C10fe
  • dropdown.border#0C0C10fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C10fe
  • editor.background#17171dfe
  • editor.findMatchBackground#3F4D50a8
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#3F4D50ae
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#3E4F41ac
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#4051438e
  • editor.foldBackground#C0B8AFa8
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#63594Fa3
  • editor.inactiveSelectionBackground#48485B99
  • editor.inlineValuesBackground#17171dfe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#31313Eb2
  • editor.lineHighlightBorder#0B0D0D00
  • editor.linkedEditingBackground#17171dfe
  • editor.rangeHighlightBackground#536568a6
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#3F4C50a3
  • editor.selectionForeground#CAD3D5ca
  • editor.selectionHighlightBackground#5845498b
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#5A474Aa4
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#454D3Da9
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#49495Aad
  • editor.symbolHighlightBackground#3E4D4Fa3
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#4F6063ab
  • editor.wordHighlightBorder#0B0D0D00
  • editor.wordHighlightStrongBackground#485140a4
  • editor.wordHighlightStrongBorder#0C0D0B00
  • editor.wordHighlightTextBackground#5A5147a9
  • editor.wordHighlightTextBorder#0B0D0D00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#C0B8AFa8
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#ADBBBE83
  • editorBracketPairGuide.activeBackground2#BFB7AF82
  • editorBracketPairGuide.activeBackground3#C0B8AF86
  • editorBracketPairGuide.activeBackground4#B4BCAB87
  • editorBracketPairGuide.activeBackground5#AEBCBF82
  • editorBracketPairGuide.activeBackground6#C2B6C483
  • editorBracketPairGuide.background1#222238fe
  • editorBracketPairGuide.background2#311F23fe
  • editorBracketPairGuide.background3#1C2628fe
  • editorBracketPairGuide.background4#222239fe
  • editorBracketPairGuide.background5#232338fe
  • editorBracketPairGuide.background6#1A2728fe
  • editorCodeLens.foreground#B7B7C66e
  • editorCommentsWidget.rangeActiveBackground#B7B7C6fe
  • editorCommentsWidget.rangeBackground#17171dfe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#520000cb
  • editorCursor.background#17171dfe
  • editorCursor.foreground#0FC91Afe
  • editorError.background#0D0B0D00
  • editorError.border#0C0D0B00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#17171dfe
  • editorGhostText.border#0D0B0B00
  • editorGhostText.foreground#B7B7C66e
  • editorGroup.border#0C0C10fe
  • editorGroup.dropBackground#17171dfe
  • editorGroup.dropIntoPromptBackground#17171dfe
  • editorGroup.dropIntoPromptBorder#0C0C10fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#17171dfe
  • editorGroup.focusedEmptyBorder#0C0C10fe
  • editorGroupHeader.border#0B0D0D00
  • editorGroupHeader.noTabsBackground#0E0E12ae
  • editorGroupHeader.tabsBackground#17171da1
  • editorGroupHeader.tabsBorder#0D0B0B00
  • editorGutter.addedBackground#81C985fb
  • editorGutter.background#17171dfe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9E9Ecb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0B0B00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#DDE3E4ca
  • editorHoverWidget.statusBarBackground#17171dfe
  • editorIndentGuide.activeBackground1#0CC815fe
  • editorIndentGuide.activeBackground2#0FC81Afe
  • editorIndentGuide.activeBackground3#10C91Afe
  • editorIndentGuide.activeBackground4#0FC91Bfe
  • editorIndentGuide.activeBackground5#0FC91Bfe
  • editorIndentGuide.activeBackground6#0CC918fe
  • editorIndentGuide.background1#96AC9A35
  • editorIndentGuide.background2#92A89535
  • editorIndentGuide.background3#B7A5A835
  • editorIndentGuide.background4#8DA1A435
  • editorIndentGuide.background5#A1888C35
  • editorIndentGuide.background6#A0B3A335
  • editorInfo.background#0C0D0B00
  • editorInfo.border#0D0C0B00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#17171dfe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#17171dfe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#17171dfe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#29C733fe
  • editorLineNumber.dimmedForeground#B7B7C56e
  • editorLineNumber.foreground#B7B7C66e
  • editorLink.activeForeground#0EC919fe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#480048cb
  • editorMarkerNavigationError.headerBackground#480048b9
  • editorMarkerNavigationInfo.background#000089fe
  • editorMarkerNavigationInfo.headerBackground#000089fe
  • editorMarkerNavigationWarning.background#2C2500fe
  • editorMarkerNavigationWarning.headerBackground#2C2500fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#17171dfe
  • editorOverviewRuler.border#121221fe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#B7B7C66e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cecececb
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDD8D4ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D9CFD1ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#17171dfe
  • editorRuler.foreground#B8B8C73c
  • editorStickyScroll.background#17171dfe
  • editorStickyScrollHover.background#1111776e
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0D0B0B00
  • editorSuggestWidget.focusHighlightForeground#86BC48fe
  • editorSuggestWidget.foreground#CEC7C1fe
  • editorSuggestWidget.highlightForeground#CAD3D5ca
  • editorSuggestWidget.selectedBackground#3F4D508b
  • editorSuggestWidget.selectedForeground#D7CFD9ca
  • editorSuggestWidget.selectedIconForeground#D4D4DDca
  • editorSuggestWidgetStatus.foreground#C6B8BAfe
  • editorUnicodeHighlight.background#514941a8
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#2C2400ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0D00
  • editorWarning.border#0B0B0D00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#0AC915fe
  • extensionBadge.remoteForeground#0E0E12fe
  • extensionButton.background#010185ae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#0F0F7A6e
  • extensionButton.prominentBackground#17171dfe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#17171dfe
  • extensionButton.separator#0B0D0D00
  • extensionIcon.preReleaseForeground#D4D4DDfe
  • extensionIcon.sponsorForeground#C2BBB3fe
  • extensionIcon.starForeground#E4DDDFfe
  • extensionIcon.verifiedForeground#C1B5C3fe
  • focusBorder#0B0B0D00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9E9Ecb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FF9E9Ecb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B7B7C6ae
  • inlineChat.background#20261Aca
  • inlineChat.border#222239ca
  • inlineChat.regionHighlight#D8DDD4ca
  • inlineChat.shadow#CFD9D1ca
  • inlineChatDiff.inserted#D3CAD5ca
  • inlineChatDiff.removed#E4E1DDca
  • inlineChatInput.background#D8DDD4ca
  • inlineChatInput.border#332023ca
  • inlineChatInput.focusBorder#0D0C0B00
  • inlineChatInput.placeholderForeground#D9E0DAca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#B7B7C665
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#0EC91Afe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#6700679b
  • inputValidation.errorBorder#480048a9
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C10fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C10fe
  • interactive.inactiveCodeBorder#01015A93
  • keybindingLabel.background#17171dfe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#17171dfe
  • keybindingTable.rowsBackground#17171dfe
  • list.activeSelectionBackground#5A474A8b
  • list.activeSelectionForeground#E0DDD9ca
  • list.activeSelectionIconForeground#D4D9CFca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#17171dfe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#17171dfe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0D0B0D00
  • list.focusBackground#48485B97
  • list.focusForeground#0DC918fe
  • list.focusHighlightForeground#E1A05Ffe
  • list.focusOutline#0B0D0D00
  • list.highlightForeground#DDE3E4ca
  • list.hoverBackground#0B2831a6
  • list.hoverForeground#0BC917fe
  • list.inactiveFocusBackground#29293491
  • list.inactiveFocusOutline#0D0B0B00
  • list.inactiveSelectionBackground#0E0E12ae
  • list.inactiveSelectionForeground#B7B7C565
  • list.inactiveSelectionIconForeground#B7B7C665
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#17171dfe
  • listFilterWidget.noMatchesOutline#0D0C0B00
  • listFilterWidget.outline#0D0B0B00
  • listFilterWidget.shadow#0B0D0D00
  • menu.background#0E0E12fe
  • menu.border#0B0D0D00
  • menu.foreground#DFDFFEae
  • menu.selectionBackground#3F4C4Fae
  • menu.selectionBorder#0C0D0B00
  • menu.selectionForeground#0DC918fe
  • menu.separatorBackground#22223F65
  • menubar.selectionBackground#3F4D4Eac
  • menubar.selectionBorder#0D0B0B00
  • menubar.selectionForeground#0EC91Afe
  • merge.border#0C0C10fe
  • merge.commonContentBackground#17171dfe
  • merge.commonHeaderBackground#17171dfe
  • merge.currentContentBackground#00290031
  • merge.currentHeaderBackground#102A11fb
  • merge.incomingContentBackground#0F2810cb
  • merge.incomingHeaderBackground#102A11fb
  • mergeEditor.change.background#17171dfe
  • mergeEditor.change.word.background#17171dfe
  • mergeEditor.changeBase.background#17171dfe
  • mergeEditor.changeBase.word.background#17171dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C10fe
  • mergeEditor.conflict.handledUnfocused.border#1E1E263b
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c0
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E263b
  • mergeEditor.conflictingLines.background#17171dfe
  • minimap.background#17171dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#81C985fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#696985fe
  • minimapSlider.background#353542ae
  • minimapSlider.hoverBackground#4F4F636e
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#17171dfe
  • notebook.cellHoverBackground#17171dfe
  • notebook.cellInsertionIndicator#E4DDDFca
  • notebook.cellStatusBarItemHoverBackground#17171dfe
  • notebook.cellToolbarSeparator#D9DFE0ca
  • notebook.editorBackground#17171dfe
  • notebook.focusedCellBackground#17171dfe
  • notebook.focusedCellBorder#0EC91Afe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#62627B8e
  • notebook.inactiveSelectedCellBorder#5E5E768e
  • notebook.outputContainerBackgroundColor#17171dfe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#17171dfe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#17171dfe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#656580fe
  • notebookScrollbarSlider.background#353542ae
  • notebookScrollbarSlider.hoverBackground#47475A6e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#D9DFE0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C10fe
  • notificationCenterHeader.background#17171dfe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#17171dfe
  • notifications.border#0C0C10fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#CAD5CCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C10fe
  • panel.background#17171dfe
  • panel.border#0C0C10fe
  • panel.dropBorder#0C0C10fe
  • panelInput.border#0C0C10fe
  • panelSection.border#0C0C10fe
  • panelSection.dropBackground#17171dfe
  • panelSectionHeader.background#17171dfe
  • panelSectionHeader.border#0C0C10fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0B0B0D00
  • panelTitle.activeForeground#0CC918fe
  • panelTitle.inactiveForeground#6B6BFD65
  • peekView.border#0DC817fe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#3E4F4185
  • peekViewEditor.matchHighlightBorder#0B0D0B00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#17171dfe
  • peekViewResult.background#0E0E12fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#65536882
  • peekViewResult.selectionBackground#566D5A8e
  • peekViewResult.selectionForeground#D4D9CFca
  • peekViewTitle.background#0E0E12fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#D5CACCfe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#10C91Bfe
  • profileBadge.foreground#0E0E12fe
  • progressBar.background#17171dfe
  • quickInput.background#0E0E12fe
  • quickInput.foreground#E7E7ECae
  • quickInputList.focusBackground#38473Ba4
  • quickInputList.focusForeground#0EC91Afe
  • quickInputList.focusIconForeground#0AC915fe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0B0B0D00
  • scrollbarSlider.activeBackground#696985fe
  • scrollbarSlider.background#444455ae
  • scrollbarSlider.hoverBackground#47475A6e
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#445546a4
  • searchEditor.findMatchBorder#0C0C10fe
  • searchEditor.textInputBorder#0C0C10fe
  • selection.background#17171dfe
  • settings.checkboxBackground#0C0C10fe
  • settings.checkboxBorder#0C0C10fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C10fe
  • settings.dropdownBorder#0C0C10fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C10fe
  • settings.focusedRowBackground#3F4F4188
  • settings.focusedRowBorder#0C0C10fe
  • settings.headerBorder#0C0C10fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C10fe
  • settings.numberInputBorder#0C0C10fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#17171dfe
  • settings.sashBorder#0C0C10fe
  • settings.settingsHeaderHoverForeground#0FC91Afe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#17171dfe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#17171dfe
  • sideBar.foreground#B7B7C6ae
  • sideBarSectionHeader.background#0D0B0D00
  • sideBarSectionHeader.border#0C0C10fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C10fe
  • sideBySideEditor.verticalBorder#0C0C10fe
  • simpleFindWidget.sashBorder#0C0C10fe
  • statusBar.background#0E0E12fe
  • statusBar.border#0C0C10fe
  • statusBar.debuggingBackground#480048a7
  • statusBar.debuggingBorder#0C0C10fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0D0C0B00
  • statusBar.foreground#B7B7C66e
  • statusBar.noFolderBackground#0E0E12fe
  • statusBar.noFolderBorder#0C0C10fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0E0E12fe
  • statusBarItem.compactHoverBackground#0E0E12fe
  • statusBarItem.errorBackground#480048b6
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#480048c6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0C0B00
  • statusBarItem.hoverBackground#0E0E12fe
  • statusBarItem.hoverForeground#0EC91Afe
  • statusBarItem.offlineBackground#0E0E12fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0E0E12fe
  • statusBarItem.offlineHoverForeground#0BC917fe
  • statusBarItem.prominentBackground#0E0E12fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0E0E12fe
  • statusBarItem.prominentHoverForeground#0DC918fe
  • statusBarItem.remoteBackground#0DC918fe
  • statusBarItem.remoteForeground#0E0E12fe
  • statusBarItem.remoteHoverBackground#0E0E12fe
  • statusBarItem.remoteHoverForeground#10C81Bfe
  • statusBarItem.warningBackground#2C2500fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#2C2500fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#DBD4DDfe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#D9DFE0fe
  • symbolIcon.colorForeground#DDD4D5fe
  • symbolIcon.constantForeground#B8B8C6fe
  • symbolIcon.constructorForeground#DDD8D4fe
  • symbolIcon.enumeratorForeground#CFCFD9fe
  • symbolIcon.enumeratorMemberForeground#DFD9E0fe
  • symbolIcon.eventForeground#DDE3E4fe
  • symbolIcon.fieldForeground#C3B5B7fe
  • symbolIcon.fileForeground#C6D0D1fe
  • symbolIcon.folderForeground#C1CCCEfe
  • symbolIcon.functionForeground#D9CFD1fe
  • symbolIcon.interfaceForeground#CAC3BCfe
  • symbolIcon.keyForeground#D4D9CFfe
  • symbolIcon.keywordForeground#D9CFD1fe
  • symbolIcon.methodForeground#C1CEC3fe
  • symbolIcon.moduleForeground#D4D9CFfe
  • symbolIcon.namespaceForeground#D4DBDDfe
  • symbolIcon.nullForeground#C2BBB3fe
  • symbolIcon.numberForeground#CCD1C6fe
  • symbolIcon.objectForeground#B3C0C2fe
  • symbolIcon.operatorForeground#E0DDD9fe
  • symbolIcon.packageForeground#D1C6C8fe
  • symbolIcon.propertyForeground#D1CCC6fe
  • symbolIcon.referenceForeground#D3CAD5fe
  • symbolIcon.snippetForeground#CFD9D1fe
  • symbolIcon.stringForeground#D9CFD1fe
  • symbolIcon.structForeground#CABCBFfe
  • symbolIcon.textForeground#C6D1C8fe
  • symbolIcon.typeParameterForeground#D8DDD4fe
  • symbolIcon.unitForeground#C6BFB8fe
  • symbolIcon.variableForeground#B3C0C2fe
  • tab.activeBackground#101014fe
  • tab.activeBorder#0B0B0D00
  • tab.activeBorderTop#0CC918fe
  • tab.activeForeground#07C812fe
  • tab.activeModifiedBorder#2C2400ce
  • tab.border#0B0D0D00
  • tab.hoverBackground#ADBBBEaa
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#0FC91Afe
  • tab.inactiveBackground#01015A92
  • tab.inactiveForeground#A0A0B365
  • tab.inactiveModifiedBorder#2C2400ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#1A1A2128
  • tab.unfocusedActiveBorder#0B0D0D00
  • tab.unfocusedActiveBorderTop#21214065
  • tab.unfocusedActiveForeground#A9A9BB65
  • tab.unfocusedActiveModifiedBorder#2C2400ce
  • tab.unfocusedHoverBackground#B7B7C632
  • tab.unfocusedHoverBorder#1E1E2623
  • tab.unfocusedHoverForeground#A9A9BB65
  • tab.unfocusedInactiveBackground#2D2D399c
  • tab.unfocusedInactiveForeground#A9A9BB65
  • tab.unfocusedInactiveModifiedBorder#2C2400ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b4
  • 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#670067b3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec7
  • terminal.ansiYellow#c4a200fe
  • terminal.background#17171dfe
  • terminal.border#0C0C10fe
  • terminal.dropBackground#17171dfe
  • terminal.findMatchBackground#17171dfe
  • terminal.findMatchBorder#0C0C10fe
  • terminal.findMatchHighlightBackground#17171dfe
  • terminal.findMatchHighlightBorder#0C0C10fe
  • terminal.foreground#B7B7C6ae
  • terminal.hoverHighlightBackground#17171dfe
  • terminal.inactiveSelectionBackground#31313E97
  • terminal.selectionBackground#65536883
  • terminal.selectionForeground#D9CFD1ca
  • terminal.tab.activeBorder#0FC81Afe
  • terminalCommandDecoration.defaultBackground#B7B7C5a7
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#17171dfe
  • terminalCursor.foreground#0EC91Afe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c3
  • testing.iconUnset#808080c0
  • testing.message.error.decorationForeground#38DB42fe
  • testing.message.error.lineBackground#480048ba
  • testing.message.info.decorationForeground#2FD538fe
  • testing.message.info.lineBackground#000089fe
  • testing.peekBorder#0C0C10fe
  • testing.peekHeaderBackground#17171dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#17171dfe
  • textBlockQuote.border#0C0C10fe
  • textCodeBlock.background#17171dfe
  • textLink.activeForeground#29C733fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0E0E12fe
  • titleBar.activeForeground#A5A5F6ae
  • titleBar.border#0D0B0D00
  • titleBar.inactiveBackground#1A1A21dc
  • titleBar.inactiveForeground#A0A0B365
  • toolbar.activeBackground#1A272A89
  • toolbar.hoverBackground#17171dfe
  • toolbar.hoverOutline#0C0D0B00
  • tree.inactiveIndentGuidesStroke#AEBCBF35
  • tree.indentGuidesStroke#3EDE48fe
  • tree.tableColumnsBorder#0C0C10fe
  • tree.tableOddRowsBackground#17171dfe
  • walkThrough.embeddedEditorBackground#17171dfe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#17171dfe
  • welcomePage.progress.background#17171dfe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#17171dfe
  • welcomePage.tileBorder#0C0C10fe
  • welcomePage.tileHoverBackground#17171dfe
  • widget.border#0C0C10fe
  • widget.shadow#0B0B0D00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#01016B9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BBBBFC6e
comment.block.html#BBBBFB6e
comment.block.java#BBBBFB6e
comment.block.javadoc.java#BBBBF96e
comment.block.powershell#BBBBFC6e
comment.block.xml#BCBCF86e
comment.line.double-slash.c#BBBBFB6e
comment.line.double-slash.cpp#BBBBFC6e
comment.line.double-slash.java#BBBBF96e
comment.line.double-slash.js#BCBCF86e
comment.line.number-sign.makefile#BBBBFB6e
comment.line.number-sign.python#BCBCF86e
comment.line.number-sign.yaml#BBBBF96e
comment.line.percentage.erlang#BCBCF86e
comment.line.powershell#BCBCF86e
comment.source.cmake#BBBBF96e
comment.source.cmakecache#BBBBFC6e
constant.character#C1C1C1de
constant.character.character-class.regexp#919CF4de
constant.character.escape#F4AE88de
constant.character.set.regexp#97D205de
constant.language#D18FF5de
constant.numeric#0FE01Bde
constant.numeric.dec.python#0ADF17de
constant.other.caps.python#FEA8CCde
constant.other.character-class.regexp#E2AEFEde
constant.other.character-class.set.regexp#9AD310de
constant.other.color.rgb-value#FEA8CBde
constant.other.placeholder#0EE01Bde
constant.other.rgb-value#C1C1C1de
constant.regexp#F89EC3de
constant.sha.git-rebase#919CF5de
emphasis#99D20Fde
entity.name.class#B3BDFEde
entity.name.function#919CF3de
entity.name.function.preprocessor#D89EF8de
entity.name.function.python#99D310de
entity.name.label#EF9E73de
entity.name.namespace#0CE019de
entity.name.operator#919CF2de
entity.name.operator.custom-literal#929EF0de
entity.name.scope-resolution#A3A3A3de
entity.name.tag#919CF3de
entity.name.tag.css#CB87F1de
entity.name.type#0BE016de
entity.name.variable#0ADF17de
entity.other.attribute#F1A379de
entity.other.attribute-name#A3A3A3de
entity.other.attribute-name.class.css#9EA8F8de
entity.other.attribute-name.class.mixin.css#F17DACde
entity.other.attribute-name.id#FEA3C8de
entity.other.attribute-name.id.css#E1ADFEde
entity.other.attribute-name.parent-selector.css#FDAF86de
entity.other.attribute-name.pseudo-class.css#0FE01Bde
entity.other.attribute-name.pseudo-element.css#99D307de
entity.other.attribute-name.scss#919CF3de
entity.other.document.begin.yaml#BBBBFC6e
entity.other.inherited-class#97D20Dde
header#919CF4de
invalid#E1ADFEde
keyword#DFADFAde
keyword.codetag.notation.python#99D310de
keyword.control#919CF3de
keyword.control.anchor.regexp#ADB6FAde
keyword.control.import.python#E2AEFEde
keyword.operator#DBA5F9de
keyword.operator.alignas#9AD310de
keyword.operator.alignof#CE88F4de
keyword.operator.cast#96A2F6de
keyword.operator.delete#9AD310de
keyword.operator.documentation.powershell#BBBBFC6e
keyword.operator.expression#F696BEde
keyword.operator.instanceof#FEB084de
keyword.operator.logical.python#96A2F6de
keyword.operator.minus.exponent#9AD310de
keyword.operator.negation.regexp#F2A981de
keyword.operator.new#0ADF19de
keyword.operator.noexcept#0FE01Bde
keyword.operator.or.regexp#919CF4de
keyword.operator.plus.exponent#EF9E73de
keyword.operator.quantifier.regexp#0FE01Bde
keyword.operator.sizeof#FEAF85de
keyword.operator.typeid#97D20Dde
keyword.operator.wordlike#FEAF85de
keyword.other.operator#98D40Bde
keyword.other.package.java#F58FB9de
keyword.other.unit#CE88F4de
keyword.other.using#A5AFF9de
markup.bold#EF7EADde
markup.changed#F4AE88de
markup.deleted#F488B4de
markup.fenced_code.block.markdown#EB9465de
markup.heading#0FDF1Cde
markup.inline.raw#99D20Fde
markup.inserted#0FE01Bde
markup.italic#A5A5A5de
markup.raw.block.markdown#9AD30Fde
markup.strikethrough#929EF0de
markup.underline#98D30Cde
meta.block.c#0FE01Bde
meta.block.c#0CE019de
meta.class.java#D496F6de
meta.definition.variable.name#F89EC3de
meta.diff.header#EF7EADde
meta.embedded#F1A379de
meta.embedded.assembly#E1ADFEde
meta.function-call.arguments.python#C1C1C1de
meta.function-call.python#F4AE88de
meta.member.access.python#B3BDFEde
meta.method.java#98D30Cde
meta.object-literal.key#9AD310de
meta.paragraph.markdown#99D30Fde
meta.preprocessor#B3B3B3de
meta.preprocessor.numeric#0EDF1Bde
meta.preprocessor.string#C0C0C0de
meta.scope.prerequisites.makefile#F4AE88de
meta.structure.dictionary.json.comments#BBBBF96e
meta.structure.dictionary.key.python#F89EC3de
meta.structure.dictionary.value.json.comments#BBBBFC6e
meta.template.expression#F696BEde
meta.type.cast.expr#F281AFde
meta.type.new.expr#99D307de
parameter#9AD310de
punctuation.character.set.begin.regexp#99D307de
punctuation.character.set.end.regexp#0CE019de
punctuation.definition.array.begin.json#99D307de
punctuation.definition.character-class.regexp#0CE019de
punctuation.definition.comment#BCBCF86e
punctuation.definition.comment.json.comments#BCBCF86e
punctuation.definition.comment.python#BBBBF96e
punctuation.definition.dictionary.begin.json#F488B4de
punctuation.definition.dictionary.end.json#99D30Fde
punctuation.definition.group.assertion.regexp#A5AFF9de
punctuation.definition.group.regexp#CE88F4de
punctuation.definition.list.begin.json#CE88F4de
punctuation.definition.list.begin.markdown#919CF5de
punctuation.definition.list.begin.python#FDB084de
punctuation.definition.list.end.json#F281AFde
punctuation.definition.list.end.markdown#FEB085de
punctuation.definition.list.end.python#F4AE88de
punctuation.definition.parameters.begin.python#B3BDFEde
punctuation.definition.parameters.end.bracket.round.java#AAAAAAde
punctuation.definition.quote.begin.markdown#F4AE88de
punctuation.definition.tag#97D205de
punctuation.definition.template-expression.begin#99D20Fde
punctuation.definition.template-expression.end#F9A5C8de
punctuation.section.class.begin.bracket.curly.java#0EE01Bde
punctuation.section.embedded#0FE01Bde
punctuation.section.embedded.begin.php#9EA8F8de
punctuation.section.embedded.end.php#A5AFF9de
punctuation.terminator.java#CB87F0de
source.cmake#A3A3A3de
source.coffee.embedded#C1C1C1de
source.cpp#99D20Fde
source.css.less#F281AFde
source.groovy.embedded#919DF0de
source.java#98D40Bde
source.java-properties#F17DACde
source.json.comments#BBBBFB6e
source.makefile#0EE01Bde
source.powershell#E2ADFEde
source.powershell.variable.other.member#B5BDFBde
source.python#F281AFde
storage#A5A5A5de
storage.modifier#D18FF5de
storage.modifier.import.java#0EE01Bde
storage.modifier.package.java#99D20Fde
storage.type#A5AFF9de
storage.type.annotation.groovy#9AD30Fde
storage.type.annotation.java#D496F6de
storage.type.boolean.go#9AD310de
storage.type.byte.go#C1C1C1de
storage.type.cs#97D205de
storage.type.error.go#E1ADFEde
storage.type.generic.cs#BCBCBCde
storage.type.generic.groovy#AAAAAAde
storage.type.generic.java#CE88F4de
storage.type.groovy#ED81ADde
storage.type.java#0FE01Bde
storage.type.modifier.cs#919CF3de
storage.type.numeric.go#F58FB9de
storage.type.object.array.groovy#CB87F0de
storage.type.object.array.java#B3BDFEde
storage.type.parameters.groovy#919CF3de
storage.type.primitive.array.groovy#0FE01Bde
storage.type.primitive.array.java#919DF0de
storage.type.primitive.groovy#EF7EADde
storage.type.primitive.java#F488B4de
storage.type.rune.go#DBA5F9de
storage.type.string.go#C1C1C1de
storage.type.token.java#F9A5C8de
storage.type.uintptr.go#96A2F6de
storage.type.variable.cs#BCBCBCde
string#0CE019de
string.quoted.docstring.multi.python#BBBBF96e
string.regexp#F488B4de
string.tag#99D307de
string.value#FEA8CBde
strong#B5BDFBde
support.class#F89EC3de
support.constant.color#0ADF17de
support.constant.dom#919CF3de
support.constant.font-name#F58FB9de
support.constant.handlebars#96A2F6de
support.constant.json#F4AE88de
support.constant.math#ED81ADde
support.constant.media#0FE01Bde
support.constant.media-type#FEA8CBde
support.constant.property-value#D18FF5de
support.function#FEB084de
support.function.git-rebase#CB87F1de
support.other.parenthesis.regexp#C1C1C1de
support.type#AEAEAEde
support.type.property-name#FDB087de
support.type.vendored.property-name#919DF1de
support.variable#0DDF18de
token.debug-token#9AD30Cde
token.error-token#99D310de
token.info-token#F1A379de
token.warn-token#FEAF85de
variable#CB87F1de
variable.css#F58FB9de
variable.language#A3A3A3de
variable.language.wildcard.java#C1C1C1de
variable.other.constant#99D310de
variable.other.definition.java#B3B3B3de
variable.other.enummember#FDB087de
variable.other.less#919CF3de
variable.other.object.java#97D20Dde
variable.other.object.property.java#CC86F2de
variable.parameter.c#ED81ADde
variable.parameter.function.language.python#A5AFF9de
variable.parameter.java#F17DACde
variable.scss#CC87F2de
viiv by B.W - VS Code Theme