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#151e1efe
  • activityBar.activeBackground#151e1efe
  • activityBar.activeBorder#0DCA77fe
  • activityBar.activeFocusBorder#50715000
  • activityBar.background#0D1313fe
  • activityBar.border#7B5F8500
  • activityBar.dropBorder#0FCB78fe
  • activityBar.foreground#0CCB77fe
  • activityBar.inactiveForeground#95B5B565
  • activityBarBadge.background#09CB76fe
  • activityBarBadge.foreground#0D1313fe
  • badge.background#10CA79fe
  • badge.foreground#0D1313fe
  • banner.background#151e1efe
  • banner.foreground#C6FAFAce
  • banner.iconForeground#DED6E2fe
  • breadcrumb.activeSelectionForeground#E9E3E0ca
  • breadcrumb.background#0E1515fe
  • breadcrumb.focusForeground#0FCB7Afe
  • breadcrumb.foreground#EAF0F0ae
  • breadcrumbPicker.background#151e1efe
  • button.background#3E5959ae
  • button.border#0E0B0A00
  • button.foreground#C6FAFAce
  • button.hoverBackground#425E5E6e
  • button.secondaryBackground#151e1efe
  • button.secondaryForeground#C6FAFAce
  • button.secondaryHoverBackground#151e1efe
  • button.separator#0A0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#C6FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B1010fe
  • chat.slashCommandBackground#151e1efe
  • chat.slashCommandForeground#C6FAFAce
  • checkbox.background#0B1010fe
  • checkbox.border#0B1010fe
  • checkbox.foreground#C6FAFAce
  • checkbox.selectBackground#0B1010fe
  • checkbox.selectBorder#0B1010fe
  • commandCenter.activeBackground#412B218b
  • commandCenter.activeBorder#0B1010fe
  • commandCenter.activeForeground#0DCB78fe
  • commandCenter.background#151e1efe
  • commandCenter.border#0B1010fe
  • commandCenter.foreground#C6FAFAce
  • commandCenter.inactiveBorder#13363694
  • commandCenter.inactiveForeground#3EC2C265
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0A00
  • contrastBorder#0D0A0E00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C6FAFAce
  • debugConsole.sourceForeground#C6FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B9BCCDfe
  • debugExceptionWidget.background#5C005Cb2
  • debugExceptionWidget.border#0B1010fe
  • debugIcon.breakpointCurrentStackframeForeground#CAD1BDfe
  • debugIcon.breakpointDisabledForeground#A8C2C265
  • debugIcon.breakpointForeground#B3CAB3fe
  • debugIcon.breakpointStackframeForeground#CED4C2fe
  • debugIcon.breakpointUnverifiedForeground#D6E2E2fe
  • debugIcon.continueForeground#DBCCD3fe
  • debugIcon.disconnectForeground#BABCCEfe
  • debugIcon.pauseForeground#E0E9E0fe
  • debugIcon.restartForeground#B8CDB8fe
  • debugIcon.startForeground#BDD1D1fe
  • debugIcon.stepBackForeground#BEC6AEfe
  • debugIcon.stepIntoForeground#D2D8C7fe
  • debugIcon.stepOutForeground#D6DBCCfe
  • debugIcon.stepOverForeground#E2DBE6fe
  • debugIcon.stopForeground#C6B8CDfe
  • debugTokenExpression.boolean#DADFD1ca
  • debugTokenExpression.error#DBDDE6ca
  • debugTokenExpression.name#DBCCD3ca
  • debugTokenExpression.number#CCDBDBca
  • debugTokenExpression.value#D6CCDBca
  • debugToolBar.background#5C005Cad
  • debugToolBar.border#0B1010fe
  • debugView.exceptionLabelBackground#1D3232ca
  • debugView.exceptionLabelForeground#E2DAD6ca
  • debugView.stateLabelBackground#1E361Eca
  • debugView.stateLabelForeground#DFD1D7ca
  • debugView.valueChangedHighlight#D1DFDFca
  • descriptionForeground#C6FAFAce
  • diffEditor.border#0E0B0A00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123814fb
  • diffEditor.insertedTextBorder#0E0A0C00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0E0A0C00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#690000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • diffEditor.unchangedCodeBackground#151e1efe
  • diffEditor.unchangedRegionBackground#151e1efe
  • diffEditor.unchangedRegionForeground#C6FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#A8C2C265
  • dropdown.background#0B1010fe
  • dropdown.border#0B1010fe
  • dropdown.foreground#C6FAFAce
  • dropdown.listBackground#0B1010fe
  • editor.background#151e1efe
  • editor.findMatchBackground#3A5252ad
  • editor.findMatchBorder#0B1010fe
  • editor.findMatchHighlightBackground#634552a8
  • editor.findMatchHighlightBorder#0B1010fe
  • editor.findRangeHighlightBackground#3E5959a8
  • editor.findRangeHighlightBorder#0B1010fe
  • editor.focusedStackFrameHighlightBackground#5D4A4089
  • editor.foldBackground#CDB8C2aa
  • editor.foreground#C6FAFAce
  • editor.hoverHighlightBackground#5C4940a6
  • editor.inactiveSelectionBackground#39525297
  • editor.inlineValuesBackground#151e1efe
  • editor.inlineValuesForeground#C6FAFAce
  • editor.lineHighlightBackground#263636b2
  • editor.lineHighlightBorder#0D0E0A00
  • editor.linkedEditingBackground#151e1efe
  • editor.rangeHighlightBackground#5B4665a6
  • editor.rangeHighlightBorder#0B1010fe
  • editor.selectionBackground#3A533Aab
  • editor.selectionForeground#E0E9E0ca
  • editor.selectionHighlightBackground#59634581
  • editor.selectionHighlightBorder#0B1010fe
  • editor.snippetFinalTabstopHighlightBackground#677250a3
  • editor.snippetFinalTabstopHighlightBorder#0B1010fe
  • editor.snippetTabstopHighlightBackground#496868a9
  • editor.snippetTabstopHighlightBorder#0B1010fe
  • editor.stackFrameHighlightBackground#484B67ab
  • editor.symbolHighlightBackground#496849a7
  • editor.symbolHighlightBorder#0B1010fe
  • editor.wordHighlightBackground#3A533Aae
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#677250ab
  • editor.wordHighlightStrongBorder#0A0E0A00
  • editor.wordHighlightTextBackground#626D4Ca1
  • editor.wordHighlightTextBorder#0A0E0E00
  • editorBracketHighlight.foreground1#F4F7F7ce
  • editorBracketHighlight.foreground2#F4F7F7ce
  • editorBracketHighlight.foreground3#F4F7F7ce
  • editorBracketHighlight.foreground4#F4F7F7ce
  • editorBracketHighlight.foreground5#F4F7F7ce
  • editorBracketHighlight.foreground6#F4F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C6FAFAce
  • editorBracketMatch.background#B9BCCEac
  • editorBracketMatch.border#0B1010fe
  • editorBracketPairGuide.activeBackground1#C7B9CE82
  • editorBracketPairGuide.activeBackground2#C6B8CD83
  • editorBracketPairGuide.activeBackground3#C7B9CE81
  • editorBracketPairGuide.activeBackground4#BABDCF86
  • editorBracketPairGuide.activeBackground5#B9C2A78e
  • editorBracketPairGuide.activeBackground6#CDB8C182
  • editorBracketPairGuide.background1#1D341Dfe
  • editorBracketPairGuide.background2#1C3333fe
  • editorBracketPairGuide.background3#3A2A42fe
  • editorBracketPairGuide.background4#1E351Efe
  • editorBracketPairGuide.background5#2C2F49fe
  • editorBracketPairGuide.background6#2B2F43fe
  • editorCodeLens.foreground#A9C2C26e
  • editorCommentsWidget.rangeActiveBackground#A8C2C2fe
  • editorCommentsWidget.rangeBackground#151e1efe
  • editorCommentsWidget.resolvedBorder#0B1010fe
  • editorCommentsWidget.unresolvedBorder#670000cb
  • editorCursor.background#151e1efe
  • editorCursor.foreground#0BCA76fe
  • editorError.background#0E0A0C00
  • editorError.border#0E0B0A00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#151e1efe
  • editorGhostText.border#0A0E0E00
  • editorGhostText.foreground#A7C2C26e
  • editorGroup.border#0B1010fe
  • editorGroup.dropBackground#151e1efe
  • editorGroup.dropIntoPromptBackground#151e1efe
  • editorGroup.dropIntoPromptBorder#0B1010fe
  • editorGroup.dropIntoPromptForeground#C6FAFAce
  • editorGroup.emptyBackground#151e1efe
  • editorGroup.focusedEmptyBorder#0B1010fe
  • editorGroupHeader.border#0E0A0C00
  • editorGroupHeader.noTabsBackground#0D1313ae
  • editorGroupHeader.tabsBackground#151E1Ea1
  • editorGroupHeader.tabsBorder#0D0E0A00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#151e1efe
  • editorGutter.commentGlyphForeground#C6FAFAce
  • editorGutter.commentRangeForeground#C6FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#C6FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0C00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0B1010fe
  • editorHoverWidget.border#0B1010fe
  • editorHoverWidget.foreground#C6FAFAce
  • editorHoverWidget.highlightForeground#DBE6DBca
  • editorHoverWidget.statusBarBackground#151e1efe
  • editorIndentGuide.activeBackground1#08CB77fe
  • editorIndentGuide.activeBackground2#0FCB79fe
  • editorIndentGuide.activeBackground3#0ACB77fe
  • editorIndentGuide.activeBackground4#0FCB79fe
  • editorIndentGuide.activeBackground5#0BCA77fe
  • editorIndentGuide.activeBackground6#0FCB79fe
  • editorIndentGuide.background1#86AA8635
  • editorIndentGuide.background2#A7819235
  • editorIndentGuide.background3#81A78135
  • editorIndentGuide.background4#BC9FAC35
  • editorIndentGuide.background5#BFADA435
  • editorIndentGuide.background6#BAA9C335
  • editorInfo.background#0A0E0E00
  • editorInfo.border#0A0E0E00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#151e1efe
  • editorInlayHint.foreground#C6FAFAce
  • editorInlayHint.parameterBackground#151e1efe
  • editorInlayHint.parameterForeground#C6FAFAce
  • editorInlayHint.typeBackground#151e1efe
  • editorInlayHint.typeForeground#C6FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0DCB78fe
  • editorLineNumber.dimmedForeground#A8C2C26e
  • editorLineNumber.foreground#A9C2C26e
  • editorLink.activeForeground#0BCA76fe
  • editorMarkerNavigation.background#0B1010fe
  • editorMarkerNavigationError.background#5C005Cbe
  • editorMarkerNavigationError.headerBackground#5C005Cbf
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151e1efe
  • editorOverviewRuler.border#153535fe
  • editorOverviewRuler.bracketMatchForeground#C6FAFAce
  • editorOverviewRuler.commentForeground#A9C2C26e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C6FAFAce
  • editorOverviewRuler.currentContentForeground#cececead
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E0E9E0ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CCDBDBca
  • editorOverviewRuler.wordHighlightStrongForeground#C6FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C6FAFAce
  • editorPane.background#151e1efe
  • editorRuler.foreground#AAC3C32a
  • editorStickyScroll.background#151e1efe
  • editorStickyScrollHover.background#2034346e
  • editorSuggestWidget.background#0B1010fe
  • editorSuggestWidget.border#0A0E0A00
  • editorSuggestWidget.focusHighlightForeground#EF9E75fe
  • editorSuggestWidget.foreground#E2DBE6fe
  • editorSuggestWidget.highlightForeground#D6E2E2ca
  • editorSuggestWidget.selectedBackground#49684984
  • editorSuggestWidget.selectedForeground#DBD1CCca
  • editorSuggestWidget.selectedIconForeground#E9E0E4ca
  • editorSuggestWidgetStatus.foreground#C7D8D8fe
  • editorUnicodeHighlight.background#5E4968a3
  • editorUnicodeHighlight.border#0B1010fe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0A0E00
  • editorWarning.border#0D0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C6FAFAce
  • editorWidget.background#0B1010fe
  • editorWidget.border#0B1010fe
  • editorWidget.foreground#C6FAFAce
  • editorWidget.resizeBorder#0B1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#10CA79fe
  • extensionBadge.remoteForeground#0D1313fe
  • extensionButton.background#183535ae
  • extensionButton.foreground#C6FAFAce
  • extensionButton.hoverBackground#2034346e
  • extensionButton.prominentBackground#151e1efe
  • extensionButton.prominentForeground#C6FAFAce
  • extensionButton.prominentHoverBackground#151e1efe
  • extensionButton.separator#0D0E0A00
  • extensionIcon.preReleaseForeground#CDB7C0fe
  • extensionIcon.sponsorForeground#DFD1D7fe
  • extensionIcon.starForeground#E2D6DCfe
  • extensionIcon.verifiedForeground#D1DFDFfe
  • focusBorder#0A0E0A00
  • foreground#C6FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#A9C2C2ae
  • inlineChat.background#3F2B34ca
  • inlineChat.border#3E264Aca
  • inlineChat.regionHighlight#DEE2D6ca
  • inlineChat.shadow#DFD6D1ca
  • inlineChatDiff.inserted#C7D8D8ca
  • inlineChatDiff.removed#CCDBDBca
  • inlineChatInput.background#E9E3E0ca
  • inlineChatInput.border#1D3232ca
  • inlineChatInput.focusBorder#0E0A0C00
  • inlineChatInput.placeholderForeground#D2D8C7ca
  • input.background#0B1010fe
  • input.border#0B1010fe
  • input.foreground#C6FAFAce
  • input.placeholderForeground#A9C3C365
  • inputOption.activeBackground#0B1010fe
  • inputOption.activeBorder#0B1010fe
  • inputOption.activeForeground#09CB76fe
  • inputOption.hoverBackground#0B1010fe
  • inputValidation.errorBackground#670067b7
  • inputValidation.errorBorder#5C005Cc9
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B1010fe
  • inputValidation.infoForeground#C6FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B1010fe
  • interactive.inactiveCodeBorder#1F2C2C94
  • keybindingLabel.background#151e1efe
  • keybindingLabel.border#0B1010fe
  • keybindingLabel.bottomBorder#0B1010fe
  • keybindingLabel.foreground#C6FAFAce
  • keybindingTable.headerBackground#151e1efe
  • keybindingTable.rowsBackground#151e1efe
  • list.activeSelectionBackground#72505F82
  • list.activeSelectionForeground#D2D8C7ca
  • list.activeSelectionIconForeground#E6DFDBca
  • list.deemphasizedForeground#C6FAFAce
  • list.dropBackground#151e1efe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#151e1efe
  • list.filterMatchBorder#0B1010fe
  • list.focusAndSelectionOutline#0E0A0C00
  • list.focusBackground#3A525297
  • list.focusForeground#0DCB78fe
  • list.focusHighlightForeground#95BF46fe
  • list.focusOutline#0E0A0C00
  • list.highlightForeground#CCDBCCca
  • list.hoverBackground#223122a7
  • list.hoverForeground#0CCB77fe
  • list.inactiveFocusBackground#2636369a
  • list.inactiveFocusOutline#0A0E0E00
  • list.inactiveSelectionBackground#0D1313ae
  • list.inactiveSelectionForeground#A8C2C265
  • list.inactiveSelectionIconForeground#A9C2C265
  • list.invalidItemForeground#C6FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151e1efe
  • listFilterWidget.noMatchesOutline#0E0B0A00
  • listFilterWidget.outline#0A0E0E00
  • listFilterWidget.shadow#0A0A0E00
  • menu.background#0D1313fe
  • menu.border#0D0E0A00
  • menu.foreground#EAF0F0ae
  • menu.selectionBackground#3A543Aac
  • menu.selectionBorder#0D0A0E00
  • menu.selectionForeground#0FCB7Afe
  • menu.separatorBackground#24333365
  • menubar.selectionBackground#3A533Aa7
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#09CB76fe
  • merge.border#0B1010fe
  • merge.commonContentBackground#151e1efe
  • merge.commonHeaderBackground#151e1efe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123814fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123814fb
  • mergeEditor.change.background#151e1efe
  • mergeEditor.change.word.background#151e1efe
  • mergeEditor.changeBase.background#151e1efe
  • mergeEditor.changeBase.word.background#151e1efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B1010fe
  • mergeEditor.conflict.handledUnfocused.border#1B27272e
  • mergeEditor.conflict.input1.background#0B1010fe
  • mergeEditor.conflict.input2.background#0B1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679b
  • mergeEditor.conflict.unhandledFocused.border#0B1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1822222b
  • mergeEditor.conflictingLines.background#151e1efe
  • minimap.background#151e1efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A8181fe
  • minimapSlider.background#3B5454ae
  • minimapSlider.hoverBackground#4563636e
  • notebook.cellBorderColor#0B1010fe
  • notebook.cellEditorBackground#151e1efe
  • notebook.cellHoverBackground#151e1efe
  • notebook.cellInsertionIndicator#DBD1CCca
  • notebook.cellStatusBarItemHoverBackground#151e1efe
  • notebook.cellToolbarSeparator#D6E2E2ca
  • notebook.editorBackground#151e1efe
  • notebook.focusedCellBackground#151e1efe
  • notebook.focusedCellBorder#0FCA79fe
  • notebook.focusedEditorBorder#0B1010fe
  • notebook.inactiveFocusedCellBorder#618B8B8e
  • notebook.inactiveSelectedCellBorder#5A81818e
  • notebook.outputContainerBackgroundColor#151e1efe
  • notebook.outputContainerBorderColor#0B1010fe
  • notebook.selectedCellBackground#151e1efe
  • notebook.selectedCellBorder#0B1010fe
  • notebook.symbolHighlightBackground#151e1efe
  • notebookEditorOverviewRuler.runningCellForeground#C6FAFAce
  • notebookScrollbarSlider.activeBackground#5A8181fe
  • notebookScrollbarSlider.background#3B5454ae
  • notebookScrollbarSlider.hoverBackground#425E5E6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#DFD1D7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B1010fe
  • notificationCenterHeader.background#151e1efe
  • notificationCenterHeader.foreground#C6FAFAce
  • notificationLink.foreground#C6FAFAce
  • notifications.background#151e1efe
  • notifications.border#0B1010fe
  • notifications.foreground#C6FAFAce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#E6DFDBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B1010fe
  • panel.background#151e1efe
  • panel.border#0B1010fe
  • panel.dropBorder#0B1010fe
  • panelInput.border#0B1010fe
  • panelSection.border#0B1010fe
  • panelSection.dropBackground#151e1efe
  • panelSectionHeader.background#151e1efe
  • panelSectionHeader.border#0B1010fe
  • panelSectionHeader.foreground#C6FAFAce
  • panelTitle.activeBorder#0A0E0E00
  • panelTitle.activeForeground#0BCA77fe
  • panelTitle.inactiveForeground#3BC4C465
  • peekView.border#07C976fe
  • peekViewEditor.background#0B1010fe
  • peekViewEditor.matchHighlightBackground#425E4284
  • peekViewEditor.matchHighlightBorder#0A0A0E00
  • peekViewEditorGutter.background#0B1010fe
  • peekViewEditorStickyScroll.background#151e1efe
  • peekViewResult.background#0D1313fe
  • peekViewResult.fileForeground#C6FAFAce
  • peekViewResult.lineForeground#C6FAFAce
  • peekViewResult.matchHighlightBackground#5D4A4183
  • peekViewResult.selectionBackground#4968498d
  • peekViewResult.selectionForeground#C7C9D8ca
  • peekViewTitle.background#0D1313fe
  • peekViewTitleDescription.foreground#C6FAFAce
  • peekViewTitleLabel.foreground#C6FAFAce
  • pickerGroup.border#0B1010fe
  • pickerGroup.foreground#C6FAFAce
  • ports.iconRunningProcessForeground#C6CDB8fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#09CB76fe
  • profileBadge.foreground#0D1313fe
  • progressBar.background#151e1efe
  • quickInput.background#0D1313fe
  • quickInput.foreground#E5EDEDae
  • quickInputList.focusBackground#50593Ea4
  • quickInputList.focusForeground#10CB7Afe
  • quickInputList.focusIconForeground#0FCB7Afe
  • quickInputTitle.background#0B1010fe
  • sash.hoverBorder#0B1010fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#577C7Cfe
  • scrollbarSlider.background#3E5959ae
  • scrollbarSlider.hoverBackground#5072726e
  • search.resultsInfoForeground#C6FAFAce
  • searchEditor.findMatchBackground#456363a9
  • searchEditor.findMatchBorder#0B1010fe
  • searchEditor.textInputBorder#0B1010fe
  • selection.background#151e1efe
  • settings.checkboxBackground#0B1010fe
  • settings.checkboxBorder#0B1010fe
  • settings.checkboxForeground#C6FAFAce
  • settings.dropdownBackground#0B1010fe
  • settings.dropdownBorder#0B1010fe
  • settings.dropdownForeground#C6FAFAce
  • settings.dropdownListBorder#0B1010fe
  • settings.focusedRowBackground#6B537787
  • settings.focusedRowBorder#0B1010fe
  • settings.headerBorder#0B1010fe
  • settings.headerForeground#C6FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B1010fe
  • settings.numberInputBorder#0B1010fe
  • settings.numberInputForeground#C6FAFAce
  • settings.rowHoverBackground#151e1efe
  • settings.sashBorder#0B1010fe
  • settings.settingsHeaderHoverForeground#29C681fe
  • settings.textInputBackground#0B1010fe
  • settings.textInputBorder#0B1010fe
  • settings.textInputForeground#C6FAFAce
  • sideBar.background#151e1efe
  • sideBar.border#0B1010fe
  • sideBar.dropBackground#151e1efe
  • sideBar.foreground#A9C2C2ae
  • sideBarSectionHeader.background#0A0A0E00
  • sideBarSectionHeader.border#0B1010fe
  • sideBarSectionHeader.foreground#C6FAFAce
  • sideBarTitle.foreground#C6FAFAce
  • sideBySideEditor.horizontalBorder#0B1010fe
  • sideBySideEditor.verticalBorder#0B1010fe
  • simpleFindWidget.sashBorder#0B1010fe
  • statusBar.background#0D1313fe
  • statusBar.border#0B1010fe
  • statusBar.debuggingBackground#5C005Cb8
  • statusBar.debuggingBorder#0B1010fe
  • statusBar.debuggingForeground#C6FAFAce
  • statusBar.focusBorder#0E0B0A00
  • statusBar.foreground#A8C2C26e
  • statusBar.noFolderBackground#0D1313fe
  • statusBar.noFolderBorder#0B1010fe
  • statusBar.noFolderForeground#C6FAFAce
  • statusBarItem.activeBackground#0D1313fe
  • statusBarItem.compactHoverBackground#0D1313fe
  • statusBarItem.errorBackground#5C005Ca0
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5C005Ca3
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0E0A0C00
  • statusBarItem.hoverBackground#0D1313fe
  • statusBarItem.hoverForeground#0FCA79fe
  • statusBarItem.offlineBackground#0D1313fe
  • statusBarItem.offlineForeground#C6FAFAce
  • statusBarItem.offlineHoverBackground#0D1313fe
  • statusBarItem.offlineHoverForeground#29C681fe
  • statusBarItem.prominentBackground#0D1313fe
  • statusBarItem.prominentForeground#C6FAFAce
  • statusBarItem.prominentHoverBackground#0D1313fe
  • statusBarItem.prominentHoverForeground#10CA79fe
  • statusBarItem.remoteBackground#0CCB77fe
  • statusBarItem.remoteForeground#0D1313fe
  • statusBarItem.remoteHoverBackground#0D1313fe
  • statusBarItem.remoteHoverForeground#0ECA77fe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#C2C4D4fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D1BDC6fe
  • symbolIcon.colorForeground#E6E0E9fe
  • symbolIcon.constantForeground#CCCEDBfe
  • symbolIcon.constructorForeground#C7C9D8fe
  • symbolIcon.enumeratorForeground#E2DAD6fe
  • symbolIcon.enumeratorMemberForeground#C6B8CDfe
  • symbolIcon.eventForeground#E2DAD6fe
  • symbolIcon.fieldForeground#DAD1DFfe
  • symbolIcon.fileForeground#E6E0E9fe
  • symbolIcon.folderForeground#D1C4BDfe
  • symbolIcon.functionForeground#C2C4D4fe
  • symbolIcon.interfaceForeground#BEC6AEfe
  • symbolIcon.keyForeground#D6E2D6fe
  • symbolIcon.keywordForeground#D8CDC7fe
  • symbolIcon.methodForeground#D8CDC7fe
  • symbolIcon.moduleForeground#BDD1BDfe
  • symbolIcon.namespaceForeground#C6B8CDfe
  • symbolIcon.nullForeground#CCCEDBfe
  • symbolIcon.numberForeground#B3CACAfe
  • symbolIcon.objectForeground#DFD1D7fe
  • symbolIcon.operatorForeground#E2DAD6fe
  • symbolIcon.packageForeground#D6CCDBfe
  • symbolIcon.propertyForeground#AEC6C6fe
  • symbolIcon.referenceForeground#C2D4C2fe
  • symbolIcon.snippetForeground#CCCEDBfe
  • symbolIcon.stringForeground#DBCCD3fe
  • symbolIcon.structForeground#C7D8C7fe
  • symbolIcon.textForeground#E2E6DBfe
  • symbolIcon.typeParameterForeground#E9E0E4fe
  • symbolIcon.unitForeground#D8C7CFfe
  • symbolIcon.variableForeground#E9E0E4fe
  • tab.activeBackground#0E1515fe
  • tab.activeBorder#0D0E0A00
  • tab.activeBorderTop#0ACB77fe
  • tab.activeForeground#0FCB79fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0E0A0C00
  • tab.hoverBackground#ABC4ABa8
  • tab.hoverBorder#0B1010fe
  • tab.hoverForeground#10CA79fe
  • tab.inactiveBackground#10363699
  • tab.inactiveForeground#35C4C465
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0B1010fe
  • tab.unfocusedActiveBackground#18222228
  • tab.unfocusedActiveBorder#0E0A0C00
  • tab.unfocusedActiveBorderTop#24333365
  • tab.unfocusedActiveForeground#95B5B565
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#A8C3C32a
  • tab.unfocusedHoverBorder#1B27273b
  • tab.unfocusedHoverForeground#35C4C465
  • tab.unfocusedInactiveBackground#1F2C2C9a
  • tab.unfocusedInactiveForeground#3EC2C265
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bc
  • 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#670067c6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9d
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151e1efe
  • terminal.border#0B1010fe
  • terminal.dropBackground#151e1efe
  • terminal.findMatchBackground#151e1efe
  • terminal.findMatchBorder#0B1010fe
  • terminal.findMatchHighlightBackground#151e1efe
  • terminal.findMatchHighlightBorder#0B1010fe
  • terminal.foreground#A9C2C2ae
  • terminal.hoverHighlightBackground#151e1efe
  • terminal.inactiveSelectionBackground#2D404097
  • terminal.selectionBackground#50725088
  • terminal.selectionForeground#C7D8D8ca
  • terminal.tab.activeBorder#10CA79fe
  • terminalCommandDecoration.defaultBackground#B8C0A6a3
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151e1efe
  • terminalCursor.foreground#10CB7Afe
  • terminalOverviewRuler.cursorForeground#C6FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c3
  • testing.iconUnset#808080c0
  • testing.message.error.decorationForeground#31D68Dfe
  • testing.message.error.lineBackground#5C005C99
  • testing.message.info.decorationForeground#31D78Efe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#0B1010fe
  • testing.peekHeaderBackground#151e1efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151e1efe
  • textBlockQuote.border#0B1010fe
  • textCodeBlock.background#151e1efe
  • textLink.activeForeground#09CB76fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#C6FAFAce
  • textSeparator.foreground#C6FAFAce
  • titleBar.activeBackground#0D1313fe
  • titleBar.activeForeground#67C0C0ae
  • titleBar.border#0E0B0A00
  • titleBar.inactiveBackground#1B2727d3
  • titleBar.inactiveForeground#3BC4C465
  • toolbar.activeBackground#46291B8a
  • toolbar.hoverBackground#151e1efe
  • toolbar.hoverOutline#0D0A0E00
  • tree.inactiveIndentGuidesStroke#9FBC9F35
  • tree.indentGuidesStroke#37DB93fe
  • tree.tableColumnsBorder#0B1010fe
  • tree.tableOddRowsBackground#151e1efe
  • walkThrough.embeddedEditorBackground#151e1efe
  • walkthrough.stepTitle.foreground#C6FAFAce
  • welcomePage.background#151e1efe
  • welcomePage.progress.background#151e1efe
  • welcomePage.progress.foreground#C6FAFAce
  • welcomePage.tileBackground#151e1efe
  • welcomePage.tileBorder#0B1010fe
  • welcomePage.tileHoverBackground#151e1efe
  • widget.border#0B1010fe
  • widget.shadow#0D0E0A00
  • window.activeBorder#0B1010fe
  • window.inactiveBorder#22313199

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#74D6D66e
comment.block.html#7CD4D46e
comment.block.java#76D5D56e
comment.block.javadoc.java#7CD4D46e
comment.block.powershell#7CD4D46e
comment.block.xml#74D6D66e
comment.line.double-slash.c#7CD4D46e
comment.line.double-slash.cpp#7BD4D46e
comment.line.double-slash.java#7BD4D46e
comment.line.double-slash.js#7CD4D46e
comment.line.number-sign.makefile#7CD4D46e
comment.line.number-sign.python#7BD4D46e
comment.line.number-sign.yaml#76D5D56e
comment.line.percentage.erlang#7CD4D46e
comment.line.powershell#76D5D56e
comment.source.cmake#76D5D56e
comment.source.cmakecache#7CD4D46e
constant.character#AF9AF1de
constant.character.character-class.regexp#F280E4de
constant.character.escape#A7A7A7de
constant.character.set.regexp#EDC20Cde
constant.language#AAAAAAde
constant.numeric#F9A5EEde
constant.numeric.dec.python#0CE385de
constant.other.caps.python#AF99F4de
constant.other.character-class.regexp#C5C5C5de
constant.other.character-class.set.regexp#80C0F2de
constant.other.color.rgb-value#EE7EE0de
constant.other.placeholder#ECC20Ede
constant.other.rgb-value#B3B3B3de
constant.regexp#4FE30Cde
constant.sha.git-rebase#4DE30Ade
emphasis#96CCF6de
entity.name.class#E9C20Cde
entity.name.function#C5C5C5de
entity.name.function.preprocessor#F9A5EEde
entity.name.function.python#0FE386de
entity.name.label#F17BE2de
entity.name.namespace#0BE385de
entity.name.operator#C0ACFAde
entity.name.operator.custom-literal#B09AF3de
entity.name.scope-resolution#ECC10Ede
entity.name.tag#6BB4EDde
entity.name.tag.css#4EE30Bde
entity.name.type#4FE10Ade
entity.name.variable#F89DECde
entity.other.attribute#B099F6de
entity.other.attribute-name#AAAAAAde
entity.other.attribute-name.class.css#0CE385de
entity.other.attribute-name.class.mixin.css#50E20Ede
entity.other.attribute-name.id#EF7EE1de
entity.other.attribute-name.id.css#A7A7A7de
entity.other.attribute-name.parent-selector.css#0CE284de
entity.other.attribute-name.pseudo-class.css#B099F6de
entity.other.attribute-name.pseudo-element.css#79BCF1de
entity.other.attribute-name.scss#C4C4C4de
entity.other.document.begin.yaml#7CD4D46e
entity.other.inherited-class#ECC20Ede
header#4EE20Cde
invalid#F696EAde
keyword#F07CE1de
keyword.codetag.notation.python#A7A7A7de
keyword.control#AAAAAAde
keyword.control.anchor.regexp#50E20Ede
keyword.control.import.python#EBC20Cde
keyword.operator#F696EAde
keyword.operator.alignas#EEC10Ade
keyword.operator.alignof#61AEE9de
keyword.operator.cast#ECC20Ede
keyword.operator.delete#F17BE2de
keyword.operator.documentation.powershell#76D5D56e
keyword.operator.expression#0FE386de
keyword.operator.instanceof#F89DECde
keyword.operator.logical.python#EE7EE0de
keyword.operator.minus.exponent#AF9AF1de
keyword.operator.negation.regexp#0AE185de
keyword.operator.new#F696EAde
keyword.operator.noexcept#AF99F4de
keyword.operator.or.regexp#C6C6C6de
keyword.operator.plus.exponent#C0ACFAde
keyword.operator.quantifier.regexp#8CCDFDde
keyword.operator.sizeof#4FE10Ade
keyword.operator.typeid#ECC10Bde
keyword.operator.wordlike#AF99F4de
keyword.other.operator#C6B4FBde
keyword.other.package.java#ECC10Ede
keyword.other.unit#EBC20Cde
keyword.other.using#0FE285de
markup.bold#B09AF5de
markup.changed#B09AF3de
markup.deleted#CCBCFBde
markup.fenced_code.block.markdown#FEAAF4de
markup.heading#61AEE9de
markup.inline.raw#EBC30Ede
markup.inserted#B49DF8de
markup.italic#C4C4C4de
markup.raw.block.markdown#B099F6de
markup.strikethrough#51E30Ede
markup.underline#8EC8F5de
meta.block.c#EAC10Dde
meta.block.c#AF99F4de
meta.class.java#CDBCFEde
meta.definition.variable.name#FAACF0de
meta.diff.header#F58EE8de
meta.embedded#C4C4C4de
meta.embedded.assembly#51E30Ede
meta.function-call.arguments.python#AAAAAAde
meta.function-call.python#FAACF0de
meta.member.access.python#50E10Ede
meta.method.java#0CE284de
meta.object-literal.key#C6B4FBde
meta.paragraph.markdown#0CE286de
meta.preprocessor#8ECDFEde
meta.preprocessor.numeric#C6C6C6de
meta.preprocessor.string#C6C6C6de
meta.scope.prerequisites.makefile#EAC20Ade
meta.structure.dictionary.json.comments#74D6D66e
meta.structure.dictionary.key.python#6BB4EDde
meta.structure.dictionary.value.json.comments#7CD4D46e
meta.template.expression#B099F6de
meta.type.cast.expr#FEABF4de
meta.type.new.expr#0FE386de
parameter#F89DECde
punctuation.character.set.begin.regexp#C5C5C5de
punctuation.character.set.end.regexp#0EE285de
punctuation.definition.array.begin.json#EAC10Ede
punctuation.definition.character-class.regexp#64B0EBde
punctuation.definition.comment#76D5D56e
punctuation.definition.comment.json.comments#74D6D66e
punctuation.definition.comment.python#7BD4D46e
punctuation.definition.dictionary.begin.json#8ECDFEde
punctuation.definition.dictionary.end.json#50E10Ede
punctuation.definition.group.assertion.regexp#A7A7A7de
punctuation.definition.group.regexp#0AE384de
punctuation.definition.list.begin.json#C4C4C4de
punctuation.definition.list.begin.markdown#ECC20Ede
punctuation.definition.list.begin.python#E9C20Cde
punctuation.definition.list.end.json#ECC20Ede
punctuation.definition.list.end.markdown#EAC10Fde
punctuation.definition.list.end.python#FEAAF4de
punctuation.definition.parameters.begin.python#4DE30Ade
punctuation.definition.parameters.end.bracket.round.java#0CE385de
punctuation.definition.quote.begin.markdown#8ECDFEde
punctuation.definition.tag#BAA5F9de
punctuation.definition.template-expression.begin#50E20Cde
punctuation.definition.template-expression.end#EE7EE0de
punctuation.section.class.begin.bracket.curly.java#B3B3B3de
punctuation.section.embedded#ECC10Bde
punctuation.section.embedded.begin.php#96CCF6de
punctuation.section.embedded.end.php#FAACF0de
punctuation.terminator.java#EAC10Dde
source.cmake#EE7EE0de
source.coffee.embedded#0AE185de
source.cpp#71B8EFde
source.css.less#ED7EE0de
source.groovy.embedded#B099F1de
source.java#C6C6C6de
source.java-properties#50E20Fde
source.json.comments#74D6D66e
source.makefile#4DE30Ade
source.powershell#0EE285de
source.powershell.variable.other.member#0FE285de
source.python#EAC10Ede
storage#C4C4C4de
storage.modifier#87C4F4de
storage.modifier.import.java#71B8EFde
storage.modifier.package.java#B099F6de
storage.type#EAC20Ade
storage.type.annotation.groovy#0AE384de
storage.type.annotation.java#EF7EE1de
storage.type.boolean.go#F17BE2de
storage.type.byte.go#8ECDFEde
storage.type.cs#51E30Fde
storage.type.error.go#8CCDFDde
storage.type.generic.cs#BCBCBCde
storage.type.generic.groovy#8ECDFEde
storage.type.generic.java#AF99F4de
storage.type.groovy#ECC20Ede
storage.type.java#0FE386de
storage.type.modifier.cs#4DE30Ade
storage.type.numeric.go#BCBCBCde
storage.type.object.array.groovy#64B0EBde
storage.type.object.array.java#AF99F4de
storage.type.parameters.groovy#71B8EFde
storage.type.primitive.array.groovy#ECC10Ede
storage.type.primitive.array.java#61AEE9de
storage.type.primitive.groovy#F696EAde
storage.type.primitive.java#FEAAF4de
storage.type.rune.go#ECC10Bde
storage.type.string.go#B49DF8de
storage.type.token.java#EBC20Cde
storage.type.uintptr.go#F17BE2de
storage.type.variable.cs#A7A7A7de
string#4EE20Cde
string.quoted.docstring.multi.python#76D5D56e
string.regexp#50E10Ede
string.tag#FEAAF4de
string.value#0FE285de
strong#ECC20Ede
support.class#8EC8F5de
support.constant.color#C5C5C5de
support.constant.dom#AF99F4de
support.constant.font-name#C4C4C4de
support.constant.handlebars#CDBCFEde
support.constant.json#0FE285de
support.constant.math#C6C6C6de
support.constant.media#ECC20Ede
support.constant.media-type#BCBCBCde
support.constant.property-value#8DCDFDde
support.function#50E20Fde
support.function.git-rebase#F280E4de
support.other.parenthesis.regexp#71B8EFde
support.type#F696EAde
support.type.property-name#F487E6de
support.type.vendored.property-name#AF9AF1de
support.variable#50E20Fde
token.debug-token#ECC10Bde
token.error-token#50E20Fde
token.info-token#F89DECde
token.warn-token#ECC20Ede
variable#F58EE8de
variable.css#ECC10Ede
variable.language#AEAEAEde
variable.language.wildcard.java#0BE385de
variable.other.constant#EAC20Ade
variable.other.definition.java#0FE285de
variable.other.enummember#0AE185de
variable.other.less#F487E6de
variable.other.object.java#F07CE1de
variable.other.object.property.java#B099F6de
variable.parameter.c#FAACF0de
variable.parameter.function.language.python#4EE20Cde
variable.parameter.java#0EE285de
variable.scss#4EE20Cde
viiv by B.W - VS Code Theme