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#15151dfe
  • activityBar.activeBackground#15151dfe
  • activityBar.activeBorder#C7AA15fe
  • activityBar.activeFocusBorder#5F674F00
  • activityBar.background#0D0D12fe
  • activityBar.border#62628000
  • activityBar.dropBorder#C9AA13fe
  • activityBar.foreground#C9AA13fe
  • activityBar.inactiveForeground#9797B365
  • activityBarBadge.background#C8AA11fe
  • activityBarBadge.foreground#0D0D12fe
  • badge.background#C7A913fe
  • badge.foreground#0D0D12fe
  • banner.background#15151dfe
  • banner.foreground#E5E5FEce
  • banner.iconForeground#CFBFC4fe
  • breadcrumb.activeSelectionForeground#DCD3DEca
  • breadcrumb.background#0E0E14fe
  • breadcrumb.focusForeground#C7A915fe
  • breadcrumb.foreground#E6E6EDae
  • breadcrumbPicker.background#15151dfe
  • button.background#313144ae
  • button.border#0D0A0D00
  • button.foreground#E5E5FEce
  • button.hoverBackground#4E4E6C6e
  • button.secondaryBackground#15151dfe
  • button.secondaryForeground#E5E5FEce
  • button.secondaryHoverBackground#15151dfe
  • button.separator#0D0A0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E5E5FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0B10fe
  • chat.slashCommandBackground#15151dfe
  • chat.slashCommandForeground#E5E5FEce
  • checkbox.background#0B0B10fe
  • checkbox.border#0B0B10fe
  • checkbox.foreground#E5E5FEce
  • checkbox.selectBackground#0B0B10fe
  • checkbox.selectBorder#0B0B10fe
  • commandCenter.activeBackground#1A251D8d
  • commandCenter.activeBorder#0B0B10fe
  • commandCenter.activeForeground#B8A43Ffe
  • commandCenter.background#15151dfe
  • commandCenter.border#0B0B10fe
  • commandCenter.foreground#E5E5FEce
  • commandCenter.inactiveBorder#01015897
  • commandCenter.inactiveForeground#A6A6BE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0D0D00
  • contrastBorder#0A0A0D00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E5E5FEce
  • debugConsole.sourceForeground#E5E5FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D7E1E1fe
  • debugExceptionWidget.background#440044a0
  • debugExceptionWidget.border#0B0B10fe
  • debugIcon.breakpointCurrentStackframeForeground#BFCFC4fe
  • debugIcon.breakpointDisabledForeground#B5B5C965
  • debugIcon.breakpointForeground#D3DED6fe
  • debugIcon.breakpointStackframeForeground#D2D2DEfe
  • debugIcon.breakpointUnverifiedForeground#D7E1E1fe
  • debugIcon.continueForeground#B5C8BBfe
  • debugIcon.disconnectForeground#CDCDDBfe
  • debugIcon.pauseForeground#B5B5C9fe
  • debugIcon.restartForeground#D2D2DEfe
  • debugIcon.startForeground#E5E1DCfe
  • debugIcon.stepBackForeground#D9DED3fe
  • debugIcon.stepIntoForeground#CFBFC4fe
  • debugIcon.stepOutForeground#E5E9E1fe
  • debugIcon.stepOverForeground#BFCFCFfe
  • debugIcon.stopForeground#DAD5CEfe
  • debugTokenExpression.boolean#DAD5CEca
  • debugTokenExpression.error#DCE5DFca
  • debugTokenExpression.name#DCD3DEca
  • debugTokenExpression.number#E1E9E3ca
  • debugTokenExpression.value#D3DED6ca
  • debugToolBar.background#440044b3
  • debugToolBar.border#0B0B10fe
  • debugView.exceptionLabelBackground#17231Aca
  • debugView.exceptionLabelForeground#CEDADAca
  • debugView.stateLabelBackground#1D2317ca
  • debugView.stateLabelForeground#DCE5E5ca
  • debugView.valueChangedHighlight#DCE5E5ca
  • descriptionForeground#E5E5FEce
  • diffEditor.border#0D0A0D00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#0F2710fb
  • diffEditor.insertedTextBorder#0D0C0A00
  • diffEditor.move.border#0A0D0B00
  • diffEditor.moveActive.border#0D0A0B00
  • diffEditor.removedLineBackground#4E000031
  • diffEditor.removedTextBackground#4F0000fb
  • diffEditor.removedTextBorder#0A0A0D00
  • diffEditor.unchangedCodeBackground#15151dfe
  • diffEditor.unchangedRegionBackground#15151dfe
  • diffEditor.unchangedRegionForeground#E5E5FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B5B5C965
  • dropdown.background#0B0B10fe
  • dropdown.border#0B0B10fe
  • dropdown.foreground#E5E5FEce
  • dropdown.listBackground#0B0B10fe
  • editor.background#15151dfe
  • editor.findMatchBackground#445B5Bae
  • editor.findMatchBorder#0B0B10fe
  • editor.findMatchHighlightBackground#655A4Bae
  • editor.findMatchHighlightBorder#0B0B10fe
  • editor.findRangeHighlightBackground#484863aa
  • editor.findRangeHighlightBorder#0B0B10fe
  • editor.focusedStackFrameHighlightBackground#3D514382
  • editor.foldBackground#C0B7AAa1
  • editor.foreground#E5E5FEce
  • editor.hoverHighlightBackground#636E53ac
  • editor.inactiveSelectionBackground#4747629e
  • editor.inlineValuesBackground#15151dfe
  • editor.inlineValuesForeground#E5E5FEce
  • editor.lineHighlightBackground#2E2E3Fb1
  • editor.lineHighlightBorder#0A0D0D00
  • editor.linkedEditingBackground#15151dfe
  • editor.rangeHighlightBackground#445B4Bad
  • editor.rangeHighlightBorder#0B0B10fe
  • editor.selectionBackground#394D4Dac
  • editor.selectionForeground#E1E5DCca
  • editor.selectionHighlightBackground#5B514484
  • editor.selectionHighlightBorder#0B0B10fe
  • editor.snippetFinalTabstopHighlightBackground#655A4Ba2
  • editor.snippetFinalTabstopHighlightBorder#0B0B10fe
  • editor.snippetTabstopHighlightBackground#445B4Ba5
  • editor.snippetTabstopHighlightBorder#0B0B10fe
  • editor.stackFrameHighlightBackground#4E4E6Ca4
  • editor.symbolHighlightBackground#59434Aa2
  • editor.symbolHighlightBorder#0B0B10fe
  • editor.wordHighlightBackground#6A4F57a8
  • editor.wordHighlightBorder#0A0D0B00
  • editor.wordHighlightStrongBackground#474762a6
  • editor.wordHighlightStrongBorder#0A0A0D00
  • editor.wordHighlightTextBackground#3D5151ad
  • editor.wordHighlightTextBorder#0C0D0A00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E5E5FEce
  • editorBracketMatch.background#B1BAA3ab
  • editorBracketMatch.border#0B0B10fe
  • editorBracketPairGuide.activeBackground1#A6BCAD82
  • editorBracketPairGuide.activeBackground2#B1BAA38b
  • editorBracketPairGuide.activeBackground3#BFB6A982
  • editorBracketPairGuide.activeBackground4#A5BCBC81
  • editorBracketPairGuide.activeBackground5#BFB6AA82
  • editorBracketPairGuide.activeBackground6#B1BAA383
  • editorBracketPairGuide.background1#1D2216fe
  • editorBracketPairGuide.background2#172323fe
  • editorBracketPairGuide.background3#18251Cfe
  • editorBracketPairGuide.background4#1E2417fe
  • editorBracketPairGuide.background5#272119fe
  • editorBracketPairGuide.background6#301C22fe
  • editorCodeLens.foreground#B5B5C96e
  • editorCommentsWidget.rangeActiveBackground#B6B6CAfe
  • editorCommentsWidget.rangeBackground#15151dfe
  • editorCommentsWidget.resolvedBorder#0B0B10fe
  • editorCommentsWidget.unresolvedBorder#4F0000cb
  • editorCursor.background#15151dfe
  • editorCursor.foreground#C6AA18fe
  • editorError.background#0D0C0A00
  • editorError.border#0A0D0D00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151dfe
  • editorGhostText.border#0D0A0D00
  • editorGhostText.foreground#B5B5C96e
  • editorGroup.border#0B0B10fe
  • editorGroup.dropBackground#15151dfe
  • editorGroup.dropIntoPromptBackground#15151dfe
  • editorGroup.dropIntoPromptBorder#0B0B10fe
  • editorGroup.dropIntoPromptForeground#E5E5FEce
  • editorGroup.emptyBackground#15151dfe
  • editorGroup.focusedEmptyBorder#0B0B10fe
  • editorGroupHeader.border#0A0D0D00
  • editorGroupHeader.noTabsBackground#0D0D12ae
  • editorGroupHeader.tabsBackground#15151da1
  • editorGroupHeader.tabsBorder#0A0D0D00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#15151dfe
  • editorGutter.commentGlyphForeground#E5E5FEce
  • editorGutter.commentRangeForeground#E5E5FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9B9Bcb
  • editorGutter.foldingControlForeground#E5E5FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0D0D00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0B0B10fe
  • editorHoverWidget.border#0B0B10fe
  • editorHoverWidget.foreground#E5E5FEce
  • editorHoverWidget.highlightForeground#DCDCE5ca
  • editorHoverWidget.statusBarBackground#15151dfe
  • editorIndentGuide.activeBackground1#C7AA15fe
  • editorIndentGuide.activeBackground2#C7AA16fe
  • editorIndentGuide.activeBackground3#C7A917fe
  • editorIndentGuide.activeBackground4#C9A80Afe
  • editorIndentGuide.activeBackground5#C7A917fe
  • editorIndentGuide.activeBackground6#C8A910fe
  • editorIndentGuide.background1#AE98B235
  • editorIndentGuide.background2#A7BDBD35
  • editorIndentGuide.background3#B2989F35
  • editorIndentGuide.background4#9EAA8E35
  • editorIndentGuide.background5#A7899235
  • editorIndentGuide.background6#85A38D35
  • editorInfo.background#0C0D0A00
  • editorInfo.border#0D0A0D00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151dfe
  • editorInlayHint.foreground#E5E5FEce
  • editorInlayHint.parameterBackground#15151dfe
  • editorInlayHint.parameterForeground#E5E5FEce
  • editorInlayHint.typeBackground#15151dfe
  • editorInlayHint.typeForeground#E5E5FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#C8AA11fe
  • editorLineNumber.dimmedForeground#B5B5C96e
  • editorLineNumber.foreground#B5B5C96e
  • editorLink.activeForeground#C7A916fe
  • editorMarkerNavigation.background#0B0B10fe
  • editorMarkerNavigationError.background#440044b9
  • editorMarkerNavigationError.headerBackground#440044a4
  • editorMarkerNavigationInfo.background#000083fe
  • editorMarkerNavigationInfo.headerBackground#000083fe
  • editorMarkerNavigationWarning.background#292200fe
  • editorMarkerNavigationWarning.headerBackground#292200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151dfe
  • editorOverviewRuler.border#010161fe
  • editorOverviewRuler.bracketMatchForeground#E5E5FEce
  • editorOverviewRuler.commentForeground#B5B5C96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E5E5FEce
  • editorOverviewRuler.currentContentForeground#cececebe
  • editorOverviewRuler.deletedForeground#FF9B9Bcb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CDCDDBca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DED9D3ca
  • editorOverviewRuler.wordHighlightStrongForeground#E5E5FEce
  • editorOverviewRuler.wordHighlightTextForeground#E5E5FEce
  • editorPane.background#15151dfe
  • editorRuler.foreground#B5B5C92a
  • editorStickyScroll.background#15151dfe
  • editorStickyScrollHover.background#13136B6e
  • editorSuggestWidget.background#0B0B10fe
  • editorSuggestWidget.border#0D0C0A00
  • editorSuggestWidget.focusHighlightForeground#8BB950fe
  • editorSuggestWidget.foreground#C4CBBAfe
  • editorSuggestWidget.highlightForeground#DED9D3ca
  • editorSuggestWidget.selectedBackground#56735F8c
  • editorSuggestWidget.selectedForeground#D8CEDAca
  • editorSuggestWidget.selectedIconForeground#E0D7E1ca
  • editorSuggestWidgetStatus.foreground#D6D1C9fe
  • editorUnicodeHighlight.background#48604Fa5
  • editorUnicodeHighlight.border#0B0B10fe
  • editorUnnecessaryCode.border#292200ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0D00
  • editorWarning.border#0D0A0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E5E5FEce
  • editorWidget.background#0B0B10fe
  • editorWidget.border#0B0B10fe
  • editorWidget.foreground#E5E5FEce
  • editorWidget.resizeBorder#0B0B10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#C7A918fe
  • extensionBadge.remoteForeground#0D0D12fe
  • extensionButton.background#01017Bae
  • extensionButton.foreground#E5E5FEce
  • extensionButton.hoverBackground#13136B6e
  • extensionButton.prominentBackground#15151dfe
  • extensionButton.prominentForeground#E5E5FEce
  • extensionButton.prominentHoverBackground#15151dfe
  • extensionButton.separator#0D0C0A00
  • extensionIcon.preReleaseForeground#E1E9E9fe
  • extensionIcon.sponsorForeground#E1D7DAfe
  • extensionIcon.starForeground#CEDAD1fe
  • extensionIcon.verifiedForeground#C9D6D6fe
  • focusBorder#0D0A0D00
  • foreground#E5E5FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9B9Bcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FF9B9Bcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B5B5C9ae
  • inlineChat.background#20203Aca
  • inlineChat.border#1E2317ca
  • inlineChat.regionHighlight#E0D7E1ca
  • inlineChat.shadow#DCD3DEca
  • inlineChatDiff.inserted#E1E5DCca
  • inlineChatDiff.removed#DED3D6ca
  • inlineChatInput.background#DCD3DEca
  • inlineChatInput.border#18241Cca
  • inlineChatInput.focusBorder#0A0D0D00
  • inlineChatInput.placeholderForeground#D3DEDEca
  • input.background#0B0B10fe
  • input.border#0B0B10fe
  • input.foreground#E5E5FEce
  • input.placeholderForeground#B5B5C965
  • inputOption.activeBackground#0B0B10fe
  • inputOption.activeBorder#0B0B10fe
  • inputOption.activeForeground#C6A918fe
  • inputOption.hoverBackground#0B0B10fe
  • inputValidation.errorBackground#670067ca
  • inputValidation.errorBorder#440044b4
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0B10fe
  • inputValidation.infoForeground#E5E5FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0B10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0B10fe
  • interactive.inactiveCodeBorder#1F1F2B9b
  • keybindingLabel.background#15151dfe
  • keybindingLabel.border#0B0B10fe
  • keybindingLabel.bottomBorder#0B0B10fe
  • keybindingLabel.foreground#E5E5FEce
  • keybindingTable.headerBackground#15151dfe
  • keybindingTable.rowsBackground#15151dfe
  • list.activeSelectionBackground#536E6E8a
  • list.activeSelectionForeground#D7E1E1ca
  • list.activeSelectionIconForeground#D9DED3ca
  • list.deemphasizedForeground#E5E5FEce
  • list.dropBackground#15151dfe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151dfe
  • list.filterMatchBorder#0B0B10fe
  • list.focusAndSelectionOutline#0A0D0D00
  • list.focusBackground#47476296
  • list.focusForeground#C6AA18fe
  • list.focusHighlightForeground#8ABA53fe
  • list.focusOutline#0D0C0A00
  • list.highlightForeground#D7E1E1ca
  • list.hoverBackground#182525ae
  • list.hoverForeground#C6A918fe
  • list.inactiveFocusBackground#1F1F2B96
  • list.inactiveFocusOutline#0C0D0A00
  • list.inactiveSelectionBackground#0D0D12ae
  • list.inactiveSelectionForeground#B5B5C965
  • list.inactiveSelectionIconForeground#B5B5C965
  • list.invalidItemForeground#E5E5FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151dfe
  • listFilterWidget.noMatchesOutline#0A0D0D00
  • listFilterWidget.outline#0D0A0B00
  • listFilterWidget.shadow#0C0D0A00
  • menu.background#0D0D12fe
  • menu.border#0D0A0D00
  • menu.foreground#E0E0FEae
  • menu.selectionBackground#394E4Ea7
  • menu.selectionBorder#0A0D0D00
  • menu.selectionForeground#C0AB40fe
  • menu.separatorBackground#1F1F4065
  • menubar.selectionBackground#394E4Ea4
  • menubar.selectionBorder#0A0D0B00
  • menubar.selectionForeground#C7A916fe
  • merge.border#0B0B10fe
  • merge.commonContentBackground#15151dfe
  • merge.commonHeaderBackground#15151dfe
  • merge.currentContentBackground#00290031
  • merge.currentHeaderBackground#0F2710fb
  • merge.incomingContentBackground#0F2810cb
  • merge.incomingHeaderBackground#0F2710fb
  • mergeEditor.change.background#15151dfe
  • mergeEditor.change.word.background#15151dfe
  • mergeEditor.changeBase.background#15151dfe
  • mergeEditor.changeBase.word.background#15151dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0B10fe
  • mergeEditor.conflict.handledUnfocused.border#1C1C2629
  • mergeEditor.conflict.input1.background#0B0B10fe
  • mergeEditor.conflict.input2.background#0B0B10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ca
  • mergeEditor.conflict.unhandledFocused.border#0B0B10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1818213e
  • mergeEditor.conflictingLines.background#15151dfe
  • minimap.background#15151dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#606084fe
  • minimapSlider.background#3C3C53ae
  • minimapSlider.hoverBackground#4A4A676e
  • notebook.cellBorderColor#0B0B10fe
  • notebook.cellEditorBackground#15151dfe
  • notebook.cellHoverBackground#15151dfe
  • notebook.cellInsertionIndicator#DACED1ca
  • notebook.cellStatusBarItemHoverBackground#15151dfe
  • notebook.cellToolbarSeparator#D7E1DAca
  • notebook.editorBackground#15151dfe
  • notebook.focusedCellBackground#15151dfe
  • notebook.focusedCellBorder#B8A43Ffe
  • notebook.focusedEditorBorder#0B0B10fe
  • notebook.inactiveFocusedCellBorder#6363898e
  • notebook.inactiveSelectedCellBorder#5C5C7F8e
  • notebook.outputContainerBackgroundColor#15151dfe
  • notebook.outputContainerBorderColor#0B0B10fe
  • notebook.selectedCellBackground#15151dfe
  • notebook.selectedCellBorder#0B0B10fe
  • notebook.symbolHighlightBackground#15151dfe
  • notebookEditorOverviewRuler.runningCellForeground#E5E5FEce
  • notebookScrollbarSlider.activeBackground#5C5C7Ffe
  • notebookScrollbarSlider.background#353549ae
  • notebookScrollbarSlider.hoverBackground#4747626e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#D3DEDEfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0B10fe
  • notificationCenterHeader.background#15151dfe
  • notificationCenterHeader.foreground#E5E5FEce
  • notificationLink.foreground#E5E5FEce
  • notifications.background#15151dfe
  • notifications.border#0B0B10fe
  • notifications.foreground#E5E5FEce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#D7D7E2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0B10fe
  • panel.background#15151dfe
  • panel.border#0B0B10fe
  • panel.dropBorder#0B0B10fe
  • panelInput.border#0B0B10fe
  • panelSection.border#0B0B10fe
  • panelSection.dropBackground#15151dfe
  • panelSectionHeader.background#15151dfe
  • panelSectionHeader.border#0B0B10fe
  • panelSectionHeader.foreground#E5E5FEce
  • panelTitle.activeBorder#0D0A0B00
  • panelTitle.activeForeground#C7A917fe
  • panelTitle.inactiveForeground#A6A6BE65
  • peekView.border#C7A917fe
  • peekViewEditor.background#0B0B10fe
  • peekViewEditor.matchHighlightBackground#5943498c
  • peekViewEditor.matchHighlightBorder#0A0D0B00
  • peekViewEditorGutter.background#0B0B10fe
  • peekViewEditorStickyScroll.background#15151dfe
  • peekViewResult.background#0D0D12fe
  • peekViewResult.fileForeground#E5E5FEce
  • peekViewResult.lineForeground#E5E5FEce
  • peekViewResult.matchHighlightBackground#55604886
  • peekViewResult.selectionBackground#3A4E4088
  • peekViewResult.selectionForeground#E9E1E3ca
  • peekViewTitle.background#0D0D12fe
  • peekViewTitleDescription.foreground#E5E5FEce
  • peekViewTitleLabel.foreground#E5E5FEce
  • pickerGroup.border#0B0B10fe
  • pickerGroup.foreground#E5E5FEce
  • ports.iconRunningProcessForeground#B5C8BBfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#C7A917fe
  • profileBadge.foreground#0D0D12fe
  • progressBar.background#15151dfe
  • quickInput.background#0D0D12fe
  • quickInput.foreground#E1E1E9ae
  • quickInputList.focusBackground#3D5143a2
  • quickInputList.focusForeground#C7A915fe
  • quickInputList.focusIconForeground#C7A917fe
  • quickInputTitle.background#0B0B10fe
  • sash.hoverBorder#0B0B10fe
  • scrollbar.shadow#0A0D0B00
  • scrollbarSlider.activeBackground#58587Afe
  • scrollbarSlider.background#3F3F58ae
  • scrollbarSlider.hoverBackground#4747626e
  • search.resultsInfoForeground#E5E5FEce
  • searchEditor.findMatchBackground#405647a5
  • searchEditor.findMatchBorder#0B0B10fe
  • searchEditor.textInputBorder#0B0B10fe
  • selection.background#15151dfe
  • settings.checkboxBackground#0B0B10fe
  • settings.checkboxBorder#0B0B10fe
  • settings.checkboxForeground#E5E5FEce
  • settings.dropdownBackground#0B0B10fe
  • settings.dropdownBorder#0B0B10fe
  • settings.dropdownForeground#E5E5FEce
  • settings.dropdownListBorder#0B0B10fe
  • settings.focusedRowBackground#59434982
  • settings.focusedRowBorder#0B0B10fe
  • settings.headerBorder#0B0B10fe
  • settings.headerForeground#E5E5FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0B10fe
  • settings.numberInputBorder#0B0B10fe
  • settings.numberInputForeground#E5E5FEce
  • settings.rowHoverBackground#15151dfe
  • settings.sashBorder#0B0B10fe
  • settings.settingsHeaderHoverForeground#C7A918fe
  • settings.textInputBackground#0B0B10fe
  • settings.textInputBorder#0B0B10fe
  • settings.textInputForeground#E5E5FEce
  • sideBar.background#15151dfe
  • sideBar.border#0B0B10fe
  • sideBar.dropBackground#15151dfe
  • sideBar.foreground#B5B5C9ae
  • sideBarSectionHeader.background#0D0A0D00
  • sideBarSectionHeader.border#0B0B10fe
  • sideBarSectionHeader.foreground#E5E5FEce
  • sideBarTitle.foreground#E5E5FEce
  • sideBySideEditor.horizontalBorder#0B0B10fe
  • sideBySideEditor.verticalBorder#0B0B10fe
  • simpleFindWidget.sashBorder#0B0B10fe
  • statusBar.background#0D0D12fe
  • statusBar.border#0B0B10fe
  • statusBar.debuggingBackground#440044c2
  • statusBar.debuggingBorder#0B0B10fe
  • statusBar.debuggingForeground#E5E5FEce
  • statusBar.focusBorder#0A0A0D00
  • statusBar.foreground#B5B5C96e
  • statusBar.noFolderBackground#0D0D12fe
  • statusBar.noFolderBorder#0B0B10fe
  • statusBar.noFolderForeground#E5E5FEce
  • statusBarItem.activeBackground#0D0D12fe
  • statusBarItem.compactHoverBackground#0D0D12fe
  • statusBarItem.errorBackground#4400449c
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#440044a5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0C0A00
  • statusBarItem.hoverBackground#0D0D12fe
  • statusBarItem.hoverForeground#C7A918fe
  • statusBarItem.offlineBackground#0D0D12fe
  • statusBarItem.offlineForeground#E5E5FEce
  • statusBarItem.offlineHoverBackground#0D0D12fe
  • statusBarItem.offlineHoverForeground#C7A918fe
  • statusBarItem.prominentBackground#0D0D12fe
  • statusBarItem.prominentForeground#E5E5FEce
  • statusBarItem.prominentHoverBackground#0D0D12fe
  • statusBarItem.prominentHoverForeground#C6A918fe
  • statusBarItem.remoteBackground#C7A917fe
  • statusBarItem.remoteForeground#0D0D12fe
  • statusBarItem.remoteHoverBackground#0D0D12fe
  • statusBarItem.remoteHoverForeground#C7A917fe
  • statusBarItem.warningBackground#292200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#292200fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#E5E1DCfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#C4D3D3fe
  • symbolIcon.colorForeground#D5DACEfe
  • symbolIcon.constantForeground#DAD5CEfe
  • symbolIcon.constructorForeground#CFC8BFfe
  • symbolIcon.enumeratorForeground#D3DED6fe
  • symbolIcon.enumeratorMemberForeground#DCD3DEfe
  • symbolIcon.eventForeground#E9E1E3fe
  • symbolIcon.fieldForeground#D3C4C8fe
  • symbolIcon.fileForeground#DAD5CEfe
  • symbolIcon.folderForeground#D1C4D3fe
  • symbolIcon.functionForeground#D7D7E2fe
  • symbolIcon.interfaceForeground#E1DDD7fe
  • symbolIcon.keyForeground#BEBED0fe
  • symbolIcon.keywordForeground#D6D1C9fe
  • symbolIcon.methodForeground#DED9D3fe
  • symbolIcon.moduleForeground#C3C3D4fe
  • symbolIcon.namespaceForeground#E5E1DCfe
  • symbolIcon.nullForeground#D9DED3fe
  • symbolIcon.numberForeground#DACED1fe
  • symbolIcon.objectForeground#CFBFC4fe
  • symbolIcon.operatorForeground#D9DED3fe
  • symbolIcon.packageForeground#DED9D3fe
  • symbolIcon.propertyForeground#B5C8BBfe
  • symbolIcon.referenceForeground#BACBCBfe
  • symbolIcon.snippetForeground#B5C8BBfe
  • symbolIcon.stringForeground#E9E1E3fe
  • symbolIcon.structForeground#CFBFC4fe
  • symbolIcon.textForeground#D4C9D6fe
  • symbolIcon.typeParameterForeground#CDBFCFfe
  • symbolIcon.unitForeground#BFCFCFfe
  • symbolIcon.variableForeground#DCE5E5fe
  • tab.activeBackground#0E0E14fe
  • tab.activeBorder#0D0A0D00
  • tab.activeBorderTop#C8A910fe
  • tab.activeForeground#C9A80Afe
  • tab.activeModifiedBorder#292200ce
  • tab.border#0A0D0D00
  • tab.hoverBackground#A6BDBDa3
  • tab.hoverBorder#0B0B10fe
  • tab.hoverForeground#C7A915fe
  • tab.inactiveBackground#0101619d
  • tab.inactiveForeground#A6A6BE65
  • tab.inactiveModifiedBorder#292200ce
  • tab.lastPinnedBorder#0B0B10fe
  • tab.unfocusedActiveBackground#1C1C262d
  • tab.unfocusedActiveBorder#0A0D0B00
  • tab.unfocusedActiveBorderTop#1F1F3F65
  • tab.unfocusedActiveForeground#9797B365
  • tab.unfocusedActiveModifiedBorder#292200ce
  • tab.unfocusedHoverBackground#B7B7CA3d
  • tab.unfocusedHoverBorder#1C1C2626
  • tab.unfocusedHoverForeground#A1A1BB65
  • tab.unfocusedInactiveBackground#26263591
  • tab.unfocusedInactiveForeground#9797B365
  • tab.unfocusedInactiveModifiedBorder#292200ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c7
  • 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#670067bd
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151dfe
  • terminal.border#0B0B10fe
  • terminal.dropBackground#15151dfe
  • terminal.findMatchBackground#15151dfe
  • terminal.findMatchBorder#0B0B10fe
  • terminal.findMatchHighlightBackground#15151dfe
  • terminal.findMatchHighlightBorder#0B0B10fe
  • terminal.foreground#B5B5C9ae
  • terminal.hoverHighlightBackground#15151dfe
  • terminal.inactiveSelectionBackground#2A2A3A97
  • terminal.selectionBackground#454C398d
  • terminal.selectionForeground#D3DEDEca
  • terminal.tab.activeBorder#C8A915fe
  • terminalCommandDecoration.defaultBackground#A6BDAEa5
  • terminalCommandDecoration.errorBackground#FF9B9Bcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151dfe
  • terminalCursor.foreground#C0AB40fe
  • terminalOverviewRuler.cursorForeground#E5E5FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b6
  • testing.iconUnset#808080a7
  • testing.message.error.decorationForeground#CCB74Dfe
  • testing.message.error.lineBackground#4400449f
  • testing.message.info.decorationForeground#D6C25Cfe
  • testing.message.info.lineBackground#000083fe
  • testing.peekBorder#0B0B10fe
  • testing.peekHeaderBackground#15151dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151dfe
  • textBlockQuote.border#0B0B10fe
  • textCodeBlock.background#15151dfe
  • textLink.activeForeground#C7A916fe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E5E5FEce
  • textSeparator.foreground#E5E5FEce
  • titleBar.activeBackground#0D0D12fe
  • titleBar.activeForeground#A3A3F4ae
  • titleBar.border#0A0D0D00
  • titleBar.inactiveBackground#1C1C26d1
  • titleBar.inactiveForeground#A1A1BB65
  • toolbar.activeBackground#3C162285
  • toolbar.hoverBackground#15151dfe
  • toolbar.hoverOutline#0A0D0D00
  • tree.inactiveIndentGuidesStroke#8EAA9635
  • tree.indentGuidesStroke#D3BE57fe
  • tree.tableColumnsBorder#0B0B10fe
  • tree.tableOddRowsBackground#15151dfe
  • walkThrough.embeddedEditorBackground#15151dfe
  • walkthrough.stepTitle.foreground#E5E5FEce
  • welcomePage.background#15151dfe
  • welcomePage.progress.background#15151dfe
  • welcomePage.progress.foreground#E5E5FEce
  • welcomePage.tileBackground#15151dfe
  • welcomePage.tileBorder#0B0B10fe
  • welcomePage.tileHoverBackground#15151dfe
  • widget.border#0B0B10fe
  • widget.shadow#0A0D0D00
  • window.activeBorder#0B0B10fe
  • window.inactiveBorder#1F1F2B91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BABAF86e
