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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#087708fe
  • activityBar.activeFocusBorder#9636B600
  • activityBar.background#0E0E0Efe
  • activityBar.border#4F6F2E00
  • activityBar.dropBorder#067506fe
  • activityBar.foreground#067606fe
  • activityBar.inactiveForeground#64646465
  • activityBarBadge.background#0CB80Cfe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#0AC00Afe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#DDE1D7fe
  • breadcrumb.activeSelectionForeground#D8D8D8ca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#0AC00Afe
  • breadcrumb.foreground#E9E9E9ae
  • breadcrumbPicker.background#161616fe
  • button.background#3C3C3Cae
  • button.border#0B0D0900
  • button.foreground#B8B8B8ce
  • button.hoverBackground#3C3C3Cfe
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0D090A00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#1032328e
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#0AC00Afe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#2D2D2D93
  • commandCenter.inactiveForeground#64646465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#090D0A00
  • contrastBorder#0D090A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D7E1DAfe
  • debugExceptionWidget.background#550055a7
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#CFBFC4fe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#CFC8BFfe
  • debugIcon.breakpointStackframeForeground#DED3D6fe
  • debugIcon.breakpointUnverifiedForeground#C8B5BBfe
  • debugIcon.continueForeground#E5DCDFfe
  • debugIcon.disconnectForeground#C9D6D6fe
  • debugIcon.pauseForeground#E5E9E1fe
  • debugIcon.restartForeground#C6C6C6fe
  • debugIcon.startForeground#DCD3DEfe
  • debugIcon.stepBackForeground#E1E5DCfe
  • debugIcon.stepIntoForeground#D3DED6fe
  • debugIcon.stepOutForeground#B5C8C8fe
  • debugIcon.stepOverForeground#CBC4BAfe
  • debugIcon.stopForeground#BFCFCFfe
  • debugTokenExpression.boolean#D8CEDAca
  • debugTokenExpression.error#D7E1E1ca
  • debugTokenExpression.name#DDE1D7ca
  • debugTokenExpression.number#E0E0E0ca
  • debugTokenExpression.value#E1DDD7ca
  • debugToolBar.background#5500559e
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#252E19ca
  • debugView.exceptionLabelForeground#DCD3DEca
  • debugView.stateLabelBackground#342A1Cca
  • debugView.stateLabelForeground#E5E9E1ca
  • debugView.valueChangedHighlight#D9DED3ca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0C090D00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00350031
  • diffEditor.insertedTextBackground#0C330Efb
  • diffEditor.insertedTextBorder#090D0D00
  • diffEditor.move.border#090D0D00
  • diffEditor.moveActive.border#0C090D00
  • diffEditor.removedLineBackground#62000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#090D0A00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#4B6553ab
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#643E4Ba8
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#636E53ae
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#6A5E4F8c
  • editor.foldBackground#5EC7C7a7
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#73565Fa9
  • editor.inactiveSelectionBackground#49494998
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#383838b4
  • editor.lineHighlightBorder#0B0D0900
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#5B5B5Ba6
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#6C6C6Ca5
  • editor.selectionForeground#E5DCDFca
  • editor.selectionHighlightBackground#5E414A88
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#60484Fa2
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#654B53a3
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#384F4Faa
  • editor.symbolHighlightBackground#405656aa
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#405647ac
  • editor.wordHighlightBorder#0D0B0900
  • editor.wordHighlightStrongBackground#6E535Ba7
  • editor.wordHighlightStrongBorder#0A0A0A00
  • editor.wordHighlightTextBackground#4D5640a2
  • editor.wordHighlightTextBorder#0C090D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#9AC55Cad
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#5CCD8289
  • editorBracketPairGuide.activeBackground2#5EC7C78e
  • editorBracketPairGuide.activeBackground3#F0A3B983
  • editorBracketPairGuide.activeBackground4#E3A0EE8e
  • editorBracketPairGuide.activeBackground5#DBB17581
  • editorBracketPairGuide.activeBackground6#65CC8584
  • editorBracketPairGuide.background1#252E19fe
  • editorBracketPairGuide.background2#352B1Bfe
  • editorBracketPairGuide.background3#372B1Cfe
  • editorBracketPairGuide.background4#3E2144fe
  • editorBracketPairGuide.background5#372B1Cfe
  • editorBracketPairGuide.background6#402143fe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#610000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#0CBA0Cfe
  • editorError.background#090D0A00
  • editorError.border#090D0A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0B0D0900
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0D090A00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#161616a1
  • editorGroupHeader.tabsBorder#0D0B0900
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0D0900
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#DACED1ca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B8B8B8fe
  • editorIndentGuide.activeBackground2#B8B8B8fe
  • editorIndentGuide.activeBackground3#B8B8B8fe
  • editorIndentGuide.activeBackground4#B7B7B7fe
  • editorIndentGuide.activeBackground5#B7B7B7fe
  • editorIndentGuide.activeBackground6#B8B8B8fe
  • editorIndentGuide.background1#A3858D35
  • editorIndentGuide.background2#B29DB535
  • editorIndentGuide.background3#BCC4B035
  • editorIndentGuide.background4#98B29F35
  • editorIndentGuide.background5#85A3A335
  • editorIndentGuide.background6#98B29F35
  • editorInfo.background#0C090D00
  • editorInfo.border#0B0D0900
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0AC60Afe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#09C609fe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#550055b9
  • editorMarkerNavigationError.headerBackground#550055b8
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#342B00fe
  • editorMarkerNavigationWarning.headerBackground#342B00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cecece9d
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DACED1ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D7E1E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B83e
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0C090D00
  • editorStickyScrollHover.background#2D2D2Dfe
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#090D0D00
  • editorSuggestWidget.focusHighlightForeground#B72E53fe
  • editorSuggestWidget.foreground#C5B5C8fe
  • editorSuggestWidget.highlightForeground#E1E5DCca
  • editorSuggestWidget.selectedBackground#56735F84
  • editorSuggestWidget.selectedForeground#D8D8D8ca
  • editorSuggestWidget.selectedIconForeground#DED9D3ca
  • editorSuggestWidgetStatus.foreground#B5C8C8fe
  • editorUnicodeHighlight.background#6A4F57ae
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#332A00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0900
  • editorWarning.border#090D0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#0CB80Cfe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2D2D2Dfe
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0D090A00
  • extensionIcon.preReleaseForeground#D6C9CDfe
  • extensionIcon.sponsorForeground#C8CFBFfe
  • extensionIcon.starForeground#C8B5BBfe
  • extensionIcon.verifiedForeground#CBCBCBfe
  • focusBorder#090D0A00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#2C2C2Cca
  • inlineChat.border#2D2D2Dca
  • inlineChat.regionHighlight#DCE5E5ca
  • inlineChat.shadow#E1DDD7ca
  • inlineChatDiff.inserted#DCE5E5ca
  • inlineChatDiff.removed#DCE5DFca
  • inlineChatInput.background#E5DCDFca
  • inlineChatInput.border#1A2F2Fca
  • inlineChatInput.focusBorder#090D0D00
  • inlineChatInput.placeholderForeground#DCE5E5ca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#0AC60Afe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067aa
  • inputValidation.errorBorder#550055b8
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D95
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#6A5E4F84
  • list.activeSelectionForeground#D9DED3ca
  • list.activeSelectionIconForeground#DDE1D7ca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0B0D0900
  • list.focusBackground#49494997
  • list.focusForeground#0CB90Cfe
  • list.focusHighlightForeground#516B2Afe
  • list.focusOutline#0C090D00
  • list.highlightForeground#D7E1DAca
  • list.hoverBackground#2D2D2Dfe
  • list.hoverForeground#09C609fe
  • list.inactiveFocusBackground#2F2F2F99
  • list.inactiveFocusOutline#0A0A0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B9B9B965
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0B0D0900
  • listFilterWidget.outline#0A0A0A00
  • listFilterWidget.shadow#0B0D0900
  • menu.background#0E0E0Efe
  • menu.border#0C090D00
  • menu.foreground#B7B7B7ae
  • menu.selectionBackground#5F5F5Fa7
  • menu.selectionBorder#090D0D00
  • menu.selectionForeground#0C740Cfe
  • menu.separatorBackground#2C2C2C65
  • menubar.selectionBackground#5F5F5Fac
  • menubar.selectionBorder#0C090D00
  • menubar.selectionForeground#0CB80Cfe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00350031
  • merge.currentHeaderBackground#0C330Efb
  • merge.incomingContentBackground#103412cb
  • merge.incomingHeaderBackground#0C330Efb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#1E1E1E34
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#2222222a
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#797979fe
  • minimapSlider.background#454545ae
  • minimapSlider.hoverBackground#525252fe
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#DACED1ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DED9D3ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#0CBA0Cfe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#7070708e
  • notebook.inactiveSelectedCellBorder#7979798e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#797979fe
  • notebookScrollbarSlider.background#494949ae
  • notebookScrollbarSlider.hoverBackground#454545fe
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CFC8BFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C5B5C8fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#B8B8B8ce
  • panelTitle.activeBorder#090D0D00
  • panelTitle.activeForeground#057705fe
  • panelTitle.inactiveForeground#63636365
  • peekView.border#087508fe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#5B444B87
  • peekViewEditor.matchHighlightBorder#090D0D00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#445B5B8b
  • peekViewResult.selectionBackground#5B51448d
  • peekViewResult.selectionForeground#DDE1D7ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#DAD5CEfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0AC00Afe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#B8B8B8ae
  • quickInputList.focusBackground#445B5Ba2
  • quickInputList.focusForeground#0BC70Bfe
  • quickInputList.focusIconForeground#0CB90Cfe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0B0D0900
  • scrollbarSlider.activeBackground#6C6C6Cfe
  • scrollbarSlider.background#454545ae
  • scrollbarSlider.hoverBackground#565656fe
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#5C4860a5
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#643E4B85
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#0BBD0Bfe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0C090D00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#550055be
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0C090D00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055a6
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#5500559a
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C090D00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#0AC00Afe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#09C609fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#0BBD0Bfe
  • statusBarItem.remoteBackground#0CBA0Cfe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#0CB80Cfe
  • statusBarItem.warningBackground#342B00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#342B00fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#E0D7E1fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#D1D6C9fe
  • symbolIcon.colorForeground#D1D6C9fe
  • symbolIcon.constantForeground#D5DACEfe
  • symbolIcon.constructorForeground#C9D6D6fe
  • symbolIcon.enumeratorForeground#D7E1E1fe
  • symbolIcon.enumeratorMemberForeground#E1E9E3fe
  • symbolIcon.eventForeground#B5C8C8fe
  • symbolIcon.fieldForeground#D5DACEfe
  • symbolIcon.fileForeground#D4C9D6fe
  • symbolIcon.folderForeground#D9DED3fe
  • symbolIcon.functionForeground#C8C0B5fe
  • symbolIcon.interfaceForeground#D8D8D8fe
  • symbolIcon.keyForeground#C4D3C8fe
  • symbolIcon.keywordForeground#BEBEBEfe
  • symbolIcon.methodForeground#E1DDD7fe
  • symbolIcon.moduleForeground#CFC8BFfe
  • symbolIcon.namespaceForeground#D7E1DAfe
  • symbolIcon.nullForeground#C4CBBAfe
  • symbolIcon.numberForeground#BACBCBfe
  • symbolIcon.objectForeground#C6C6C6fe
  • symbolIcon.operatorForeground#E1DDD7fe
  • symbolIcon.packageForeground#CFBFC4fe
  • symbolIcon.propertyForeground#BFCFC4fe
  • symbolIcon.referenceForeground#E1D7DAfe
  • symbolIcon.snippetForeground#BACBCBfe
  • symbolIcon.stringForeground#CBCBCBfe
  • symbolIcon.structForeground#E5E5E5fe
  • symbolIcon.textForeground#DDE1D7fe
  • symbolIcon.typeParameterForeground#D7E1E1fe
  • symbolIcon.unitForeground#CBCBCBfe
  • symbolIcon.variableForeground#CCD3C4fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0B0D0900
  • tab.activeBorderTop#087508fe
  • tab.activeForeground#087508fe
  • tab.activeModifiedBorder#332A00ce
  • tab.border#0A0A0A00
  • tab.hoverBackground#B8B8B8fe
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#0BC70Bfe
  • tab.inactiveBackground#2D2D2D94
  • tab.inactiveForeground#63636365
  • tab.inactiveModifiedBorder#332A00ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#1E1E1E31
  • tab.unfocusedActiveBorder#090D0A00
  • tab.unfocusedActiveBorderTop#2C2C2C65
  • tab.unfocusedActiveForeground#A8A8A865
  • tab.unfocusedActiveModifiedBorder#332A00ce
  • tab.unfocusedHoverBackground#B8B8B8fe
  • tab.unfocusedHoverBorder#2222223e
  • tab.unfocusedHoverForeground#64646465
  • tab.unfocusedInactiveBackground#34343494
  • tab.unfocusedInactiveForeground#63636365
  • tab.unfocusedInactiveModifiedBorder#332A00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b5
  • 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#670067a9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9c
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#3434349c
  • terminal.selectionBackground#636E538b
  • terminal.selectionForeground#E9E5E1ca
  • terminal.tab.activeBorder#097409fe
  • terminalCommandDecoration.defaultBackground#60CE83ad
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#0AC00Afe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ad
  • testing.iconUnset#808080b5
  • testing.message.error.decorationForeground#69E269fe
  • testing.message.error.lineBackground#550055bb
  • testing.message.info.decorationForeground#4DD34Dfe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#0BBD0Bfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#646464ae
  • titleBar.border#090D0A00
  • titleBar.inactiveBackground#272727d1
  • titleBar.inactiveForeground#63636365
  • toolbar.activeBackground#2231118a
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0D090A00
  • tree.inactiveIndentGuidesStroke#B2989F35
  • tree.indentGuidesStroke#63DF63fe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0B0D0900
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2727279a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A2A2A26e
comment.block.html#A2A2A26e
comment.block.java#A2A2A26e
comment.block.javadoc.java#A2A2A26e
comment.block.powershell#A2A2A26e
comment.block.xml#A2A2A26e
comment.line.double-slash.c#A1A1A16e
comment.line.double-slash.cpp#A2A2A26e
comment.line.double-slash.java#A1A1A16e
comment.line.double-slash.js#A3A3A36e
comment.line.number-sign.makefile#A2A2A26e
comment.line.number-sign.python#A2A2A26e
comment.line.number-sign.yaml#A2A2A26e
comment.line.percentage.erlang#A2A2A26e
comment.line.powershell#A1A1A16e
comment.source.cmake#A2A2A26e
comment.source.cmakecache#A3A3A36e
constant.character#A2A2A2de
constant.character.character-class.regexp#909BF1de
constant.character.escape#F5A2C7de
constant.character.set.regexp#A2A2A2de
constant.language#F49BC2de
constant.numeric#7CB40Ade
constant.numeric.dec.python#89AF39de
constant.other.caps.python#CB87EEde
constant.other.character-class.regexp#0BBC0Bde
constant.other.character-class.set.regexp#CB87EEde
constant.other.color.rgb-value#0ACE0Ade
constant.other.placeholder#DF8D63de
constant.other.rgb-value#0BCC0Bde
constant.regexp#7CB50Bde
constant.sha.git-rebase#EB7FAFde
emphasis#7BB30Bde
entity.name.class#CB86EEde
entity.name.function#A2A2A2de
entity.name.function.preprocessor#7BB20Bde
entity.name.function.python#A1A1A1de
entity.name.label#EC81B0de
entity.name.namespace#909BF0de
entity.name.operator#8BB33Ade
entity.name.operator.custom-literal#AFAFAFde
entity.name.scope-resolution#909BF1de
entity.name.tag#0ACE0Ade
entity.name.tag.css#0AD90Ade
entity.name.type#9AC83Fde
entity.name.variable#DDA9F7de
entity.other.attribute#48CF48de
entity.other.attribute-name#09BD09de
entity.other.attribute-name.class.css#EC81B0de
entity.other.attribute-name.class.mixin.css#90BC3Ade
entity.other.attribute-name.id#CB86EDde
entity.other.attribute-name.id.css#CB86EDde
entity.other.attribute-name.parent-selector.css#A2A2A2de
entity.other.attribute-name.pseudo-class.css#919BF1de
entity.other.attribute-name.pseudo-element.css#CB87EEde
entity.other.attribute-name.scss#E08D64de
entity.other.document.begin.yaml#A1A1A16e
entity.other.inherited-class#A1A1A1de
header#E29169de
invalid#A2A2A2de
keyword#7CB40Cde
keyword.codetag.notation.python#E08E64de
keyword.control#0BCF0Bde
keyword.control.anchor.regexp#919CF1de
keyword.control.import.python#3ABC3Ade
keyword.operator#CA86EDde
keyword.operator.alignas#919CF0de
keyword.operator.alignof#FB7E40de
keyword.operator.cast#3AC43Ade
keyword.operator.delete#909BF0de
keyword.operator.documentation.powershell#A3A3A36e
keyword.operator.expression#A1A1A1de
keyword.operator.instanceof#0ABC0Ade
keyword.operator.logical.python#EEA987de
keyword.operator.minus.exponent#A1A1A1de
keyword.operator.negation.regexp#7BB509de
keyword.operator.new#7BB20Bde
keyword.operator.noexcept#A1A1A1de
keyword.operator.or.regexp#A1A1A1de
keyword.operator.plus.exponent#87AE39de
keyword.operator.quantifier.regexp#919CF1de
keyword.operator.sizeof#0ACE0Ade
keyword.operator.typeid#919CF0de
keyword.operator.wordlike#CB86EDde
keyword.other.operator#3ABC3Ade
keyword.other.package.java#7BB509de
keyword.other.unit#A1A1A1de
keyword.other.using#919BF1de
markup.bold#CC87EEde
markup.changed#909BF0de
markup.deleted#A2A2A2de
markup.fenced_code.block.markdown#0BCE0Bde
markup.heading#A2A2A2de
markup.inline.raw#919CF1de
markup.inserted#AFAFAFde
markup.italic#EB7EAFde
markup.raw.block.markdown#EB7FB0de
markup.strikethrough#7AB20Dde
markup.underline#CB85EEde
meta.block.c#AFAFAFde
meta.block.c#0ADC0Ade
meta.class.java#DF8D63de
meta.definition.variable.name#48CF48de
meta.diff.header#53D653de
meta.embedded#919CF1de
meta.embedded.assembly#0ADC0Ade
meta.function-call.arguments.python#A1A1A1de
meta.function-call.python#0ABC0Ade
meta.member.access.python#FB7F43de
meta.method.java#CB86EDde
meta.object-literal.key#7BB30Bde
meta.paragraph.markdown#EB7EAEde
meta.preprocessor#0ADC0Ade
meta.preprocessor.numeric#E08E64de
meta.preprocessor.string#919CF1de
meta.scope.prerequisites.makefile#CB86EDde
meta.structure.dictionary.json.comments#A3A3A36e
meta.structure.dictionary.key.python#EB7FAFde
meta.structure.dictionary.value.json.comments#A3A3A36e
meta.template.expression#E08D64de
meta.type.cast.expr#CB86EDde
meta.type.new.expr#7CB50Bde
parameter#909BF1de
punctuation.character.set.begin.regexp#EB7EAFde
punctuation.character.set.end.regexp#EB7EAFde
punctuation.definition.array.begin.json#7BB30Bde
punctuation.definition.character-class.regexp#A1A1A1de
punctuation.definition.comment#A2A2A26e
punctuation.definition.comment.json.comments#A3A3A36e
punctuation.definition.comment.python#A2A2A26e
punctuation.definition.dictionary.begin.json#A1A1A1de
punctuation.definition.dictionary.end.json#CB86EDde
punctuation.definition.group.assertion.regexp#7BB20Bde
punctuation.definition.group.regexp#E79B74de
punctuation.definition.list.begin.json#909BF0de
punctuation.definition.list.begin.markdown#EB7EAEde
punctuation.definition.list.begin.python#AFAFAFde
punctuation.definition.list.end.json#919CF0de
punctuation.definition.list.end.markdown#E08D64de
punctuation.definition.list.end.python#909BF1de
punctuation.definition.parameters.begin.python#7CB40Cde
punctuation.definition.parameters.end.bracket.round.java#E08D64de
punctuation.definition.quote.begin.markdown#87AE39de
punctuation.definition.tag#919CF1de
punctuation.definition.template-expression.begin#919BF1de
punctuation.definition.template-expression.end#DF8D63de
punctuation.section.class.begin.bracket.curly.java#A2A2A2de
punctuation.section.embedded#A1A1A1de
punctuation.section.embedded.begin.php#EB7EAEde
punctuation.section.embedded.end.php#919CF1de
punctuation.terminator.java#09BD09de
source.cmake#9AC83Fde
source.coffee.embedded#DF8D63de
source.cpp#E08D64de
source.css.less#7BB20Dde
source.groovy.embedded#A1A1A1de
source.java#DF8D64de
source.java-properties#A2A2A2de
source.json.comments#A2A2A26e
source.makefile#EC81B0de
source.powershell#CC87EEde
source.powershell.variable.other.member#919CF0de
source.python#DF8D63de
storage#A1A1A1de
storage.modifier#EC81B0de
storage.modifier.import.java#96C43Ade
storage.modifier.package.java#909BF1de
storage.type#CB86EDde
storage.type.annotation.groovy#0BCF0Bde
storage.type.annotation.java#09BD09de
storage.type.boolean.go#CB86EDde
storage.type.byte.go#A1A1A1de
storage.type.cs#EC81B0de
storage.type.error.go#919CF1de
storage.type.generic.cs#87AE39de
storage.type.generic.groovy#D69BF4de
storage.type.generic.java#7BB30Bde
storage.type.groovy#E99F7Ade
storage.type.java#CB87EEde
storage.type.modifier.cs#89B039de
storage.type.numeric.go#FB7F41de
storage.type.object.array.groovy#7BB509de
storage.type.object.array.java#EB7EAFde
storage.type.parameters.groovy#96C43Ade
storage.type.primitive.array.groovy#A1A1A1de
storage.type.primitive.array.java#E08D64de
storage.type.primitive.groovy#7CB40Cde
storage.type.primitive.java#CB86EDde
storage.type.rune.go#FB7E40de
storage.type.string.go#A6A6A6de
storage.type.token.java#0BCF0Bde
storage.type.uintptr.go#A1A1A1de
storage.type.variable.cs#A1A1A1de
string#58D958de
string.quoted.docstring.multi.python#A1A1A16e
string.regexp#E08D63de
string.tag#58D958de
string.value#9ECC43de
strong#E08D64de
support.class#909BF1de
support.constant.color#B7B7B7de
support.constant.dom#CA86EDde
support.constant.font-name#919CF1de
support.constant.handlebars#A2CF48de
support.constant.json#CB86EDde
support.constant.math#3AC43Ade
support.constant.media#ECA481de
support.constant.media-type#7BB20Cde
support.constant.property-value#A1A1A1de
support.function#EB7FAFde
support.function.git-rebase#D9A2F5de
support.other.parenthesis.regexp#CC87EEde
support.type#919BF1de
support.type.property-name#EB7EAEde
support.type.vendored.property-name#CC87EEde
support.variable#EB7EAFde
token.debug-token#EB7EAEde
token.error-token#7BB20Dde
token.info-token#CB86EDde
token.warn-token#CC87EEde
variable#A2A2A2de
variable.css#919BF1de
variable.language#EB7EAEde
variable.language.wildcard.java#4DD34Dde
variable.other.constant#EC81B0de
variable.other.definition.java#89B039de
variable.other.enummember#DF8D63de
variable.other.less#7CB40Cde
variable.other.object.java#EB7EAEde
variable.other.object.property.java#DF8D64de
variable.parameter.c#DDA9F7de
variable.parameter.function.language.python#CC87EEde
variable.parameter.java#909BF1de
variable.scss#EB7EAFde
viiv by B.W - VS Code Theme