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#1b1d1dfe
  • activityBar.activeBackground#1b1d1dfe
  • activityBar.activeBorder#9898EFfe
  • activityBar.activeFocusBorder#6E665E00
  • activityBar.background#111212fe
  • activityBar.border#68686800
  • activityBar.dropBorder#AAAAFEfe
  • activityBar.foreground#ABABF5fe
  • activityBar.inactiveForeground#A3A9A965
  • activityBarBadge.background#5B5BC6fe
  • activityBarBadge.foreground#111212fe
  • badge.background#5A5ACCfe
  • badge.foreground#111212fe
  • banner.background#1b1d1dfe
  • banner.foreground#F1F1F1ce
  • banner.iconForeground#D9D7DBfe
  • breadcrumb.activeSelectionForeground#E0E2E2ca
  • breadcrumb.background#131414fe
  • breadcrumb.focusForeground#6F6FDDfe
  • breadcrumb.foreground#E9EAEAae
  • breadcrumbPicker.background#1b1d1dfe
  • button.background#434848ae
  • button.border#0C0E0D00
  • button.foreground#F1F1F1ce
  • button.hoverBackground#5B62626e
  • button.secondaryBackground#1b1d1dfe
  • button.secondaryForeground#F1F1F1ce
  • button.secondaryHoverBackground#1b1d1dfe
  • button.separator#0D0D0D00
  • charts.blue#1b1bfffe
  • charts.foreground#F1F1F1ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0F1010fe
  • chat.slashCommandBackground#1b1d1dfe
  • chat.slashCommandForeground#F1F1F1ce
  • checkbox.background#0F1010fe
  • checkbox.border#0F1010fe
  • checkbox.foreground#F1F1F1ce
  • checkbox.selectBackground#0F1010fe
  • checkbox.selectBorder#0F1010fe
  • commandCenter.activeBackground#1E2D4783
  • commandCenter.activeBorder#0F1010fe
  • commandCenter.activeForeground#6565D6fe
  • commandCenter.background#1b1d1dfe
  • commandCenter.border#0F1010fe
  • commandCenter.foreground#F1F1F1ce
  • commandCenter.inactiveBorder#1831319b
  • commandCenter.inactiveForeground#A3A9A965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0D0D00
  • contrastBorder#0C0D0E00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#F1F1F1ce
  • debugConsole.sourceForeground#F1F1F1ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C7C0C2fe
  • debugExceptionWidget.background#550055bf
  • debugExceptionWidget.border#0F1010fe
  • debugIcon.breakpointCurrentStackframeForeground#CFCBC9fe
  • debugIcon.breakpointDisabledForeground#B9BEBE65
  • debugIcon.breakpointForeground#CECFD3fe
  • debugIcon.breakpointStackframeForeground#E7E5E4fe
  • debugIcon.breakpointUnverifiedForeground#CBC5C7fe
  • debugIcon.continueForeground#C6CACAfe
  • debugIcon.disconnectForeground#DFE3E0fe
  • debugIcon.pauseForeground#CFC9CBfe
  • debugIcon.restartForeground#CDC9CFfe
  • debugIcon.startForeground#E4E7E5fe
  • debugIcon.stepBackForeground#CFD2D2fe
  • debugIcon.stepIntoForeground#CDC9CFfe
  • debugIcon.stepOutForeground#D9D7DBfe
  • debugIcon.stepOverForeground#C6CACAfe
  • debugIcon.stopForeground#DFDBDCfe
  • debugTokenExpression.boolean#DCDEDEca
  • debugTokenExpression.error#DFDCDBca
  • debugTokenExpression.name#E3DFE0ca
  • debugTokenExpression.number#DFE3E0ca
  • debugTokenExpression.value#E0E2E2ca
  • debugToolBar.background#550055b0
  • debugToolBar.border#0F1010fe
  • debugView.exceptionLabelBackground#292F21ca
  • debugView.exceptionLabelForeground#D2D7D4ca
  • debugView.stateLabelBackground#332924ca
  • debugView.stateLabelForeground#DBDCDFca
  • debugView.valueChangedHighlight#DFDBDCca
  • descriptionForeground#F1F1F1ce
  • diffEditor.border#0C0D0E00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0D0E0C00
  • diffEditor.move.border#0C0E0D00
  • diffEditor.moveActive.border#0E0D0C00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0E0D0C00
  • diffEditor.unchangedCodeBackground#1b1d1dfe
  • diffEditor.unchangedRegionBackground#1b1d1dfe
  • diffEditor.unchangedRegionForeground#F1F1F1ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B9BEBE65
  • dropdown.background#0F1010fe
  • dropdown.border#0F1010fe
  • dropdown.foreground#F1F1F1ce
  • dropdown.listBackground#0F1010fe
  • editor.background#1b1d1dfe
  • editor.findMatchBackground#595D64ac
  • editor.findMatchBorder#0F1010fe
  • editor.findMatchHighlightBackground#524E4Aa8
  • editor.findMatchHighlightBorder#0F1010fe
  • editor.findRangeHighlightBackground#494E4Eaa
  • editor.findRangeHighlightBorder#0F1010fe
  • editor.focusedStackFrameHighlightBackground#645D5988
  • editor.foldBackground#BCBFB7a5
  • editor.foreground#F1F1F1ce
  • editor.hoverHighlightBackground#64595Dac
  • editor.inactiveSelectionBackground#494E4E97
  • editor.inlineValuesBackground#1b1d1dfe
  • editor.inlineValuesForeground#F1F1F1ce
  • editor.lineHighlightBackground#333737b2
  • editor.lineHighlightBorder#0E0C0D00
  • editor.linkedEditingBackground#1b1d1dfe
  • editor.rangeHighlightBackground#59645Da1
  • editor.rangeHighlightBorder#0F1010fe
  • editor.selectionBackground#47504Aad
  • editor.selectionForeground#D9DBD7ca
  • editor.selectionHighlightBackground#555F598e
  • editor.selectionHighlightBorder#0F1010fe
  • editor.snippetFinalTabstopHighlightBackground#55595Fa3
  • editor.snippetFinalTabstopHighlightBorder#0F1010fe
  • editor.snippetTabstopHighlightBackground#544B4Fa5
  • editor.snippetTabstopHighlightBorder#0F1010fe
  • editor.stackFrameHighlightBackground#53564Dac
  • editor.symbolHighlightBackground#55595Fab
  • editor.symbolHighlightBorder#0F1010fe
  • editor.wordHighlightBackground#58515Ba6
  • editor.wordHighlightBorder#0E0C0D00
  • editor.wordHighlightStrongBackground#6C6561ab
  • editor.wordHighlightStrongBorder#0D0C0E00
  • editor.wordHighlightTextBackground#4B5151a7
  • editor.wordHighlightTextBorder#0E0C0D00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#F1F1F1ce
  • editorBracketMatch.background#C3BBBEa8
  • editorBracketMatch.border#0F1010fe
  • editorBracketPairGuide.activeBackground1#B8BFBB8c
  • editorBracketPairGuide.activeBackground2#BCBEB781
  • editorBracketPairGuide.activeBackground3#BBBDC28d
  • editorBracketPairGuide.activeBackground4#B7BFBA8d
  • editorBracketPairGuide.activeBackground5#BCBEC386
  • editorBracketPairGuide.activeBackground6#C3BCBE8c
  • editorBracketPairGuide.background1#392925fe
  • editorBracketPairGuide.background2#222F2Ffe
  • editorBracketPairGuide.background3#252C37fe
  • editorBracketPairGuide.background4#262D3Cfe
  • editorBracketPairGuide.background5#3B262Dfe
  • editorBracketPairGuide.background6#233027fe
  • editorCodeLens.foreground#BABEBE6e
  • editorCommentsWidget.rangeActiveBackground#BABFBFfe
  • editorCommentsWidget.rangeBackground#1b1d1dfe
  • editorCommentsWidget.resolvedBorder#0F1010fe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#1b1d1dfe
  • editorCursor.foreground#6565D6fe
  • editorError.background#0D0E0C00
  • editorError.border#0D0E0C00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1b1d1dfe
  • editorGhostText.border#0C0D0E00
  • editorGhostText.foreground#B9BEBE6e
  • editorGroup.border#0F1010fe
  • editorGroup.dropBackground#1b1d1dfe
  • editorGroup.dropIntoPromptBackground#1b1d1dfe
  • editorGroup.dropIntoPromptBorder#0F1010fe
  • editorGroup.dropIntoPromptForeground#F1F1F1ce
  • editorGroup.emptyBackground#1b1d1dfe
  • editorGroup.focusedEmptyBorder#0F1010fe
  • editorGroupHeader.border#0C0E0D00
  • editorGroupHeader.noTabsBackground#111212ae
  • editorGroupHeader.tabsBackground#1b1d1da1
  • editorGroupHeader.tabsBorder#0C0D0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1b1d1dfe
  • editorGutter.commentGlyphForeground#F1F1F1ce
  • editorGutter.commentRangeForeground#F1F1F1ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#F1F1F1ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0D0E00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0F1010fe
  • editorHoverWidget.border#0F1010fe
  • editorHoverWidget.foreground#F1F1F1ce
  • editorHoverWidget.highlightForeground#DDDBDFca
  • editorHoverWidget.statusBarBackground#1b1d1dfe
  • editorIndentGuide.activeBackground1#9898EFfe
  • editorIndentGuide.activeBackground2#9898EFfe
  • editorIndentGuide.activeBackground3#A9A9FEfe
  • editorIndentGuide.activeBackground4#A4A4F3fe
  • editorIndentGuide.activeBackground5#A9A9FEfe
  • editorIndentGuide.activeBackground6#9898EFfe
  • editorIndentGuide.background1#B3B6BB35
  • editorIndentGuide.background2#B7AFB135
  • editorIndentGuide.background3#B0AAB335
  • editorIndentGuide.background4#A1ABA435
  • editorIndentGuide.background5#BFBAB735
  • editorIndentGuide.background6#A8A1AB35
  • editorInfo.background#0E0D0C00
  • editorInfo.border#0D0D0D00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1b1d1dfe
  • editorInlayHint.foreground#F1F1F1ce
  • editorInlayHint.parameterBackground#1b1d1dfe
  • editorInlayHint.parameterForeground#F1F1F1ce
  • editorInlayHint.typeBackground#1b1d1dfe
  • editorInlayHint.typeForeground#F1F1F1ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#6F6FDDfe
  • editorLineNumber.dimmedForeground#B9BEBE6e
  • editorLineNumber.foreground#B9BEBE6e
  • editorLink.activeForeground#5A5ACCfe
  • editorMarkerNavigation.background#0F1010fe
  • editorMarkerNavigationError.background#550055ad
  • editorMarkerNavigationError.headerBackground#550055ba
  • editorMarkerNavigationInfo.background#0000A2fe
  • editorMarkerNavigationInfo.headerBackground#0000A2fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1b1d1dfe
  • editorOverviewRuler.border#1B3030fe
  • editorOverviewRuler.bracketMatchForeground#F1F1F1ce
  • editorOverviewRuler.commentForeground#B9BEBE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F1F1F1ce
  • editorOverviewRuler.currentContentForeground#cececebf
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DFE0E3ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E3E0DFca
  • editorOverviewRuler.wordHighlightStrongForeground#F1F1F1ce
  • editorOverviewRuler.wordHighlightTextForeground#F1F1F1ce
  • editorPane.background#1b1d1dfe
  • editorRuler.foreground#BBBEBE24
  • editorStickyScroll.background#1b1d1dfe
  • editorStickyScrollHover.background#1D30306e
  • editorSuggestWidget.background#0F1010fe
  • editorSuggestWidget.border#0E0C0D00
  • editorSuggestWidget.focusHighlightForeground#8EB2FBfe
  • editorSuggestWidget.foreground#D7D8DBfe
  • editorSuggestWidget.highlightForeground#DCDEDEca
  • editorSuggestWidget.selectedBackground#59645D88
  • editorSuggestWidget.selectedForeground#DFDCDBca
  • editorSuggestWidget.selectedIconForeground#D7D8DBca
  • editorSuggestWidgetStatus.foreground#E3DFE0fe
  • editorUnicodeHighlight.background#595D64a2
  • editorUnicodeHighlight.border#0F1010fe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0E0C00
  • editorWarning.border#0D0E0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F1F1F1ce
  • editorWidget.background#0F1010fe
  • editorWidget.border#0F1010fe
  • editorWidget.foreground#F1F1F1ce
  • editorWidget.resizeBorder#0F1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#5B5BC6fe
  • extensionBadge.remoteForeground#111212fe
  • extensionButton.background#222F2Fae
  • extensionButton.foreground#F1F1F1ce
  • extensionButton.hoverBackground#1C30306e
  • extensionButton.prominentBackground#1b1d1dfe
  • extensionButton.prominentForeground#F1F1F1ce
  • extensionButton.prominentHoverBackground#1b1d1dfe
  • extensionButton.separator#0C0D0E00
  • extensionIcon.preReleaseForeground#D7DADAfe
  • extensionIcon.sponsorForeground#C7C0C2fe
  • extensionIcon.starForeground#D7DADAfe
  • extensionIcon.verifiedForeground#DFE0E3fe
  • focusBorder#0D0C0E00
  • foreground#F1F1F1ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B9BEBEae
  • inlineChat.background#3A262Eca
  • inlineChat.border#262B3Aca
  • inlineChat.regionHighlight#DBDCDFca
  • inlineChat.shadow#DBD8D7ca
  • inlineChatDiff.inserted#DFDBDCca
  • inlineChatDiff.removed#DBD7D8ca
  • inlineChatInput.background#E6E7E4ca
  • inlineChatInput.border#342A23ca
  • inlineChatInput.focusBorder#0E0D0C00
  • inlineChatInput.placeholderForeground#D5D2D7ca
  • input.background#0F1010fe
  • input.border#0F1010fe
  • input.foreground#F1F1F1ce
  • input.placeholderForeground#B9BEBE65
  • inputOption.activeBackground#0F1010fe
  • inputOption.activeBorder#0F1010fe
  • inputOption.activeForeground#5A5ACCfe
  • inputOption.hoverBackground#0F1010fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#550055b9
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0F1010fe
  • inputValidation.infoForeground#F1F1F1ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0F1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0F1010fe
  • interactive.inactiveCodeBorder#0F323297
  • keybindingLabel.background#1b1d1dfe
  • keybindingLabel.border#0F1010fe
  • keybindingLabel.bottomBorder#0F1010fe
  • keybindingLabel.foreground#F1F1F1ce
  • keybindingTable.headerBackground#1b1d1dfe
  • keybindingTable.rowsBackground#1b1d1dfe
  • list.activeSelectionBackground#51545B86
  • list.activeSelectionForeground#D3D6D6ca
  • list.activeSelectionIconForeground#E3E0DFca
  • list.deemphasizedForeground#F1F1F1ce
  • list.dropBackground#1b1d1dfe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1b1d1dfe
  • list.filterMatchBorder#0F1010fe
  • list.focusAndSelectionOutline#0C0E0D00
  • list.focusBackground#494E4E96
  • list.focusForeground#5C5CCFfe
  • list.focusHighlightForeground#D88EFDfe
  • list.focusOutline#0E0C0D00
  • list.highlightForeground#E4E7E5ca
  • list.hoverBackground#292E2Ba6
  • list.hoverForeground#5D5DC2fe
  • list.inactiveFocusBackground#3337379e
  • list.inactiveFocusOutline#0E0D0C00
  • list.inactiveSelectionBackground#111212ae
  • list.inactiveSelectionForeground#B9BEBE65
  • list.inactiveSelectionIconForeground#B9BEBE65
  • list.invalidItemForeground#F1F1F1ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1b1d1dfe
  • listFilterWidget.noMatchesOutline#0D0C0E00
  • listFilterWidget.outline#0D0E0C00
  • listFilterWidget.shadow#0D0C0E00
  • menu.background#111212fe
  • menu.border#0C0D0E00
  • menu.foreground#C6FAFAae
  • menu.selectionBackground#47504Aa7
  • menu.selectionBorder#0C0D0E00
  • menu.selectionForeground#5B5BC6fe
  • menu.separatorBackground#2A2D2D65
  • menubar.selectionBackground#46504Aa5
  • menubar.selectionBorder#0D0C0E00
  • menubar.selectionForeground#5B5BC9fe
  • merge.border#0F1010fe
  • merge.commonContentBackground#1b1d1dfe
  • merge.commonHeaderBackground#1b1d1dfe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#1b1d1dfe
  • mergeEditor.change.word.background#1b1d1dfe
  • mergeEditor.changeBase.background#1b1d1dfe
  • mergeEditor.changeBase.word.background#1b1d1dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0F1010fe
  • mergeEditor.conflict.handledUnfocused.border#1F212122
  • mergeEditor.conflict.input1.background#0F1010fe
  • mergeEditor.conflict.input2.background#0F1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b2
  • mergeEditor.conflict.unhandledFocused.border#0F1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1F21212a
  • mergeEditor.conflictingLines.background#1b1d1dfe
  • minimap.background#1b1d1dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#707878fe
  • minimapSlider.background#4B5151ae
  • minimapSlider.hoverBackground#5F67676e
  • notebook.cellBorderColor#0F1010fe
  • notebook.cellEditorBackground#1b1d1dfe
  • notebook.cellHoverBackground#1b1d1dfe
  • notebook.cellInsertionIndicator#D5D7D2ca
  • notebook.cellStatusBarItemHoverBackground#1b1d1dfe
  • notebook.cellToolbarSeparator#E4E5E7ca
  • notebook.editorBackground#1b1d1dfe
  • notebook.focusedCellBackground#1b1d1dfe
  • notebook.focusedCellBorder#6565D6fe
  • notebook.focusedEditorBorder#0F1010fe
  • notebook.inactiveFocusedCellBorder#6C74748e
  • notebook.inactiveSelectedCellBorder#636B6B8e
  • notebook.outputContainerBackgroundColor#1b1d1dfe
  • notebook.outputContainerBorderColor#0F1010fe
  • notebook.selectedCellBackground#1b1d1dfe
  • notebook.selectedCellBorder#0F1010fe
  • notebook.symbolHighlightBackground#1b1d1dfe
  • notebookEditorOverviewRuler.runningCellForeground#F1F1F1ce
  • notebookScrollbarSlider.activeBackground#747C7Cfe
  • notebookScrollbarSlider.background#3F4444ae
  • notebookScrollbarSlider.hoverBackground#5B62626e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#E7E5E4fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0F1010fe
  • notificationCenterHeader.background#1b1d1dfe
  • notificationCenterHeader.foreground#F1F1F1ce
  • notificationLink.foreground#F1F1F1ce
  • notifications.background#1b1d1dfe
  • notifications.border#0F1010fe
  • notifications.foreground#F1F1F1ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#DBDCDFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0F1010fe
  • panel.background#1b1d1dfe
  • panel.border#0F1010fe
  • panel.dropBorder#0F1010fe
  • panelInput.border#0F1010fe
  • panelSection.border#0F1010fe
  • panelSection.dropBackground#1b1d1dfe
  • panelSectionHeader.background#1b1d1dfe
  • panelSectionHeader.border#0F1010fe
  • panelSectionHeader.foreground#F1F1F1ce
  • panelTitle.activeBorder#0E0C0D00
  • panelTitle.activeForeground#A9A9FEfe
  • panelTitle.inactiveForeground#ACB1B165
  • peekView.border#A4A4F3fe
  • peekViewEditor.background#0F1010fe
  • peekViewEditor.matchHighlightBackground#564D508a
  • peekViewEditor.matchHighlightBorder#0D0C0E00
  • peekViewEditorGutter.background#0F1010fe
  • peekViewEditorStickyScroll.background#1b1d1dfe
  • peekViewResult.background#111212fe
  • peekViewResult.fileForeground#F1F1F1ce
  • peekViewResult.lineForeground#F1F1F1ce
  • peekViewResult.matchHighlightBackground#685D6184
  • peekViewResult.selectionBackground#524B5585
  • peekViewResult.selectionForeground#DBD7D8ca
  • peekViewTitle.background#111212fe
  • peekViewTitleDescription.foreground#F1F1F1ce
  • peekViewTitleLabel.foreground#F1F1F1ce
  • pickerGroup.border#0F1010fe
  • pickerGroup.foreground#F1F1F1ce
  • ports.iconRunningProcessForeground#C5C7CBfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5A5ACCfe
  • profileBadge.foreground#111212fe
  • progressBar.background#1b1d1dfe
  • quickInput.background#111212fe
  • quickInput.foreground#E9EAEAae
  • quickInputList.focusBackground#5F5559a7
  • quickInputList.focusForeground#5D5DC2fe
  • quickInputList.focusIconForeground#5C5CCFfe
  • quickInputTitle.background#0F1010fe
  • sash.hoverBorder#0F1010fe
  • scrollbar.shadow#0C0D0E00
  • scrollbarSlider.activeBackground#707878fe
  • scrollbarSlider.background#4B5151ae
  • scrollbarSlider.hoverBackground#4F55556e
  • search.resultsInfoForeground#F1F1F1ce
  • searchEditor.findMatchBackground#534D4Aac
  • searchEditor.findMatchBorder#0F1010fe
  • searchEditor.textInputBorder#0F1010fe
  • selection.background#1b1d1dfe
  • settings.checkboxBackground#0F1010fe
  • settings.checkboxBorder#0F1010fe
  • settings.checkboxForeground#F1F1F1ce
  • settings.dropdownBackground#0F1010fe
  • settings.dropdownBorder#0F1010fe
  • settings.dropdownForeground#F1F1F1ce
  • settings.dropdownListBorder#0F1010fe
  • settings.focusedRowBackground#4B4F5486
  • settings.focusedRowBorder#0F1010fe
  • settings.headerBorder#0F1010fe
  • settings.headerForeground#F1F1F1ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0F1010fe
  • settings.numberInputBorder#0F1010fe
  • settings.numberInputForeground#F1F1F1ce
  • settings.rowHoverBackground#1b1d1dfe
  • settings.sashBorder#0F1010fe
  • settings.settingsHeaderHoverForeground#6565D6fe
  • settings.textInputBackground#0F1010fe
  • settings.textInputBorder#0F1010fe
  • settings.textInputForeground#F1F1F1ce
  • sideBar.background#1b1d1dfe
  • sideBar.border#0F1010fe
  • sideBar.dropBackground#1b1d1dfe
  • sideBar.foreground#B9BEBEae
  • sideBarSectionHeader.background#0D0D0D00
  • sideBarSectionHeader.border#0F1010fe
  • sideBarSectionHeader.foreground#F1F1F1ce
  • sideBarTitle.foreground#F1F1F1ce
  • sideBySideEditor.horizontalBorder#0F1010fe
  • sideBySideEditor.verticalBorder#0F1010fe
  • simpleFindWidget.sashBorder#0F1010fe
  • statusBar.background#111212fe
  • statusBar.border#0F1010fe
  • statusBar.debuggingBackground#550055b0
  • statusBar.debuggingBorder#0F1010fe
  • statusBar.debuggingForeground#F1F1F1ce
  • statusBar.focusBorder#0D0C0E00
  • statusBar.foreground#B9BEBE6e
  • statusBar.noFolderBackground#111212fe
  • statusBar.noFolderBorder#0F1010fe
  • statusBar.noFolderForeground#F1F1F1ce
  • statusBarItem.activeBackground#111212fe
  • statusBarItem.compactHoverBackground#111212fe
  • statusBarItem.errorBackground#550055a6
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5500559b
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0E0C0D00
  • statusBarItem.hoverBackground#111212fe
  • statusBarItem.hoverForeground#5D5DC2fe
  • statusBarItem.offlineBackground#111212fe
  • statusBarItem.offlineForeground#F1F1F1ce
  • statusBarItem.offlineHoverBackground#111212fe
  • statusBarItem.offlineHoverForeground#5D5DC2fe
  • statusBarItem.prominentBackground#111212fe
  • statusBarItem.prominentForeground#F1F1F1ce
  • statusBarItem.prominentHoverBackground#111212fe
  • statusBarItem.prominentHoverForeground#5B5BC3fe
  • statusBarItem.remoteBackground#5B5BC9fe
  • statusBarItem.remoteForeground#111212fe
  • statusBarItem.remoteHoverBackground#111212fe
  • statusBarItem.remoteHoverForeground#5B5BC6fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#CACECEfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C5CBC7fe
  • symbolIcon.colorForeground#D7D2D4fe
  • symbolIcon.constantForeground#D3CFCEfe
  • symbolIcon.constructorForeground#D3CECFfe
  • symbolIcon.enumeratorForeground#C9C5CBfe
  • symbolIcon.enumeratorMemberForeground#C2C6C6fe
  • symbolIcon.eventForeground#CECFD3fe
  • symbolIcon.fieldForeground#E2DFE3fe
  • symbolIcon.fileForeground#D2D7D4fe
  • symbolIcon.folderForeground#D2D7D4fe
  • symbolIcon.functionForeground#CDCFC9fe
  • symbolIcon.interfaceForeground#DBD7D8fe
  • symbolIcon.keyForeground#C5CBC7fe
  • symbolIcon.keywordForeground#CED3CFfe
  • symbolIcon.methodForeground#C5C7CBfe
  • symbolIcon.moduleForeground#C0C2C7fe
  • symbolIcon.namespaceForeground#B9BEBEfe
  • symbolIcon.nullForeground#E4E7E5fe
  • symbolIcon.numberForeground#C7C0C2fe
  • symbolIcon.objectForeground#D5D7D2fe
  • symbolIcon.operatorForeground#D3CECFfe
  • symbolIcon.packageForeground#DBD8D7fe
  • symbolIcon.propertyForeground#CBC5C7fe
  • symbolIcon.referenceForeground#DBDCDFfe
  • symbolIcon.snippetForeground#D2D7D4fe
  • symbolIcon.stringForeground#E2E3DFfe
  • symbolIcon.structForeground#D2D7D4fe
  • symbolIcon.textForeground#B9BEBEfe
  • symbolIcon.typeParameterForeground#BDC2C2fe
  • symbolIcon.unitForeground#D7DBD8fe
  • symbolIcon.variableForeground#DFDBDCfe
  • tab.activeBackground#131414fe
  • tab.activeBorder#0C0D0E00
  • tab.activeBorderTop#9191EDfe
  • tab.activeForeground#ABABF5fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0D0D0D00
  • tab.hoverBackground#B9C1BBa6
  • tab.hoverBorder#0F1010fe
  • tab.hoverForeground#5B5BC9fe
  • tab.inactiveBackground#272A2A9a
  • tab.inactiveForeground#4BC3C365
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0F1010fe
  • tab.unfocusedActiveBackground#23252539
  • tab.unfocusedActiveBorder#0C0D0E00
  • tab.unfocusedActiveBorderTop#2A2D2D65
  • tab.unfocusedActiveForeground#4BC3C365
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#BABEBE38
  • tab.unfocusedHoverBorder#1F212124
  • tab.unfocusedHoverForeground#A3A9A965
  • tab.unfocusedInactiveBackground#373B3B9d
  • tab.unfocusedInactiveForeground#4BC3C365
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a3
  • 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#670067ac
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1b1d1dfe
  • terminal.border#0F1010fe
  • terminal.dropBackground#1b1d1dfe
  • terminal.findMatchBackground#1b1d1dfe
  • terminal.findMatchBorder#0F1010fe
  • terminal.findMatchHighlightBackground#1b1d1dfe
  • terminal.findMatchHighlightBorder#0F1010fe
  • terminal.foreground#B9BEBEae
  • terminal.hoverHighlightBackground#1b1d1dfe
  • terminal.inactiveSelectionBackground#2F32329d
  • terminal.selectionBackground#47504B87
  • terminal.selectionForeground#E7E5E4ca
  • terminal.tab.activeBorder#9898EFfe
  • terminalCommandDecoration.defaultBackground#C3BCBFa6
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1b1d1dfe
  • terminalCursor.foreground#5B5BC3fe
  • terminalOverviewRuler.cursorForeground#F1F1F1ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ac
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#BABAEAfe
  • testing.message.error.lineBackground#55005599
  • testing.message.info.decorationForeground#BABAEAfe
  • testing.message.info.lineBackground#0000A2fe
  • testing.peekBorder#0F1010fe
  • testing.peekHeaderBackground#1b1d1dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1b1d1dfe
  • textBlockQuote.border#0F1010fe
  • textCodeBlock.background#1b1d1dfe
  • textLink.activeForeground#5C5CCFfe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#F1F1F1ce
  • textSeparator.foreground#F1F1F1ce
  • titleBar.activeBackground#111212fe
  • titleBar.activeForeground#7BBDBDae
  • titleBar.border#0E0C0D00
  • titleBar.inactiveBackground#272A2Ad3
  • titleBar.inactiveForeground#4BC3C365
  • toolbar.activeBackground#491F2D88
  • toolbar.hoverBackground#1b1d1dfe
  • toolbar.hoverOutline#0C0E0D00
  • tree.inactiveIndentGuidesStroke#B4B7AF35
  • tree.indentGuidesStroke#BABAEDfe
  • tree.tableColumnsBorder#0F1010fe
  • tree.tableOddRowsBackground#1b1d1dfe
  • walkThrough.embeddedEditorBackground#1b1d1dfe
  • walkthrough.stepTitle.foreground#F1F1F1ce
  • welcomePage.background#1b1d1dfe
  • welcomePage.progress.background#1b1d1dfe
  • welcomePage.progress.foreground#F1F1F1ce
  • welcomePage.tileBackground#1b1d1dfe
  • welcomePage.tileBorder#0F1010fe
  • welcomePage.tileHoverBackground#1b1d1dfe
  • widget.border#0F1010fe
  • widget.shadow#0E0C0D00
  • window.activeBorder#0F1010fe
  • window.inactiveBorder#18313192

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7FD5D56e
comment.block.html#83D3D36e
comment.block.java#88D3D36e
comment.block.javadoc.java#86D4D46e
comment.block.powershell#83D3D36e
comment.block.xml#83D3D36e
comment.line.double-slash.c#83D3D36e
comment.line.double-slash.cpp#86D4D46e
comment.line.double-slash.java#7FD5D56e
comment.line.double-slash.js#7FD5D56e
comment.line.number-sign.makefile#86D4D46e
comment.line.number-sign.python#88D3D36e
comment.line.number-sign.yaml#88D3D36e
comment.line.percentage.erlang#83D3D36e
comment.line.powershell#86D4D46e
comment.source.cmake#88D3D36e
comment.source.cmakecache#88D3D36e
constant.character#17E517de
constant.character.character-class.regexp#E78F8Fde
constant.character.escape#A1A1ECde
constant.character.set.regexp#ED9191de
constant.language#13E613de
constant.numeric#15E515de
constant.numeric.dec.python#C0C0FEde
constant.other.caps.python#FEB3B3de
constant.other.character-class.regexp#13E613de
constant.other.character-class.set.regexp#15E515de
constant.other.color.rgb-value#EB8D8Dde
constant.other.placeholder#9F9FF2de
constant.other.rgb-value#F5ABABde
constant.regexp#9F9FF2de
constant.sha.git-rebase#A7A7A7de
emphasis#13E613de
entity.name.class#BEBEFEde
entity.name.function#E69090de
entity.name.function.preprocessor#C0C0FAde
entity.name.function.python#A1A1E9de
entity.name.label#B2B2B2de
entity.name.namespace#EF9898de
entity.name.operator#A0A0EBde
entity.name.operator.custom-literal#ABABF5de
entity.name.scope-resolution#0FE60Fde
entity.name.tag#A1A1EDde
entity.name.tag.css#17E517de
entity.name.type#F7B2B2de
entity.name.variable#AEAEAEde
entity.other.attribute#9F9FF2de
entity.other.attribute-name#AEAEAEde
entity.other.attribute-name.class.css#A9A9A9de
entity.other.attribute-name.class.mixin.css#13E613de
entity.other.attribute-name.id#BEBEFEde
entity.other.attribute-name.id.css#18E518de
entity.other.attribute-name.parent-selector.css#FEADADde
entity.other.attribute-name.pseudo-class.css#EF9898de
entity.other.attribute-name.pseudo-element.css#E69090de
entity.other.attribute-name.scss#FEADADde
entity.other.document.begin.yaml#86D4D46e
entity.other.inherited-class#C0C0FEde
header#17E517de
invalid#9F9FF2de
keyword#15E515de
keyword.codetag.notation.python#E98E8Ede
keyword.control#A1A1EEde
keyword.control.anchor.regexp#C0C0FEde
keyword.control.import.python#E88F8Fde
keyword.operator#C4C4C4de
keyword.operator.alignas#ABABF5de
keyword.operator.alignof#ABABF5de
keyword.operator.cast#C6C6C6de
keyword.operator.delete#ABABF5de
keyword.operator.documentation.powershell#86D4D46e
keyword.operator.expression#16E416de
keyword.operator.instanceof#17E517de
keyword.operator.logical.python#A1A1EDde
keyword.operator.minus.exponent#ED9191de
keyword.operator.negation.regexp#C0C0FAde
keyword.operator.new#C6C6C6de
keyword.operator.noexcept#A0A0EFde
keyword.operator.or.regexp#15E515de
keyword.operator.plus.exponent#E98E8Ede
keyword.operator.quantifier.regexp#A1A1EDde
keyword.operator.sizeof#17E617de
keyword.operator.typeid#E98E8Ede
keyword.operator.wordlike#C0C0FEde
keyword.other.operator#16E416de
keyword.other.package.java#B7B7B7de
keyword.other.unit#17E517de
keyword.other.using#15E515de
markup.bold#A1A1EDde
markup.changed#0FE60Fde
markup.deleted#B2B2F7de
markup.fenced_code.block.markdown#9F9FF2de
markup.heading#A7A7A7de
markup.inline.raw#B2B2B2de
markup.inserted#BBBBBBde
markup.italic#0DE50Dde
markup.raw.block.markdown#17E617de
markup.strikethrough#A0A0EBde
markup.underline#EF9898de
meta.block.c#13E613de
meta.block.c#E78F8Fde
meta.class.java#17E517de
meta.definition.variable.name#16E416de
meta.diff.header#C6C6C6de
meta.embedded#E69090de
meta.embedded.assembly#F7B2B2de
meta.function-call.arguments.python#9F9FF0de
meta.function-call.python#F29E9Ede
meta.member.access.python#ED9191de
meta.method.java#17E517de
meta.object-literal.key#9F9FF0de
meta.paragraph.markdown#E98E8Ede
meta.preprocessor#C0C0FAde
meta.preprocessor.numeric#C6C6C6de
meta.preprocessor.string#F7B2B2de
meta.scope.prerequisites.makefile#ABABF5de
meta.structure.dictionary.json.comments#86D4D46e
meta.structure.dictionary.key.python#17E517de
meta.structure.dictionary.value.json.comments#7FD5D56e
meta.template.expression#0EE60Ede
meta.type.cast.expr#A4A4F3de
meta.type.new.expr#E88F8Fde
parameter#9F9FF2de
punctuation.character.set.begin.regexp#A1A1EDde
punctuation.character.set.end.regexp#F5ABABde
punctuation.definition.array.begin.json#C0C0FAde
punctuation.definition.character-class.regexp#17E617de
punctuation.definition.comment#88D3D36e
punctuation.definition.comment.json.comments#83D3D36e
punctuation.definition.comment.python#83D3D36e
punctuation.definition.dictionary.begin.json#FEB3B3de
punctuation.definition.dictionary.end.json#17E517de
punctuation.definition.group.assertion.regexp#FEB3B3de
punctuation.definition.group.regexp#9F9FF0de
punctuation.definition.list.begin.json#17E517de
punctuation.definition.list.begin.markdown#FEB3B3de
punctuation.definition.list.begin.python#FEADADde
punctuation.definition.list.end.json#A1A1EEde
punctuation.definition.list.end.markdown#17E617de
punctuation.definition.list.end.python#BEBEFEde
punctuation.definition.parameters.begin.python#C0C0C0de
punctuation.definition.parameters.end.bracket.round.java#FEB3B3de
punctuation.definition.quote.begin.markdown#F29E9Ede
punctuation.definition.tag#E98E8Ede
punctuation.definition.template-expression.begin#F5ABABde
punctuation.definition.template-expression.end#BBBBBBde
punctuation.section.class.begin.bracket.curly.java#A1A1EDde
punctuation.section.embedded#EB8D8Dde
punctuation.section.embedded.begin.php#E98E8Ede
punctuation.section.embedded.end.php#18E618de
punctuation.terminator.java#13E613de
source.cmake#E98E8Ede
source.coffee.embedded#17E617de
source.cpp#C6C6C6de
source.css.less#B2B2F7de
source.groovy.embedded#C0C0FAde
source.java#18E518de
source.java-properties#AEAEAEde
source.json.comments#7FD5D56e
source.makefile#FEADADde
source.powershell#F7B2B2de
source.powershell.variable.other.member#E78F8Fde
source.python#FEB3B3de
storage#A0A0EFde
storage.modifier#0FE60Fde
storage.modifier.import.java#9F9FF0de
storage.modifier.package.java#FEB2B2de
storage.type#9F9FF0de
storage.type.annotation.groovy#17E517de
storage.type.annotation.java#A4A4F3de
storage.type.boolean.go#B2B2F7de
storage.type.byte.go#13E613de
storage.type.cs#A4A4F3de
storage.type.error.go#16E416de
storage.type.generic.cs#ED9191de
storage.type.generic.groovy#17E617de
storage.type.generic.java#B9B9F8de
storage.type.groovy#BEBEFEde
storage.type.java#13E613de
storage.type.modifier.cs#A1A1EEde
storage.type.numeric.go#E88F8Fde
storage.type.object.array.groovy#0FE60Fde
storage.type.object.array.java#F29E9Ede
storage.type.parameters.groovy#17E517de
storage.type.primitive.array.groovy#A9A9A9de
storage.type.primitive.array.java#0DE50Dde
storage.type.primitive.groovy#A1A1EEde
storage.type.primitive.java#17E517de
storage.type.rune.go#A0A0EBde
storage.type.string.go#B2B2F7de
storage.type.token.java#E98E8Ede
storage.type.uintptr.go#E78F8Fde
storage.type.variable.cs#9F9FF2de
string#C0C0C0de
string.quoted.docstring.multi.python#83D3D36e
string.regexp#13E613de
string.tag#E78F8Fde
string.value#FEB3B3de
strong#C6C6C6de
support.class#0FE60Fde
support.constant.color#E88F8Fde
support.constant.dom#BBBBBBde
support.constant.font-name#A1A1E9de
support.constant.handlebars#BEBEFEde
support.constant.json#B2B2B2de
support.constant.math#B7B7B7de
support.constant.media#0DE50Dde
support.constant.media-type#16E416de
support.constant.property-value#15E515de
support.function#C6C6C6de
support.function.git-rebase#17E517de
support.other.parenthesis.regexp#AEAEAEde
support.type#0FE60Fde
support.type.property-name#17E617de
support.type.vendored.property-name#FEB2B2de
support.variable#B2B2F7de
token.debug-token#BBBBBBde
token.error-token#EF9898de
token.info-token#17E517de
token.warn-token#BEBEFEde
variable#9F9FF2de
variable.css#16E416de
variable.language#A0A0EBde
variable.language.wildcard.java#0DE50Dde
variable.other.constant#B9B9F8de
variable.other.definition.java#A1A1E9de
variable.other.enummember#18E618de
variable.other.less#FEB3B3de
variable.other.object.java#FEB2B2de
variable.other.object.property.java#18E618de
variable.parameter.c#9F9FF2de
variable.parameter.function.language.python#16E416de
variable.parameter.java#A0A0EFde
variable.scss#13E613de
viiv by B.W - VS Code Theme