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#161e16fe
  • activityBar.activeBackground#161e16fe
  • activityBar.activeBorder#D2AE0Efe
  • activityBar.activeFocusBorder#825D6F00
  • activityBar.background#0D120Dfe
  • activityBar.border#7C615800
  • activityBar.dropBorder#D2AE0Efe
  • activityBar.foreground#D3AE07fe
  • activityBar.inactiveForeground#43C94365
  • activityBarBadge.background#D3AE0Efe
  • activityBarBadge.foreground#0D120Dfe
  • badge.background#D3AE10fe
  • badge.foreground#0D120Dfe
  • banner.background#161e16fe
  • banner.foreground#CDFBCDce
  • banner.iconForeground#C4C8D2fe
  • breadcrumb.activeSelectionForeground#DDDDD3ca
  • breadcrumb.background#0F150Ffe
  • breadcrumb.focusForeground#D3AE0Afe
  • breadcrumb.foreground#E1E9E1ae
  • breadcrumbPicker.background#161e16fe
  • button.background#394E39ae
  • button.border#0E0A0C00
  • button.foreground#CDFBCDce
  • button.hoverBackground#445D446e
  • button.secondaryBackground#161e16fe
  • button.secondaryForeground#CDFBCDce
  • button.secondaryHoverBackground#161e16fe
  • button.separator#0A0E0D00
  • charts.blue#1b1bfffe
  • charts.foreground#CDFBCDce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C100Cfe
  • chat.slashCommandBackground#161e16fe
  • chat.slashCommandForeground#CDFBCDce
  • checkbox.background#0C100Cfe
  • checkbox.border#0C100Cfe
  • checkbox.foreground#CDFBCDce
  • checkbox.selectBackground#0C100Cfe
  • checkbox.selectBorder#0C100Cfe
  • commandCenter.activeBackground#3B2B258d
  • commandCenter.activeBorder#0C100Cfe
  • commandCenter.activeForeground#D3AE10fe
  • commandCenter.background#161e16fe
  • commandCenter.border#0C100Cfe
  • commandCenter.foreground#CDFBCDce
  • commandCenter.inactiveBorder#14351495
  • commandCenter.inactiveForeground#3ACB3A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0B0A00
  • contrastBorder#0C0A0E00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#CDFBCDce
  • debugConsole.sourceForeground#CDFBCDce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C9D6D4fe
  • debugExceptionWidget.background#580058a9
  • debugExceptionWidget.border#0C100Cfe
  • debugIcon.breakpointCurrentStackframeForeground#C7BBB6fe
  • debugIcon.breakpointDisabledForeground#ADC2AD65
  • debugIcon.breakpointForeground#DADACEfe
  • debugIcon.breakpointStackframeForeground#DDD6D3fe
  • debugIcon.breakpointUnverifiedForeground#DACED5fe
  • debugIcon.continueForeground#DAD1CEfe
  • debugIcon.disconnectForeground#CFC0C8fe
  • debugIcon.pauseForeground#D2C4CCfe
  • debugIcon.restartForeground#C9D7C9fe
  • debugIcon.startForeground#C9D6D4fe
  • debugIcon.stepBackForeground#BBBFCBfe
  • debugIcon.stepIntoForeground#E1D8DDfe
  • debugIcon.stepOutForeground#CBCBBBfe
  • debugIcon.stepOverForeground#D9D3DDfe
  • debugIcon.stopForeground#C4D3C4fe
  • debugTokenExpression.boolean#D1C9D6ca
  • debugTokenExpression.error#E5DDE1ca
  • debugTokenExpression.name#C9D7C9ca
  • debugTokenExpression.number#D3DDDCca
  • debugTokenExpression.value#C9D7C9ca
  • debugToolBar.background#580058a2
  • debugToolBar.border#0C100Cfe
  • debugView.exceptionLabelBackground#422535ca
  • debugView.exceptionLabelForeground#CEDAD8ca
  • debugView.stateLabelBackground#252D41ca
  • debugView.stateLabelForeground#CEDAD8ca
  • debugView.valueChangedHighlight#C9D7C9ca
  • descriptionForeground#CDFBCDce
  • diffEditor.border#0A0E0D00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0A0E0D00
  • diffEditor.move.border#0E0A0C00
  • diffEditor.moveActive.border#0A0E0D00
  • diffEditor.removedLineBackground#65000031
  • diffEditor.removedTextBackground#650000fb
  • diffEditor.removedTextBorder#0A0B0E00
  • diffEditor.unchangedCodeBackground#161e16fe
  • diffEditor.unchangedRegionBackground#161e16fe
  • diffEditor.unchangedRegionForeground#CDFBCDce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#ADC3AD65
  • dropdown.background#0C100Cfe
  • dropdown.border#0C100Cfe
  • dropdown.foreground#CDFBCDce
  • dropdown.listBackground#0C100Cfe
  • editor.background#161e16fe
  • editor.findMatchBackground#52523Eab
  • editor.findMatchBorder#0C100Cfe
  • editor.findMatchHighlightBackground#486248a9
  • editor.findMatchHighlightBorder#0C100Cfe
  • editor.findRangeHighlightBackground#3C543Cae
  • editor.findRangeHighlightBorder#0C100Cfe
  • editor.focusedStackFrameHighlightBackground#5B4B458d
  • editor.foldBackground#C8BBB6a7
  • editor.foreground#CDFBCDce
  • editor.hoverHighlightBackground#4F4F3Ca6
  • editor.inactiveSelectionBackground#3D533D9b
  • editor.inlineValuesBackground#161e16fe
  • editor.inlineValuesForeground#CDFBCDce
  • editor.lineHighlightBackground#2B3B2Bb2
  • editor.lineHighlightBorder#0E0B0A00
  • editor.linkedEditingBackground#161e16fe
  • editor.rangeHighlightBackground#445D44a6
  • editor.rangeHighlightBorder#0C100Cfe
  • editor.selectionBackground#4E4E3Ba9
  • editor.selectionForeground#D9D3DDca
  • editor.selectionHighlightBackground#5A4C6587
  • editor.selectionHighlightBorder#0C100Cfe
  • editor.snippetFinalTabstopHighlightBackground#50576Aab
  • editor.snippetFinalTabstopHighlightBorder#0C100Cfe
  • editor.snippetTabstopHighlightBackground#3D514Eac
  • editor.snippetTabstopHighlightBorder#0C100Cfe
  • editor.stackFrameHighlightBackground#5D4653ab
  • editor.symbolHighlightBackground#55485Fa7
  • editor.symbolHighlightBorder#0C100Cfe
  • editor.wordHighlightBackground#445D44a1
  • editor.wordHighlightBorder#0E0A0C00
  • editor.wordHighlightStrongBackground#494F60a4
  • editor.wordHighlightStrongBorder#0E0E0A00
  • editor.wordHighlightTextBackground#5E4754aa
  • editor.wordHighlightTextBorder#0C0A0E00
  • editorBracketHighlight.foreground1#F5F7F5ce
  • editorBracketHighlight.foreground2#F5F7F5ce
  • editorBracketHighlight.foreground3#F5F7F5ce
  • editorBracketHighlight.foreground4#F5F7F5ce
  • editorBracketHighlight.foreground5#F5F7F5ce
  • editorBracketHighlight.foreground6#F5F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#CDFBCDce
  • editorBracketMatch.background#B9BECAa1
  • editorBracketMatch.border#0C100Cfe
  • editorBracketPairGuide.activeBackground1#BEBEAA8d
  • editorBracketPairGuide.activeBackground2#BFBFAA82
  • editorBracketPairGuide.activeBackground3#C3B9CA84
  • editorBracketPairGuide.activeBackground4#C3B9CA8c
  • editorBracketPairGuide.activeBackground5#B8BDCA83
  • editorBracketPairGuide.activeBackground6#C4BACB84
  • editorBracketPairGuide.background1#332B3Afe
  • editorBracketPairGuide.background2#3C2A23fe
  • editorBracketPairGuide.background3#3E2922fe
  • editorBracketPairGuide.background4#2A2E39fe
  • editorBracketPairGuide.background5#3A2647fe
  • editorBracketPairGuide.background6#432537fe
  • editorCodeLens.foreground#ADC3AD6e
  • editorCommentsWidget.rangeActiveBackground#AFC4AFfe
  • editorCommentsWidget.rangeBackground#161e16fe
  • editorCommentsWidget.resolvedBorder#0C100Cfe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#161e16fe
  • editorCursor.foreground#D3AD0Cfe
  • editorError.background#0C0A0E00
  • editorError.border#0A0E0A00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#161e16fe
  • editorGhostText.border#0E0B0A00
  • editorGhostText.foreground#ADC2AD6e
  • editorGroup.border#0C100Cfe
  • editorGroup.dropBackground#161e16fe
  • editorGroup.dropIntoPromptBackground#161e16fe
  • editorGroup.dropIntoPromptBorder#0C100Cfe
  • editorGroup.dropIntoPromptForeground#CDFBCDce
  • editorGroup.emptyBackground#161e16fe
  • editorGroup.focusedEmptyBorder#0C100Cfe
  • editorGroupHeader.border#0A0B0E00
  • editorGroupHeader.noTabsBackground#0D120Dae
  • editorGroupHeader.tabsBackground#161D16a1
  • editorGroupHeader.tabsBorder#0C0A0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#161e16fe
  • editorGutter.commentGlyphForeground#CDFBCDce
  • editorGutter.commentRangeForeground#CDFBCDce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#CDFBCDce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0A0E00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0C100Cfe
  • editorHoverWidget.border#0C100Cfe
  • editorHoverWidget.foreground#CDFBCDce
  • editorHoverWidget.highlightForeground#DDD3D9ca
  • editorHoverWidget.statusBarBackground#161e16fe
  • editorIndentGuide.activeBackground1#D3AE0Ffe
  • editorIndentGuide.activeBackground2#D2AE0Efe
  • editorIndentGuide.activeBackground3#D3AE0Ffe
  • editorIndentGuide.activeBackground4#D1AE0Ffe
  • editorIndentGuide.activeBackground5#D1AE0Ffe
  • editorIndentGuide.activeBackground6#D0AD0Cfe
  • editorIndentGuide.background1#B1C4C135
  • editorIndentGuide.background2#A394AE35
  • editorIndentGuide.background3#AEAE9435
  • editorIndentGuide.background4#B1B19935
  • editorIndentGuide.background5#B1C4C135
  • editorIndentGuide.background6#B5B59E35
  • editorInfo.background#0C0A0E00
  • editorInfo.border#0A0E0A00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#161e16fe
  • editorInlayHint.foreground#CDFBCDce
  • editorInlayHint.parameterBackground#161e16fe
  • editorInlayHint.parameterForeground#CDFBCDce
  • editorInlayHint.typeBackground#161e16fe
  • editorInlayHint.typeForeground#CDFBCDce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#D2AD09fe
  • editorLineNumber.dimmedForeground#ADC2AD6e
  • editorLineNumber.foreground#ADC2AD6e
  • editorLink.activeForeground#D3AE0Efe
  • editorMarkerNavigation.background#0C100Cfe
  • editorMarkerNavigationError.background#580058ca
  • editorMarkerNavigationError.headerBackground#5800589e
  • editorMarkerNavigationInfo.background#0000A7fe
  • editorMarkerNavigationInfo.headerBackground#0000A7fe
  • editorMarkerNavigationWarning.background#382E00fe
  • editorMarkerNavigationWarning.headerBackground#382E00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161e16fe
  • editorOverviewRuler.border#0E360Efe
  • editorOverviewRuler.bracketMatchForeground#CDFBCDce
  • editorOverviewRuler.commentForeground#ADC3AD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#CDFBCDce
  • editorOverviewRuler.currentContentForeground#cececec0
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CEDAD8ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CEDAD8ca
  • editorOverviewRuler.wordHighlightStrongForeground#CDFBCDce
  • editorOverviewRuler.wordHighlightTextForeground#CDFBCDce
  • editorPane.background#161e16fe
  • editorRuler.foreground#AEC3AE2e
  • editorStickyScroll.background#161e16fe
  • editorStickyScrollHover.background#1A341A6e
  • editorSuggestWidget.background#0C100Cfe
  • editorSuggestWidget.border#0A0E0D00
  • editorSuggestWidget.focusHighlightForeground#E8A087fe
  • editorSuggestWidget.foreground#CEDBCEfe
  • editorSuggestWidget.highlightForeground#DDD3D9ca
  • editorSuggestWidget.selectedBackground#5649608a
  • editorSuggestWidget.selectedForeground#DDE5E4ca
  • editorSuggestWidget.selectedIconForeground#D2DED2ca
  • editorSuggestWidgetStatus.foreground#C4D3C4fe
  • editorUnicodeHighlight.background#4C6561a4
  • editorUnicodeHighlight.border#0C100Cfe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0B0A00
  • editorWarning.border#0E0A0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#CDFBCDce
  • editorWidget.background#0C100Cfe
  • editorWidget.border#0C100Cfe
  • editorWidget.foreground#CDFBCDce
  • editorWidget.resizeBorder#0C100Cfe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#D2AE10fe
  • extensionBadge.remoteForeground#0D120Dfe
  • extensionButton.background#193419ae
  • extensionButton.foreground#CDFBCDce
  • extensionButton.hoverBackground#2532256e
  • extensionButton.prominentBackground#161e16fe
  • extensionButton.prominentForeground#CDFBCDce
  • extensionButton.prominentHoverBackground#161e16fe
  • extensionButton.separator#0E0B0A00
  • extensionIcon.preReleaseForeground#C3B9CAfe
  • extensionIcon.sponsorForeground#DADACEfe
  • extensionIcon.starForeground#D2C4CCfe
  • extensionIcon.verifiedForeground#E1E1D8fe
  • focusBorder#0E0E0A00
  • foreground#CDFBCDce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#ADC3ADae
  • inlineChat.background#412536ca
  • inlineChat.border#422536ca
  • inlineChat.regionHighlight#DACED5ca
  • inlineChat.shadow#E1DDE5ca
  • inlineChatDiff.inserted#D6D6C9ca
  • inlineChatDiff.removed#CED1DAca
  • inlineChatInput.background#E8E3E1ca
  • inlineChatInput.border#3B2649ca
  • inlineChatInput.focusBorder#0E0E0A00
  • inlineChatInput.placeholderForeground#D3D6DDca
  • input.background#0C100Cfe
  • input.border#0C100Cfe
  • input.foreground#CDFBCDce
  • input.placeholderForeground#ADC3AD65
  • inputOption.activeBackground#0C100Cfe
  • inputOption.activeBorder#0C100Cfe
  • inputOption.activeForeground#D3AE10fe
  • inputOption.hoverBackground#0C100Cfe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#580058ac
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C100Cfe
  • inputValidation.infoForeground#CDFBCDce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C100Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C100Cfe
  • interactive.inactiveCodeBorder#2431249c
  • keybindingLabel.background#161e16fe
  • keybindingLabel.border#0C100Cfe
  • keybindingLabel.bottomBorder#0C100Cfe
  • keybindingLabel.foreground#CDFBCDce
  • keybindingTable.headerBackground#161e16fe
  • keybindingTable.rowsBackground#161e16fe
  • list.activeSelectionBackground#474D5E82
  • list.activeSelectionForeground#E1D8DDca
  • list.activeSelectionIconForeground#DACED5ca
  • list.deemphasizedForeground#CDFBCDce
  • list.dropBackground#161e16fe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#161e16fe
  • list.filterMatchBorder#0C100Cfe
  • list.focusAndSelectionOutline#0E0E0A00
  • list.focusBackground#3C533C97
  • list.focusForeground#D2AD0Ffe
  • list.focusHighlightForeground#61C561fe
  • list.focusOutline#0A0B0E00
  • list.highlightForeground#D9D3DDca
  • list.hoverBackground#303012a5
  • list.hoverForeground#D3AD0Cfe
  • list.inactiveFocusBackground#2F402F97
  • list.inactiveFocusOutline#0A0E0D00
  • list.inactiveSelectionBackground#0D120Dae
  • list.inactiveSelectionForeground#ADC3AD65
  • list.inactiveSelectionIconForeground#ADC2AD65
  • list.invalidItemForeground#CDFBCDce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161e16fe
  • listFilterWidget.noMatchesOutline#0A0E0A00
  • listFilterWidget.outline#0E0B0A00
  • listFilterWidget.shadow#0A0E0D00
  • menu.background#0D120Dfe
  • menu.border#0C0A0E00
  • menu.foreground#E6EDE6ae
  • menu.selectionBackground#4E4E3Ba9
  • menu.selectionBorder#0C0A0E00
  • menu.selectionForeground#D3AE0Afe
  • menu.separatorBackground#25322565
  • menubar.selectionBackground#4E4E3Ba5
  • menubar.selectionBorder#0E0E0A00
  • menubar.selectionForeground#C6A92Cfe
  • merge.border#0C100Cfe
  • merge.commonContentBackground#161e16fe
  • merge.commonHeaderBackground#161e16fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113613fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113613fb
  • mergeEditor.change.background#161e16fe
  • mergeEditor.change.word.background#161e16fe
  • mergeEditor.changeBase.background#161e16fe
  • mergeEditor.changeBase.word.background#161e16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C100Cfe
  • mergeEditor.conflict.handledUnfocused.border#1D271D2b
  • mergeEditor.conflict.input1.background#0C100Cfe
  • mergeEditor.conflict.input2.background#0C100Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ae
  • mergeEditor.conflict.unhandledFocused.border#0C100Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#1D271D32
  • mergeEditor.conflictingLines.background#161e16fe
  • minimap.background#161e16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A7A5Afe
  • minimapSlider.background#415841ae
  • minimapSlider.hoverBackground#4B674B6e
  • notebook.cellBorderColor#0C100Cfe
  • notebook.cellEditorBackground#161e16fe
  • notebook.cellHoverBackground#161e16fe
  • notebook.cellInsertionIndicator#D9D3DDca
  • notebook.cellStatusBarItemHoverBackground#161e16fe
  • notebook.cellToolbarSeparator#E5DFDDca
  • notebook.editorBackground#161e16fe
  • notebook.focusedCellBackground#161e16fe
  • notebook.focusedCellBorder#D3AD0Cfe
  • notebook.focusedEditorBorder#0C100Cfe
  • notebook.inactiveFocusedCellBorder#6184618e
  • notebook.inactiveSelectedCellBorder#6489648e
  • notebook.outputContainerBackgroundColor#161e16fe
  • notebook.outputContainerBorderColor#0C100Cfe
  • notebook.selectedCellBackground#161e16fe
  • notebook.selectedCellBorder#0C100Cfe
  • notebook.symbolHighlightBackground#161e16fe
  • notebookEditorOverviewRuler.runningCellForeground#CDFBCDce
  • notebookScrollbarSlider.activeBackground#5A7A5Afe
  • notebookScrollbarSlider.background#364A36ae
  • notebookScrollbarSlider.hoverBackground#4862486e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#C4C4B1fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C100Cfe
  • notificationCenterHeader.background#161e16fe
  • notificationCenterHeader.foreground#CDFBCDce
  • notificationLink.foreground#CDFBCDce
  • notifications.background#161e16fe
  • notifications.border#0C100Cfe
  • notifications.foreground#CDFBCDce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#DAD1CEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C100Cfe
  • panel.background#161e16fe
  • panel.border#0C100Cfe
  • panel.dropBorder#0C100Cfe
  • panelInput.border#0C100Cfe
  • panelSection.border#0C100Cfe
  • panelSection.dropBackground#161e16fe
  • panelSectionHeader.background#161e16fe
  • panelSectionHeader.border#0C100Cfe
  • panelSectionHeader.foreground#CDFBCDce
  • panelTitle.activeBorder#0A0E0D00
  • panelTitle.activeForeground#D2AE0Efe
  • panelTitle.inactiveForeground#3ECB3E65
  • peekView.border#D3AE11fe
  • peekViewEditor.background#0C100Cfe
  • peekViewEditor.matchHighlightBackground#4E4E3B8e
  • peekViewEditor.matchHighlightBorder#0A0E0D00
  • peekViewEditorGutter.background#0C100Cfe
  • peekViewEditorStickyScroll.background#161e16fe
  • peekViewResult.background#0D120Dfe
  • peekViewResult.fileForeground#CDFBCDce
  • peekViewResult.lineForeground#CDFBCDce
  • peekViewResult.matchHighlightBackground#5A4A448d
  • peekViewResult.selectionBackground#50576A8c
  • peekViewResult.selectionForeground#D8DAE1ca
  • peekViewTitle.background#0D120Dfe
  • peekViewTitleDescription.foreground#CDFBCDce
  • peekViewTitleLabel.foreground#CDFBCDce
  • pickerGroup.border#0C100Cfe
  • pickerGroup.foreground#CDFBCDce
  • ports.iconRunningProcessForeground#DDD6D3fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#D3AE10fe
  • profileBadge.foreground#0D120Dfe
  • progressBar.background#161e16fe
  • quickInput.background#0D120Dfe
  • quickInput.foreground#E1E9E1ae
  • quickInputList.focusBackground#5B4B45a8
  • quickInputList.focusForeground#D3AE0Dfe
  • quickInputList.focusIconForeground#D2AD09fe
  • quickInputTitle.background#0C100Cfe
  • sash.hoverBorder#0C100Cfe
  • scrollbar.shadow#0E0A0C00
  • scrollbarSlider.activeBackground#648964fe
  • scrollbarSlider.background#3D533Dae
  • scrollbarSlider.hoverBackground#4F6C4F6e
  • search.resultsInfoForeground#CDFBCDce
  • searchEditor.findMatchBackground#4C5365ad
  • searchEditor.findMatchBorder#0C100Cfe
  • searchEditor.textInputBorder#0C100Cfe
  • selection.background#161e16fe
  • settings.checkboxBackground#0C100Cfe
  • settings.checkboxBorder#0C100Cfe
  • settings.checkboxForeground#CDFBCDce
  • settings.dropdownBackground#0C100Cfe
  • settings.dropdownBorder#0C100Cfe
  • settings.dropdownForeground#CDFBCDce
  • settings.dropdownListBorder#0C100Cfe
  • settings.focusedRowBackground#546F6B86
  • settings.focusedRowBorder#0C100Cfe
  • settings.headerBorder#0C100Cfe
  • settings.headerForeground#CDFBCDce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C100Cfe
  • settings.numberInputBorder#0C100Cfe
  • settings.numberInputForeground#CDFBCDce
  • settings.rowHoverBackground#161e16fe
  • settings.sashBorder#0C100Cfe
  • settings.settingsHeaderHoverForeground#C6A92Cfe
  • settings.textInputBackground#0C100Cfe
  • settings.textInputBorder#0C100Cfe
  • settings.textInputForeground#CDFBCDce
  • sideBar.background#161e16fe
  • sideBar.border#0C100Cfe
  • sideBar.dropBackground#161e16fe
  • sideBar.foreground#ADC3ADae
  • sideBarSectionHeader.background#0E0E0A00
  • sideBarSectionHeader.border#0C100Cfe
  • sideBarSectionHeader.foreground#CDFBCDce
  • sideBarTitle.foreground#CDFBCDce
  • sideBySideEditor.horizontalBorder#0C100Cfe
  • sideBySideEditor.verticalBorder#0C100Cfe
  • simpleFindWidget.sashBorder#0C100Cfe
  • statusBar.background#0D120Dfe
  • statusBar.border#0C100Cfe
  • statusBar.debuggingBackground#580058a4
  • statusBar.debuggingBorder#0C100Cfe
  • statusBar.debuggingForeground#CDFBCDce
  • statusBar.focusBorder#0A0B0E00
  • statusBar.foreground#ADC3AD6e
  • statusBar.noFolderBackground#0D120Dfe
  • statusBar.noFolderBorder#0C100Cfe
  • statusBar.noFolderForeground#CDFBCDce
  • statusBarItem.activeBackground#0D120Dfe
  • statusBarItem.compactHoverBackground#0D120Dfe
  • statusBarItem.errorBackground#5800589d
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#580058c8
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0E0B0A00
  • statusBarItem.hoverBackground#0D120Dfe
  • statusBarItem.hoverForeground#D3AE10fe
  • statusBarItem.offlineBackground#0D120Dfe
  • statusBarItem.offlineForeground#CDFBCDce
  • statusBarItem.offlineHoverBackground#0D120Dfe
  • statusBarItem.offlineHoverForeground#D3AD0Cfe
  • statusBarItem.prominentBackground#0D120Dfe
  • statusBarItem.prominentForeground#CDFBCDce
  • statusBarItem.prominentHoverBackground#0D120Dfe
  • statusBarItem.prominentHoverForeground#D3AE0Dfe
  • statusBarItem.remoteBackground#D3AE0Afe
  • statusBarItem.remoteForeground#0D120Dfe
  • statusBarItem.remoteHoverBackground#0D120Dfe
  • statusBarItem.remoteHoverForeground#D3AE0Efe
  • statusBarItem.warningBackground#382E00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#382E00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#C9B8C2fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#E1DAD8fe
  • symbolIcon.colorForeground#E8E3E1fe
  • symbolIcon.constantForeground#B8BDC8fe
  • symbolIcon.constructorForeground#CBCBBBfe
  • symbolIcon.enumeratorForeground#B6C7C5fe
  • symbolIcon.enumeratorMemberForeground#E5DFDDfe
  • symbolIcon.eventForeground#DDD6D3fe
  • symbolIcon.fieldForeground#E8E3E1fe
  • symbolIcon.fileForeground#DDD8E1fe
  • symbolIcon.folderForeground#E5E5DDfe
  • symbolIcon.functionForeground#CFCFC0fe
  • symbolIcon.interfaceForeground#D6D6C9fe
  • symbolIcon.keyForeground#C9D7C9fe
  • symbolIcon.keywordForeground#D1C9D6fe
  • symbolIcon.methodForeground#E1E8E7fe
  • symbolIcon.moduleForeground#C4D2D0fe
  • symbolIcon.namespaceForeground#C4C4B1fe
  • symbolIcon.nullForeground#CBBBC4fe
  • symbolIcon.numberForeground#CBCBBBfe
  • symbolIcon.objectForeground#D8DAE1fe
  • symbolIcon.operatorForeground#BBBFCBfe
  • symbolIcon.packageForeground#D5CEDAfe
  • symbolIcon.propertyForeground#CFCFC0fe
  • symbolIcon.referenceForeground#D3D6DDfe
  • symbolIcon.snippetForeground#D6C9D1fe
  • symbolIcon.stringForeground#CBCBBBfe
  • symbolIcon.structForeground#DDDDD3fe
  • symbolIcon.textForeground#DADACEfe
  • symbolIcon.typeParameterForeground#C9B8C2fe
  • symbolIcon.unitForeground#DAD1CEfe
  • symbolIcon.variableForeground#CED1DAfe
  • tab.activeBackground#0F150Ffe
  • tab.activeBorder#0E0E0A00
  • tab.activeBorderTop#D3AE0Dfe
  • tab.activeForeground#D0AD0Cfe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0A0E0A00
  • tab.hoverBackground#BFBFAAa7
  • tab.hoverBorder#0C100Cfe
  • tab.hoverForeground#D2AD09fe
  • tab.inactiveBackground#14351497
  • tab.inactiveForeground#3ECB3E65
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0C100Cfe
  • tab.unfocusedActiveBackground#1D271D26
  • tab.unfocusedActiveBorder#0E0B0A00
  • tab.unfocusedActiveBorderTop#1C321C65
  • tab.unfocusedActiveForeground#3ACB3A65
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#ADC2AD3d
  • tab.unfocusedHoverBorder#1D271D3b
  • tab.unfocusedHoverForeground#9DB79D65
  • tab.unfocusedInactiveBackground#2736279d
  • tab.unfocusedInactiveForeground#98B39865
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c6
  • 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#670067ae
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeab
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161e16fe
  • terminal.border#0C100Cfe
  • terminal.dropBackground#161e16fe
  • terminal.findMatchBackground#161e16fe
  • terminal.findMatchBorder#0C100Cfe
  • terminal.findMatchHighlightBackground#161e16fe
  • terminal.findMatchHighlightBorder#0C100Cfe
  • terminal.foreground#ADC3ADae
  • terminal.hoverHighlightBackground#161e16fe
  • terminal.inactiveSelectionBackground#27362792
  • terminal.selectionBackground#4F4F3C89
  • terminal.selectionForeground#E5E5DDca
  • terminal.tab.activeBorder#D3AE11fe
  • terminalCommandDecoration.defaultBackground#ADC2ADa8
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161e16fe
  • terminalCursor.foreground#D3AE10fe
  • terminalOverviewRuler.cursorForeground#CDFBCDce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0be
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#DCBF41fe
  • testing.message.error.lineBackground#580058ba
  • testing.message.info.decorationForeground#E1C54Dfe
  • testing.message.info.lineBackground#0000A7fe
  • testing.peekBorder#0C100Cfe
  • testing.peekHeaderBackground#161e16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161e16fe
  • textBlockQuote.border#0C100Cfe
  • textCodeBlock.background#161e16fe
  • textLink.activeForeground#D3AE0Efe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#CDFBCDce
  • textSeparator.foreground#CDFBCDce
  • titleBar.activeBackground#0D120Dfe
  • titleBar.activeForeground#74C374ae
  • titleBar.border#0A0E0A00
  • titleBar.inactiveBackground#192219d7
  • titleBar.inactiveForeground#3ECB3E65
  • toolbar.activeBackground#19332F84
  • toolbar.hoverBackground#161e16fe
  • toolbar.hoverOutline#0E0B0A00
  • tree.inactiveIndentGuidesStroke#B9B9A335
  • tree.indentGuidesStroke#E4C853fe
  • tree.tableColumnsBorder#0C100Cfe
  • tree.tableOddRowsBackground#161e16fe
  • walkThrough.embeddedEditorBackground#161e16fe
  • walkthrough.stepTitle.foreground#CDFBCDce
  • welcomePage.background#161e16fe
  • welcomePage.progress.background#161e16fe
  • welcomePage.progress.foreground#CDFBCDce
  • welcomePage.tileBackground#161e16fe
  • welcomePage.tileBorder#0C100Cfe
  • welcomePage.tileHoverBackground#161e16fe
  • widget.border#0C100Cfe
  • widget.shadow#0A0E0A00
  • window.activeBorder#0C100Cfe
  • window.inactiveBorder#11361193

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#84D9846e
comment.block.html#82DA826e
comment.block.java#7BDB7B6e
comment.block.javadoc.java#82DA826e
comment.block.powershell#84D9846e
comment.block.xml#7DDB7D6e
comment.line.double-slash.c#7DDB7D6e
comment.line.double-slash.cpp#82DA826e
comment.line.double-slash.java#7BDB7B6e
comment.line.double-slash.js#7BDB7B6e
comment.line.number-sign.makefile#7DDB7D6e
comment.line.number-sign.python#82DA826e
comment.line.number-sign.yaml#84D9846e
comment.line.percentage.erlang#82DA826e
comment.line.powershell#7DDB7D6e
comment.source.cmake#84D9846e
comment.source.cmakecache#82DA826e
constant.character#52E20Fde
constant.character.character-class.regexp#F79F9Fde
constant.character.escape#51E210de
constant.character.set.regexp#97CCF6de
constant.language#50E10Ede
constant.numeric#51E110de
constant.numeric.dec.python#CCBDFBde
constant.other.caps.python#EBC20Ede
constant.other.character-class.regexp#10E185de
constant.other.character-class.set.regexp#0FE285de
constant.other.color.rgb-value#EBC10Dde
constant.other.placeholder#4DE20Ade
constant.other.rgb-value#50E20Fde
constant.regexp#EF7CE0de
constant.sha.git-rebase#4FE10Fde
emphasis#0AE284de
entity.name.class#EBC10Dde
entity.name.function#51E20Ede
entity.name.function.preprocessor#EBC20Ade
entity.name.function.python#52E210de
entity.name.label#10E185de
entity.name.namespace#10E286de
entity.name.operator#88C4F3de
entity.name.operator.custom-literal#B099F3de
entity.name.scope-resolution#0DE285de
entity.name.tag#0EE284de
entity.name.tag.css#4FE10Fde
entity.name.type#0FE285de
entity.name.variable#8ECDFDde
entity.other.attribute#8DCCFEde
entity.other.attribute-name#EF7CE0de
entity.other.attribute-name.class.css#F590E8de
entity.other.attribute-name.class.mixin.css#F38989de
entity.other.attribute-name.id#52E20Fde
entity.other.attribute-name.id.css#F79EECde
entity.other.attribute-name.parent-selector.css#63ADE8de
entity.other.attribute-name.pseudo-class.css#B09AF1de
entity.other.attribute-name.pseudo-element.css#ED7EDFde
entity.other.attribute-name.scss#F79EECde
entity.other.document.begin.yaml#7BDB7B6e
entity.other.inherited-class#0CE285de
header#52E20Fde
invalid#E9C10Fde
keyword#EAC10Dde
keyword.codetag.notation.python#63ADE8de
keyword.control#EE8A8Ade
keyword.control.anchor.regexp#FEB2B2de
keyword.control.import.python#51E110de
keyword.operator#0CE285de
keyword.operator.alignas#B09AF1de
keyword.operator.alignof#0FE285de
keyword.operator.cast#EF7CE0de
keyword.operator.delete#52E20Fde
keyword.operator.documentation.powershell#7DDB7D6e
keyword.operator.expression#51E110de
keyword.operator.instanceof#8ECDFDde
keyword.operator.logical.python#51E20Ede
keyword.operator.minus.exponent#10E286de
keyword.operator.negation.regexp#FEB2B2de
keyword.operator.new#66B0EAde
keyword.operator.noexcept#50E20Fde
keyword.operator.or.regexp#63ADE8de
keyword.operator.plus.exponent#F8A6EEde
keyword.operator.quantifier.regexp#EF8A8Ade
keyword.operator.sizeof#F388E6de
keyword.operator.typeid#0FE285de
keyword.operator.wordlike#97CCF6de
keyword.other.operator#7ABCF0de
keyword.other.package.java#AF9AF1de
keyword.other.unit#EC7FDEde
keyword.other.using#AF9AF1de
markup.bold#52E20Fde
markup.changed#B09AF0de
markup.deleted#EBC20Ede
markup.fenced_code.block.markdown#10E286de
markup.heading#0FE285de
markup.inline.raw#B09AF3de
markup.inserted#EE8A8Ade
markup.italic#10E185de
markup.raw.block.markdown#B09AF3de
markup.strikethrough#F69898de
markup.underline#50E10Ede
meta.block.c#52E110de
meta.block.c#EBC20Fde
meta.class.java#EBC20Ede
meta.definition.variable.name#51E20Ede
meta.diff.header#4EE20Cde
meta.embedded#FEA9F4de
meta.embedded.assembly#EE8A8Ade
meta.function-call.arguments.python#ECC20Ede
meta.function-call.python#BAA6F8de
meta.member.access.python#BAA6F8de
meta.method.java#88C4F3de
meta.object-literal.key#B099F3de
meta.paragraph.markdown#EE8A8Ade
meta.preprocessor#50E20Fde
meta.preprocessor.numeric#F08989de
meta.preprocessor.string#4FE10Fde
meta.scope.prerequisites.makefile#0EE284de
meta.structure.dictionary.json.comments#7BDB7B6e
meta.structure.dictionary.key.python#F08989de
meta.structure.dictionary.value.json.comments#7BDB7B6e
meta.template.expression#0CE285de
meta.type.cast.expr#F388E6de
meta.type.new.expr#F79EECde
parameter#63ADE8de
punctuation.character.set.begin.regexp#ECC20Fde
punctuation.character.set.end.regexp#AF9AF1de
punctuation.definition.array.begin.json#51E210de
punctuation.definition.character-class.regexp#51E20Dde
punctuation.definition.comment#7DDB7D6e
punctuation.definition.comment.json.comments#7DDB7D6e
punctuation.definition.comment.python#84D9846e
punctuation.definition.dictionary.begin.json#66B0EAde
punctuation.definition.dictionary.end.json#EE7DDFde
punctuation.definition.group.assertion.regexp#EC7FDEde
punctuation.definition.group.regexp#EAC10Fde
punctuation.definition.list.begin.json#EF7CE0de
punctuation.definition.list.begin.markdown#6DB4ECde
punctuation.definition.list.begin.python#8ECDFDde
punctuation.definition.list.end.json#FEA9F3de
punctuation.definition.list.end.markdown#0DE285de
punctuation.definition.list.end.python#74B8EEde
punctuation.definition.parameters.begin.python#ECC20Ede
punctuation.definition.parameters.end.bracket.round.java#4DE20Ade
punctuation.definition.quote.begin.markdown#FEA9F3de
punctuation.definition.tag#EAC10Dde
punctuation.definition.template-expression.begin#F38989de
punctuation.definition.template-expression.end#74B8EEde
punctuation.section.class.begin.bracket.curly.java#90C8F5de
punctuation.section.embedded#F388E6de
punctuation.section.embedded.begin.php#66B0EAde
punctuation.section.embedded.end.php#51E10Ede
punctuation.terminator.java#B09AF3de
source.cmake#0FE183de
source.coffee.embedded#8DCCFEde
source.cpp#51E20Ede
source.css.less#C6B5FAde
source.groovy.embedded#0EE185de
source.java#E9C10Cde
source.java-properties#C0ADF9de
source.json.comments#84D9846e
source.makefile#AF99F2de
source.powershell#0CE285de
source.powershell.variable.other.member#51E110de
source.python#E9C10Fde
storage#EBC10Fde
storage.modifier#4EE20Cde
storage.modifier.import.java#50E20Fde
storage.modifier.package.java#FEABABde
storage.type#F49090de
storage.type.annotation.groovy#0AE284de
storage.type.annotation.java#8DCCFDde
storage.type.boolean.go#EAC10Fde
storage.type.byte.go#FEB2B2de
storage.type.cs#EAC20Ede
storage.type.error.go#10E185de
storage.type.generic.cs#90C8F5de
storage.type.generic.groovy#0EE185de
storage.type.generic.java#B099F3de
storage.type.groovy#EBC10Fde
storage.type.java#0DE285de
storage.type.modifier.cs#8ECDFEde
storage.type.numeric.go#6DB4ECde
storage.type.object.array.groovy#EAC10Dde
storage.type.object.array.java#0FE183de
storage.type.parameters.groovy#74B8EEde
storage.type.primitive.array.groovy#B099F3de
storage.type.primitive.array.java#97CCF6de
storage.type.primitive.groovy#EBC10Fde
storage.type.primitive.java#EAC10Dde
storage.type.rune.go#74B8EEde
storage.type.string.go#F49090de
storage.type.token.java#F388E6de
storage.type.uintptr.go#EE7DDFde
storage.type.variable.cs#AF98F5de
string#EE8A8Ade
string.quoted.docstring.multi.python#84D9846e
string.regexp#10E184de
string.tag#EF7CE0de
string.value#4DE20Ade
strong#EE8A8Ade
support.class#97CCF6de
support.constant.color#F69898de
support.constant.dom#4DE20Ade
support.constant.font-name#52E110de
support.constant.handlebars#8DCCFEde
support.constant.json#0FE183de
support.constant.math#ECC20Fde
support.constant.media#4EE20Cde
support.constant.media-type#ED7EDFde
support.constant.property-value#E9C10Cde
support.function#F697EAde
support.function.git-rebase#4FE10Fde
support.other.parenthesis.regexp#C6B5FAde
support.type#51E20Dde
support.type.property-name#63ADE8de
support.type.vendored.property-name#F181E3de
support.variable#EBC20Ede
token.debug-token#ECC20Ede
token.error-token#F181E3de
token.info-token#ED8B8Bde
token.warn-token#FEA9F4de
variable#FEB2B2de
variable.css#8ECDFDde
variable.language#51E10Ede
variable.language.wildcard.java#EBC20Fde
variable.other.constant#EAC10Fde
variable.other.definition.java#90C8F5de
variable.other.enummember#F69898de
variable.other.less#F79EECde
variable.other.object.java#AF98F4de
variable.other.object.property.java#FEA9F4de
variable.parameter.c#81C0F1de
variable.parameter.function.language.python#10E184de
variable.parameter.java#B49EF7de
variable.scss#51E10Ede
viiv by B.W - VS Code Theme