comment.block.html#BABAF86e
comment.block.java#BABAFC6e
comment.block.javadoc.java#B9B9FA6e
comment.block.powershell#BABAFC6e
comment.block.xml#BABAF86e
comment.line.double-slash.c#BABAFC6e
comment.line.double-slash.cpp#BABAFC6e
comment.line.double-slash.java#BABAF86e
comment.line.double-slash.js#B9B9FA6e
comment.line.number-sign.makefile#BABAFC6e
comment.line.number-sign.python#BABAF86e
comment.line.number-sign.yaml#BABAF96e
comment.line.percentage.erlang#BABAF86e
comment.line.powershell#BABAF86e
comment.source.cmake#BABAF96e
comment.source.cmakecache#BABAFC6e
constant.character#32DD0Ede
constant.character.character-class.regexp#35DD13de
constant.character.escape#E1BD0Fde
constant.character.set.regexp#F4A3E7de
constant.language#A597ECde
constant.numeric#DEBE16de
constant.numeric.dec.python#F6AAAAde
constant.other.caps.python#8EC5FDde
constant.other.character-class.regexp#8EC5FDde
constant.other.character-class.set.regexp#ED89DCde
constant.other.color.rgb-value#ED89DCde
constant.other.placeholder#E88787de
constant.other.rgb-value#E0BD10de
constant.regexp#8AC5FEde
constant.sha.git-rebase#E58787de
emphasis#EA8484de
entity.name.class#A597EAde
entity.name.function#E88787de
entity.name.function.preprocessor#37DC14de
entity.name.function.python#17DC7Bde
entity.name.label#6CA6E0de
entity.name.namespace#E1BD0Ede
entity.name.operator#BDB1F8de
entity.name.operator.custom-literal#89BBEDde
entity.name.scope-resolution#DEBD15de
entity.name.tag#FE9DEEde
entity.name.tag.css#36DC15de
entity.name.type#FEAAAAde
entity.name.variable#EA83D9de
entity.other.attribute#A495EFde
entity.other.attribute-name#E0BD11de
entity.other.attribute-name.class.css#11DC75de
entity.other.attribute-name.class.mixin.css#A496EAde
entity.other.attribute-name.id#E87DD6de
entity.other.attribute-name.id.css#ED89DCde
entity.other.attribute-name.parent-selector.css#FDA0EDde
entity.other.attribute-name.pseudo-class.css#E0BD11de
entity.other.attribute-name.pseudo-element.css#8DC5FDde
entity.other.attribute-name.scss#36DC15de
entity.other.document.begin.yaml#BABAF86e
entity.other.inherited-class#E1BD0Fde
header#8EC5FDde
invalid#F39C9Cde
keyword#16DB79de
keyword.codetag.notation.python#A597EAde
keyword.control#13DA77de
keyword.control.anchor.regexp#83B7EAde
keyword.control.import.python#77AEE5de
keyword.operator#E88787de
keyword.operator.alignas#0EDB74de
keyword.operator.alignof#35DD13de
keyword.operator.cast#A597EAde
keyword.operator.delete#E1BD0Fde
keyword.operator.documentation.powershell#BABAF96e
keyword.operator.expression#10DC74de
keyword.operator.instanceof#DEBD17de
keyword.operator.logical.python#F4A3E7de
keyword.operator.minus.exponent#DEBD15de
keyword.operator.negation.regexp#DEBD17de
keyword.operator.new#E78686de
keyword.operator.noexcept#F4A3E7de
keyword.operator.or.regexp#E88787de
keyword.operator.plus.exponent#DEBD17de
keyword.operator.quantifier.regexp#E0BD11de
keyword.operator.sizeof#37DC17de
keyword.operator.typeid#EA83D9de
keyword.operator.wordlike#35DD13de
keyword.other.operator#FEA1EEde
keyword.other.package.java#14DC79de
keyword.other.unit#13DA77de
keyword.other.using#17DB79de
markup.bold#0FDC78de
markup.changed#EA83D9de
markup.deleted#A496EAde
markup.fenced_code.block.markdown#8AC5FEde
markup.heading#38DC17de
markup.inline.raw#FEA9A9de
markup.inserted#E57BD4de
markup.italic#EA8484de
markup.raw.block.markdown#F6AAAAde
markup.strikethrough#15DC77de
markup.underline#35DD13de
meta.block.c#15DC77de
meta.block.c#8AC5FEde
meta.class.java#DFBE16de
meta.definition.variable.name#EF8F8Fde
meta.diff.header#A496E8de
meta.embedded#16DB79de
meta.embedded.assembly#FEA1EEde
meta.function-call.arguments.python#EA8484de
meta.function-call.python#17DC78de
meta.member.access.python#37DC17de
meta.method.java#ED8989de
meta.object-literal.key#E58787de
meta.paragraph.markdown#FEA0EEde
meta.preprocessor#E1BD0Ede
meta.preprocessor.numeric#A595EEde
meta.preprocessor.string#ED89DCde
meta.scope.prerequisites.makefile#A495EDde
meta.structure.dictionary.json.comments#BABAF96e
meta.structure.dictionary.key.python#AB9CF3de
meta.structure.dictionary.value.json.comments#BABAF96e
meta.template.expression#ED89DCde
meta.type.cast.expr#33DC10de
meta.type.new.expr#C4B7FEde
parameter#E0BE16de
punctuation.character.set.begin.regexp#E0BD10de
punctuation.character.set.end.regexp#FEA5A5de
punctuation.definition.array.begin.json#17DC7Bde
punctuation.definition.character-class.regexp#37DC17de
punctuation.definition.comment#BABAF86e
punctuation.definition.comment.json.comments#BABAF96e
punctuation.definition.comment.python#BABAF96e
punctuation.definition.dictionary.begin.json#EF8FDFde
punctuation.definition.dictionary.end.json#ED89DCde
punctuation.definition.group.assertion.regexp#10DC74de
punctuation.definition.group.regexp#E0BE16de
punctuation.definition.list.begin.json#C4B7FEde
punctuation.definition.list.begin.markdown#E78686de
punctuation.definition.list.begin.python#F39C9Cde
punctuation.definition.list.end.json#38DC17de
punctuation.definition.list.end.markdown#FEAAAAde
punctuation.definition.list.end.python#32DC0Fde
punctuation.definition.parameters.begin.python#17DB79de
punctuation.definition.parameters.end.bracket.round.java#8AC5FEde
punctuation.definition.quote.begin.markdown#F4A3A3de
punctuation.definition.tag#A596F1de
punctuation.definition.template-expression.begin#32DC0Fde
punctuation.definition.template-expression.end#39DD17de
punctuation.section.class.begin.bracket.curly.java#17DB79de
punctuation.section.embedded#A597EAde
punctuation.section.embedded.begin.php#37DD14de
punctuation.section.embedded.end.php#DEBD17de
punctuation.terminator.java#FEA5A5de
source.cmake#35DD13de
source.coffee.embedded#F6AAAAde
source.cpp#8AC5FEde
source.css.less#E0BD11de
source.groovy.embedded#33DC10de
source.java#E78686de
source.java-properties#39DD17de
source.json.comments#BABAF86e
source.makefile#EA8484de
source.powershell#F196E2de
source.powershell.variable.other.member#8DC5FDde
source.python#7DB2E8de
storage#DEBE16de
storage.modifier#FEA0EEde
storage.modifier.import.java#14DB79de
storage.modifier.package.java#E37DD2de
storage.type#8AC5FEde
storage.type.annotation.groovy#38DC17de
storage.type.annotation.java#33DC11de
storage.type.boolean.go#8DC4FDde
storage.type.byte.go#36DC15de
storage.type.cs#17DC78de
storage.type.error.go#E1BD0Fde
storage.type.generic.cs#96C3F1de
storage.type.generic.groovy#A595EEde
storage.type.generic.java#33DC10de
storage.type.groovy#17DB79de
storage.type.java#A495EFde
storage.type.modifier.cs#E87DD6de
storage.type.numeric.go#37DC17de
storage.type.object.array.groovy#71AAE3de
storage.type.object.array.java#16DB78de
storage.type.parameters.groovy#FE9DEEde
storage.type.primitive.array.groovy#17DC78de
storage.type.primitive.array.java#37DC14de
storage.type.primitive.groovy#F4A3E7de
storage.type.primitive.java#37DD15de
storage.type.rune.go#FEA1EEde
storage.type.string.go#A596F1de
storage.type.token.java#E57CD3de
storage.type.uintptr.go#FEA9A9de
storage.type.variable.cs#FEA5A5de
string#FEA1EEde
string.quoted.docstring.multi.python#B9B9FA6e
string.regexp#DEBD14de
string.tag#39DD17de
string.value#A596F1de
strong#15DC77de
support.class#33DC11de
support.constant.color#B7AAF6de
support.constant.dom#C4B7FEde
support.constant.font-name#77AEE5de
support.constant.handlebars#10DC74de
support.constant.json#11DC75de
support.constant.math#16DB78de
support.constant.media#38DC17de
support.constant.media-type#37DC14de
support.constant.property-value#0FDC78de
support.function#8DC5FDde
support.function.git-rebase#16DB79de
support.other.parenthesis.regexp#0FDC78de
support.type#E0BD16de
support.type.property-name#0EDB74de
support.type.vendored.property-name#8AC5FEde
support.variable#B7AAF6de
token.debug-token#DEBD14de
token.error-token#C4B7FEde
token.info-token#A597EAde
token.warn-token#7DB2E8de
variable#DFBE16de
variable.css#E98484de
variable.language#F4A3A3de
variable.language.wildcard.java#14DC79de
variable.other.constant#38DC17de
variable.other.definition.java#A495EDde
variable.other.enummember#16DB79de
variable.other.less#FEA5A5de
variable.other.object.java#A496EAde
variable.other.object.property.java#37DC14de
variable.parameter.c#38DC17de
variable.parameter.function.language.python#14DC79de
variable.parameter.java#8DC5FDde
variable.scss#C3B8F9de
viiv by B.W - VS Code Theme