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#15191efe
  • activityBar.activeBackground#15191efe
  • activityBar.activeBorder#B99FFEfe
  • activityBar.activeFocusBorder#68684A00
  • activityBar.background#0D0F13fe
  • activityBar.border#68684A00
  • activityBar.dropBorder#A789F2fe
  • activityBar.foreground#A789F2fe
  • activityBar.inactiveForeground#6AAEFD65
  • activityBarBadge.background#8760E7fe
  • activityBarBadge.foreground#0D0F13fe
  • badge.background#815AE5fe
  • badge.foreground#0D0F13fe
  • banner.background#15191efe
  • banner.foreground#D7F0FDce
  • banner.iconForeground#D4C2CEfe
  • breadcrumb.activeSelectionForeground#D8E2D6ca
  • breadcrumb.background#0E1115fe
  • breadcrumb.focusForeground#774DE0fe
  • breadcrumb.foreground#DFEBFEae
  • breadcrumbPicker.background#15191efe
  • button.background#3B4654ae
  • button.border#0E0A0D00
  • button.foreground#D7F0FDce
  • button.hoverBackground#424F5E6e
  • button.secondaryBackground#15191efe
  • button.secondaryForeground#D7F0FDce
  • button.secondaryHoverBackground#15191efe
  • button.separator#0E0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#D7F0FDce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0B0E10fe
  • chat.slashCommandBackground#15191efe
  • chat.slashCommandForeground#D7F0FDce
  • checkbox.background#0B0E10fe
  • checkbox.border#0B0E10fe
  • checkbox.foreground#D7F0FDce
  • checkbox.selectBackground#0B0E10fe
  • checkbox.selectBorder#0B0E10fe
  • commandCenter.activeBackground#182C2387
  • commandCenter.activeBorder#0B0E10fe
  • commandCenter.activeForeground#7147D9fe
  • commandCenter.background#15191efe
  • commandCenter.border#0B0E10fe
  • commandCenter.foreground#D7F0FDce
  • commandCenter.inactiveBorder#00275A95
  • commandCenter.inactiveForeground#9FACBC65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0E0A00
  • contrastBorder#0A0E0C00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#D7F0FDce
  • debugConsole.sourceForeground#D7F0FDce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BBCDB8fe
  • debugExceptionWidget.background#4E004Ecb
  • debugExceptionWidget.border#0B0E10fe
  • debugIcon.breakpointCurrentStackframeForeground#D8C7D2fe
  • debugIcon.breakpointDisabledForeground#B0BBC865
  • debugIcon.breakpointForeground#D1DFD9fe
  • debugIcon.breakpointStackframeForeground#DBDACCfe
  • debugIcon.breakpointUnverifiedForeground#D4D2C2fe
  • debugIcon.continueForeground#D1BDCAfe
  • debugIcon.disconnectForeground#D1BDCAfe
  • debugIcon.pauseForeground#E6DBE2fe
  • debugIcon.restartForeground#C2D4CCfe
  • debugIcon.startForeground#CAC7B3fe
  • debugIcon.stepBackForeground#DFDDD1fe
  • debugIcon.stepIntoForeground#CAB3C2fe
  • debugIcon.stepOutForeground#CAB3C2fe
  • debugIcon.stepOverForeground#DBDACCfe
  • debugIcon.stopForeground#CBB4B4fe
  • debugTokenExpression.boolean#D8E2D6ca
  • debugTokenExpression.error#DFD1D1ca
  • debugTokenExpression.name#D8E2D6ca
  • debugTokenExpression.number#C7CFD8ca
  • debugTokenExpression.value#DFDBE6ca
  • debugToolBar.background#4E004Ec7
  • debugToolBar.border#0B0E10fe
  • debugView.exceptionLabelBackground#2E2243ca
  • debugView.exceptionLabelForeground#DBE0E6ca
  • debugView.stateLabelBackground#2A281Aca
  • debugView.stateLabelForeground#E6DBE2ca
  • debugView.valueChangedHighlight#D6D1DFca
  • descriptionForeground#D7F0FDce
  • diffEditor.border#0E0E0A00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#102F12fb
  • diffEditor.insertedTextBorder#0B0A0E00
  • diffEditor.move.border#0E0A0D00
  • diffEditor.moveActive.border#0A0C0E00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#590000fb
  • diffEditor.removedTextBorder#0A0E0A00
  • diffEditor.unchangedCodeBackground#15191efe
  • diffEditor.unchangedRegionBackground#15191efe
  • diffEditor.unchangedRegionForeground#D7F0FDce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B1BBC865
  • dropdown.background#0B0E10fe
  • dropdown.border#0B0E10fe
  • dropdown.foreground#D7F0FDce
  • dropdown.listBackground#0B0E10fe
  • editor.background#15191efe
  • editor.findMatchBackground#604356a3
  • editor.findMatchBorder#0B0E10fe
  • editor.findMatchHighlightBackground#504665a5
  • editor.findMatchHighlightBorder#0B0E10fe
  • editor.findRangeHighlightBackground#686549ae
  • editor.findRangeHighlightBorder#0B0E10fe
  • editor.focusedStackFrameHighlightBackground#3B503885
  • editor.foldBackground#CBB5B5a4
  • editor.foreground#D7F0FDce
  • editor.hoverHighlightBackground#49685Aad
  • editor.inactiveSelectionBackground#3F4C5B9a
  • editor.inlineValuesBackground#15191efe
  • editor.inlineValuesForeground#D7F0FDce
  • editor.lineHighlightBackground#2D3640b5
  • editor.lineHighlightBorder#0B0A0E00
  • editor.linkedEditingBackground#15191efe
  • editor.rangeHighlightBackground#5F4255a2
  • editor.rangeHighlightBorder#0B0E10fe
  • editor.selectionBackground#375046ac
  • editor.selectionForeground#CCD3DBca
  • editor.selectionHighlightBackground#4F4D3784
  • editor.selectionHighlightBorder#0B0E10fe
  • editor.snippetFinalTabstopHighlightBackground#504765a2
  • editor.snippetFinalTabstopHighlightBorder#0B0E10fe
  • editor.snippetTabstopHighlightBackground#577753a1
  • editor.snippetTabstopHighlightBorder#0B0E10fe
  • editor.stackFrameHighlightBackground#604343ae
  • editor.symbolHighlightBackground#4F4D37a2
  • editor.symbolHighlightBorder#0B0E10fe
  • editor.wordHighlightBackground#684949a1
  • editor.wordHighlightBorder#0A0E0A00
  • editor.wordHighlightStrongBackground#504665ae
  • editor.wordHighlightStrongBorder#0A0E0C00
  • editor.wordHighlightTextBackground#506D4Ca2
  • editor.wordHighlightTextBorder#0E0A0A00
  • editorBracketHighlight.foreground1#F4F6F7ce
  • editorBracketHighlight.foreground2#F4F6F7ce
  • editorBracketHighlight.foreground3#F4F6F7ce
  • editorBracketHighlight.foreground4#F4F6F7ce
  • editorBracketHighlight.foreground5#F4F6F7ce
  • editorBracketHighlight.foreground6#F4F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#D7F0FDce
  • editorBracketMatch.background#A8C0A5ab
  • editorBracketMatch.border#0B0E10fe
  • editorBracketPairGuide.activeBackground1#BEB7CD89
  • editorBracketPairGuide.activeBackground2#A5C0B48b
  • editorBracketPairGuide.activeBackground3#CBB4B48b
  • editorBracketPairGuide.activeBackground4#A9C0A68a
  • editorBracketPairGuide.activeBackground5#A8C0A584
  • editorBracketPairGuide.activeBackground6#BEB7CD81
  • editorBracketPairGuide.background1#1E2938fe
  • editorBracketPairGuide.background2#3B1F31fe
  • editorBracketPairGuide.background3#2C291Afe
  • editorBracketPairGuide.background4#2E2344fe
  • editorBracketPairGuide.background5#192A23fe
  • editorBracketPairGuide.background6#2C291Afe
  • editorCodeLens.foreground#B1BCC86e
  • editorCommentsWidget.rangeActiveBackground#B0BBC8fe
  • editorCommentsWidget.rangeBackground#15191efe
  • editorCommentsWidget.resolvedBorder#0B0E10fe
  • editorCommentsWidget.unresolvedBorder#590000cb
  • editorCursor.background#15191efe
  • editorCursor.foreground#724AD5fe
  • editorError.background#0B0A0E00
  • editorError.border#0A0E0A00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#15191efe
  • editorGhostText.border#0E0E0A00
  • editorGhostText.foreground#B1BBC86e
  • editorGroup.border#0B0E10fe
  • editorGroup.dropBackground#15191efe
  • editorGroup.dropIntoPromptBackground#15191efe
  • editorGroup.dropIntoPromptBorder#0B0E10fe
  • editorGroup.dropIntoPromptForeground#D7F0FDce
  • editorGroup.emptyBackground#15191efe
  • editorGroup.focusedEmptyBorder#0B0E10fe
  • editorGroupHeader.border#0A0E0A00
  • editorGroupHeader.noTabsBackground#0D0F13ae
  • editorGroupHeader.tabsBackground#15191Ea1
  • editorGroupHeader.tabsBorder#0A0E0C00
  • editorGutter.addedBackground#83CA87fb
  • editorGutter.background#15191efe
  • editorGutter.commentGlyphForeground#D7F0FDce
  • editorGutter.commentRangeForeground#D7F0FDce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9F9Fcb
  • editorGutter.foldingControlForeground#D7F0FDce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0A0E00
  • editorHint.foreground#C1AEFFce
  • editorHoverWidget.background#0B0E10fe
  • editorHoverWidget.border#0B0E10fe
  • editorHoverWidget.foreground#D7F0FDce
  • editorHoverWidget.highlightForeground#E6DBDBca
  • editorHoverWidget.statusBarBackground#15191efe
  • editorIndentGuide.activeBackground1#A789F2fe
  • editorIndentGuide.activeBackground2#B99FFEfe
  • editorIndentGuide.activeBackground3#B89EF7fe
  • editorIndentGuide.activeBackground4#BA9FFEfe
  • editorIndentGuide.activeBackground5#B297F5fe
  • editorIndentGuide.activeBackground6#BA9FFEfe
  • editorIndentGuide.background1#AEAA8B35
  • editorIndentGuide.background2#A7819A35
  • editorIndentGuide.background3#9FBCAF35
  • editorIndentGuide.background4#AE8BA235
  • editorIndentGuide.background5#AEC6BC35
  • editorIndentGuide.background6#A7818135
  • editorInfo.background#0A0E0A00
  • editorInfo.border#0A0E0C00
  • editorInfo.foreground#C1AEFFce
  • editorInlayHint.background#15191efe
  • editorInlayHint.foreground#D7F0FDce
  • editorInlayHint.parameterBackground#15191efe
  • editorInlayHint.parameterForeground#D7F0FDce
  • editorInlayHint.typeBackground#15191efe
  • editorInlayHint.typeForeground#D7F0FDce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#7247DDfe
  • editorLineNumber.dimmedForeground#B1BBC86e
  • editorLineNumber.foreground#B1BBC86e
  • editorLink.activeForeground#7148D7fe
  • editorMarkerNavigation.background#0B0E10fe
  • editorMarkerNavigationError.background#4E004Ea0
  • editorMarkerNavigationError.headerBackground#4E004Ea4
  • editorMarkerNavigationInfo.background#000096fe
  • editorMarkerNavigationInfo.headerBackground#000096fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15191efe
  • editorOverviewRuler.border#162941fe
  • editorOverviewRuler.bracketMatchForeground#D7F0FDce
  • editorOverviewRuler.commentForeground#B1BCC86e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#D7F0FDce
  • editorOverviewRuler.currentContentForeground#cececeb9
  • editorOverviewRuler.deletedForeground#FF9F9Fcb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C1AEFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D1DFD9ca
  • editorOverviewRuler.selectionHighlightForeground#C1AEFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#C7CFD8ca
  • editorOverviewRuler.wordHighlightStrongForeground#D7F0FDce
  • editorOverviewRuler.wordHighlightTextForeground#D7F0FDce
  • editorPane.background#15191efe
  • editorRuler.foreground#B0BCC82d
  • editorStickyScroll.background#15191efe
  • editorStickyScrollHover.background#2229326e
  • editorSuggestWidget.background#0B0E10fe
  • editorSuggestWidget.border#0A0E0A00
  • editorSuggestWidget.focusHighlightForeground#59C097fe
  • editorSuggestWidget.foreground#BFB8CDfe
  • editorSuggestWidget.highlightForeground#D3DFD1ca
  • editorSuggestWidget.selectedBackground#60425684
  • editorSuggestWidget.selectedForeground#E1E9E0ca
  • editorSuggestWidget.selectedIconForeground#D1CCDBca
  • editorSuggestWidgetStatus.foreground#C9B3C2fe
  • editorUnicodeHighlight.background#604256a2
  • editorUnicodeHighlight.border#0B0E10fe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0E0A00
  • editorWarning.border#0E0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D7F0FDce
  • editorWidget.background#0B0E10fe
  • editorWidget.border#0B0E10fe
  • editorWidget.foreground#D7F0FDce
  • editorWidget.resizeBorder#0B0E10fe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#7C53E2fe
  • extensionBadge.remoteForeground#0D0F13fe
  • extensionButton.background#1D2938ae
  • extensionButton.foreground#D7F0FDce
  • extensionButton.hoverBackground#1A293D6e
  • extensionButton.prominentBackground#15191efe
  • extensionButton.prominentForeground#D7F0FDce
  • extensionButton.prominentHoverBackground#15191efe
  • extensionButton.separator#0B0A0E00
  • extensionIcon.preReleaseForeground#BFB8CDfe
  • extensionIcon.sponsorForeground#CDB8C6fe
  • extensionIcon.starForeground#D4C2CEfe
  • extensionIcon.verifiedForeground#D8E2D6fe
  • focusBorder#0A0E0A00
  • foreground#D7F0FDce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9F9Fcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C1AEFFce
  • gitDecoration.stageDeletedResourceForeground#FF9F9Fcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B0BBC8ae
  • inlineChat.background#1A2B23ca
  • inlineChat.border#1E2834ca
  • inlineChat.regionHighlight#D1DFD9ca
  • inlineChat.shadow#C7CFD8ca
  • inlineChatDiff.inserted#D8C7D2ca
  • inlineChatDiff.removed#D8E2D6ca
  • inlineChatInput.background#D1DFD9ca
  • inlineChatInput.border#3B2032ca
  • inlineChatInput.focusBorder#0A0E0A00
  • inlineChatInput.placeholderForeground#E9E0E0ca
  • input.background#0B0E10fe
  • input.border#0B0E10fe
  • input.foreground#D7F0FDce
  • input.placeholderForeground#B0BBC765
  • inputOption.activeBackground#0B0E10fe
  • inputOption.activeBorder#0B0E10fe
  • inputOption.activeForeground#774DE0fe
  • inputOption.hoverBackground#0B0E10fe
  • inputValidation.errorBackground#670067ab
  • inputValidation.errorBorder#4E004Ec0
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0B0E10fe
  • inputValidation.infoForeground#D7F0FDce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0B0E10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0B0E10fe
  • interactive.inactiveCodeBorder#22293197
  • keybindingLabel.background#15191efe
  • keybindingLabel.border#0B0E10fe
  • keybindingLabel.bottomBorder#0B0E10fe
  • keybindingLabel.foreground#D7F0FDce
  • keybindingTable.headerBackground#15191efe
  • keybindingTable.rowsBackground#15191efe
  • list.activeSelectionBackground#68494987
  • list.activeSelectionForeground#DFD1D1ca
  • list.activeSelectionIconForeground#DFDBE6ca
  • list.deemphasizedForeground#D7F0FDce
  • list.dropBackground#15191efe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#15191efe
  • list.filterMatchBorder#0B0E10fe
  • list.focusAndSelectionOutline#0A0E0A00
  • list.focusBackground#3F4C5B97
  • list.focusForeground#7247DDfe
  • list.focusHighlightForeground#4FC28Efe
  • list.focusOutline#0A0E0C00
  • list.highlightForeground#D6D1DFca
  • list.hoverBackground#0D2E21ae
  • list.hoverForeground#774DE0fe
  • list.inactiveFocusBackground#2D36409c
  • list.inactiveFocusOutline#0A0C0E00
  • list.inactiveSelectionBackground#0D0F13ae
  • list.inactiveSelectionForeground#B1BBC865
  • list.inactiveSelectionIconForeground#B0BBC765
  • list.invalidItemForeground#D7F0FDce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15191efe
  • listFilterWidget.noMatchesOutline#0E0A0D00
  • listFilterWidget.outline#0B0A0E00
  • listFilterWidget.shadow#0E0A0D00
  • menu.background#0D0F13fe
  • menu.border#0A0E0A00
  • menu.foreground#E0E4E9ae
  • menu.selectionBackground#375046a9
  • menu.selectionBorder#0E0A0D00
  • menu.selectionForeground#7C53E2fe
  • menu.separatorBackground#1C293865
  • menubar.selectionBackground#385146ad
  • menubar.selectionBorder#0E0A0A00
  • menubar.selectionForeground#815AE5fe
  • merge.border#0B0E10fe
  • merge.commonContentBackground#15191efe
  • merge.commonHeaderBackground#15191efe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#102F12fb
  • merge.incomingContentBackground#102D12cb
  • merge.incomingHeaderBackground#102F12fb
  • mergeEditor.change.background#15191efe
  • mergeEditor.change.word.background#15191efe
  • mergeEditor.changeBase.background#15191efe
  • mergeEditor.changeBase.word.background#15191efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0B0E10fe
  • mergeEditor.conflict.handledUnfocused.border#1B212728
  • mergeEditor.conflict.input1.background#0B0E10fe
  • mergeEditor.conflict.input2.background#0B0E10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b1
  • mergeEditor.conflict.unhandledFocused.border#0B0E10fe
  • mergeEditor.conflict.unhandledUnfocused.border#181D2225
  • mergeEditor.conflictingLines.background#15191efe
  • minimap.background#15191efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#83CA87fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5A6C81fe
  • minimapSlider.background#3B4654ae
  • minimapSlider.hoverBackground#4C5B6D6e
  • notebook.cellBorderColor#0B0E10fe
  • notebook.cellEditorBackground#15191efe
  • notebook.cellHoverBackground#15191efe
  • notebook.cellInsertionIndicator#DAD6E2ca
  • notebook.cellStatusBarItemHoverBackground#15191efe
  • notebook.cellToolbarSeparator#E2E1D6ca
  • notebook.editorBackground#15191efe
  • notebook.focusedCellBackground#15191efe
  • notebook.focusedCellBorder#724AD5fe
  • notebook.focusedEditorBorder#0B0E10fe
  • notebook.inactiveFocusedCellBorder#5A6C818e
  • notebook.inactiveSelectedCellBorder#57687C8e
  • notebook.outputContainerBackgroundColor#15191efe
  • notebook.outputContainerBorderColor#0B0E10fe
  • notebook.selectedCellBackground#15191efe
  • notebook.selectedCellBorder#0B0E10fe
  • notebook.symbolHighlightBackground#15191efe
  • notebookEditorOverviewRuler.runningCellForeground#D7F0FDce
  • notebookScrollbarSlider.activeBackground#57687Cfe
  • notebookScrollbarSlider.background#3E4A59ae
  • notebookScrollbarSlider.hoverBackground#4553636e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#D8E2D6fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0B0E10fe
  • notificationCenterHeader.background#15191efe
  • notificationCenterHeader.foreground#D7F0FDce
  • notificationLink.foreground#D7F0FDce
  • notifications.background#15191efe
  • notifications.border#0B0E10fe
  • notifications.foreground#D7F0FDce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#E6DBDBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0B0E10fe
  • panel.background#15191efe
  • panel.border#0B0E10fe
  • panel.dropBorder#0B0E10fe
  • panelInput.border#0B0E10fe
  • panelSection.border#0B0E10fe
  • panelSection.dropBackground#15191efe
  • panelSectionHeader.background#15191efe
  • panelSectionHeader.border#0B0E10fe
  • panelSectionHeader.foreground#D7F0FDce
  • panelTitle.activeBorder#0B0A0E00
  • panelTitle.activeForeground#A789F2fe
  • panelTitle.inactiveForeground#6AAEFD65
  • peekView.border#BA9FFEfe
  • peekViewEditor.background#0B0E10fe
  • peekViewEditor.matchHighlightBackground#39514685
  • peekViewEditor.matchHighlightBorder#0A0E0C00
  • peekViewEditorGutter.background#0B0E10fe
  • peekViewEditorStickyScroll.background#15191efe
  • peekViewResult.background#0D0F13fe
  • peekViewResult.fileForeground#D7F0FDce
  • peekViewResult.lineForeground#D7F0FDce
  • peekViewResult.matchHighlightBackground#50466482
  • peekViewResult.selectionBackground#5E425589
  • peekViewResult.selectionForeground#E9E8E0ca
  • peekViewTitle.background#0D0F13fe
  • peekViewTitleDescription.foreground#D7F0FDce
  • peekViewTitleLabel.foreground#D7F0FDce
  • pickerGroup.border#0B0E10fe
  • pickerGroup.foreground#D7F0FDce
  • ports.iconRunningProcessForeground#D4C2C2fe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C1AEFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#7146DBfe
  • profileBadge.foreground#0D0F13fe
  • progressBar.background#15191efe
  • quickInput.background#0D0F13fe
  • quickInput.foreground#D6EAFEae
  • quickInputList.focusBackground#507263a8
  • quickInputList.focusForeground#774DE0fe
  • quickInputList.focusIconForeground#7146DBfe
  • quickInputTitle.background#0B0E10fe
  • sash.hoverBorder#0B0E10fe
  • scrollbar.shadow#0A0E0C00
  • scrollbarSlider.activeBackground#61748Bfe
  • scrollbarSlider.background#343E4Aae
  • scrollbarSlider.hoverBackground#424F5E6e
  • search.resultsInfoForeground#D7F0FDce
  • searchEditor.findMatchBackground#54523Bac
  • searchEditor.findMatchBorder#0B0E10fe
  • searchEditor.textInputBorder#0B0E10fe
  • selection.background#15191efe
  • settings.checkboxBackground#0B0E10fe
  • settings.checkboxBorder#0B0E10fe
  • settings.checkboxForeground#D7F0FDce
  • settings.dropdownBackground#0B0E10fe
  • settings.dropdownBorder#0B0E10fe
  • settings.dropdownForeground#D7F0FDce
  • settings.dropdownListBorder#0B0E10fe
  • settings.focusedRowBackground#6849498d
  • settings.focusedRowBorder#0B0E10fe
  • settings.headerBorder#0B0E10fe
  • settings.headerForeground#D7F0FDce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0B0E10fe
  • settings.numberInputBorder#0B0E10fe
  • settings.numberInputForeground#D7F0FDce
  • settings.rowHoverBackground#15191efe
  • settings.sashBorder#0B0E10fe
  • settings.settingsHeaderHoverForeground#7148D8fe
  • settings.textInputBackground#0B0E10fe
  • settings.textInputBorder#0B0E10fe
  • settings.textInputForeground#D7F0FDce
  • sideBar.background#15191efe
  • sideBar.border#0B0E10fe
  • sideBar.dropBackground#15191efe
  • sideBar.foreground#B0BBC8ae
  • sideBarSectionHeader.background#0E0E0A00
  • sideBarSectionHeader.border#0B0E10fe
  • sideBarSectionHeader.foreground#D7F0FDce
  • sideBarTitle.foreground#D7F0FDce
  • sideBySideEditor.horizontalBorder#0B0E10fe
  • sideBySideEditor.verticalBorder#0B0E10fe
  • simpleFindWidget.sashBorder#0B0E10fe
  • statusBar.background#0D0F13fe
  • statusBar.border#0B0E10fe
  • statusBar.debuggingBackground#4E004Eb9
  • statusBar.debuggingBorder#0B0E10fe
  • statusBar.debuggingForeground#D7F0FDce
  • statusBar.focusBorder#0E0A0A00
  • statusBar.foreground#B1BCC86e
  • statusBar.noFolderBackground#0D0F13fe
  • statusBar.noFolderBorder#0B0E10fe
  • statusBar.noFolderForeground#D7F0FDce
  • statusBarItem.activeBackground#0D0F13fe
  • statusBarItem.compactHoverBackground#0D0F13fe
  • statusBarItem.errorBackground#4E004Ea3
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#4E004E99
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0A00
  • statusBarItem.hoverBackground#0D0F13fe
  • statusBarItem.hoverForeground#774DE0fe
  • statusBarItem.offlineBackground#0D0F13fe
  • statusBarItem.offlineForeground#D7F0FDce
  • statusBarItem.offlineHoverBackground#0D0F13fe
  • statusBarItem.offlineHoverForeground#774DE0fe
  • statusBarItem.prominentBackground#0D0F13fe
  • statusBarItem.prominentForeground#D7F0FDce
  • statusBarItem.prominentHoverBackground#0D0F13fe
  • statusBarItem.prominentHoverForeground#7247DDfe
  • statusBarItem.remoteBackground#7148D7fe
  • statusBarItem.remoteForeground#0D0F13fe
  • statusBarItem.remoteHoverBackground#0D0F13fe
  • statusBarItem.remoteHoverForeground#7147D9fe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#CEAB00ce
  • symbolIcon.arrayForeground#C9D8C7fe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#C4BDD1fe
  • symbolIcon.colorForeground#B8CDC4fe
  • symbolIcon.constantForeground#DBE6E1fe
  • symbolIcon.constructorForeground#CCDBD5fe
  • symbolIcon.enumeratorForeground#C4D4C2fe
  • symbolIcon.enumeratorMemberForeground#D4D2C2fe
  • symbolIcon.eventForeground#DBE0E6fe
  • symbolIcon.fieldForeground#E2D6D6fe
  • symbolIcon.fileForeground#B0BBC7fe
  • symbolIcon.folderForeground#C2CAD4fe
  • symbolIcon.functionForeground#E1E9E0fe
  • symbolIcon.interfaceForeground#D8E2D6fe
  • symbolIcon.keyForeground#CDB8C6fe
  • symbolIcon.keywordForeground#E9E0E0fe
  • symbolIcon.methodForeground#DBDACCfe
  • symbolIcon.moduleForeground#C9D8C7fe
  • symbolIcon.namespaceForeground#D1BDCAfe
  • symbolIcon.nullForeground#C2D4CCfe
  • symbolIcon.numberForeground#D3DFD1fe
  • symbolIcon.objectForeground#DBE6E1fe
  • symbolIcon.operatorForeground#E0E9E5fe
  • symbolIcon.packageForeground#E6DBDBfe
  • symbolIcon.propertyForeground#CDC7D8fe
  • symbolIcon.referenceForeground#DFD1DAfe
  • symbolIcon.snippetForeground#D4C2C2fe
  • symbolIcon.stringForeground#D8E2D6fe
  • symbolIcon.structForeground#BBCDB8fe
  • symbolIcon.textForeground#C4BDD1fe
  • symbolIcon.typeParameterForeground#D6E2DDfe
  • symbolIcon.unitForeground#E9E0E0fe
  • symbolIcon.variableForeground#C2CAD4fe
  • tab.activeBackground#0E1115fe
  • tab.activeBorder#0E0A0D00
  • tab.activeBorderTop#B69AFEfe
  • tab.activeForeground#BA9FFEfe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0E0A0A00
  • tab.hoverBackground#A6C0B5ae
  • tab.hoverBorder#0B0E10fe
  • tab.hoverForeground#774DE0fe
  • tab.inactiveBackground#22293193
  • tab.inactiveForeground#9FACBC65
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0B0E10fe
  • tab.unfocusedActiveBackground#1B212721
  • tab.unfocusedActiveBorder#0E0A0A00
  • tab.unfocusedActiveBorderTop#1D293865
  • tab.unfocusedActiveForeground#95A3B565
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#AFBBC627
  • tab.unfocusedHoverBorder#181D2235
  • tab.unfocusedHoverForeground#61A7FD65
  • tab.unfocusedInactiveBackground#29313B96
  • tab.unfocusedInactiveForeground#6AAEFD65
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339c
  • 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#670067c8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15191efe
  • terminal.border#0B0E10fe
  • terminal.dropBackground#15191efe
  • terminal.findMatchBackground#15191efe
  • terminal.findMatchBorder#0B0E10fe
  • terminal.findMatchHighlightBackground#15191efe
  • terminal.findMatchHighlightBorder#0B0E10fe
  • terminal.foreground#B0BBC8ae
  • terminal.hoverHighlightBackground#15191efe
  • terminal.inactiveSelectionBackground#2229319c
  • terminal.selectionBackground#4E4C378b
  • terminal.selectionForeground#D8E2D6ca
  • terminal.tab.activeBorder#BA9EFEfe
  • terminalCommandDecoration.defaultBackground#BEB7CDab
  • terminalCommandDecoration.errorBackground#FF9F9Fcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15191efe
  • terminalCursor.foreground#7148D8fe
  • terminalOverviewRuler.cursorForeground#D7F0FDce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#C3B1EFfe
  • testing.message.error.lineBackground#4E004Eaa
  • testing.message.info.decorationForeground#C3B1EFfe
  • testing.message.info.lineBackground#000096fe
  • testing.peekBorder#0B0E10fe
  • testing.peekHeaderBackground#15191efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15191efe
  • textBlockQuote.border#0B0E10fe
  • textCodeBlock.background#15191efe
  • textLink.activeForeground#7148D7fe
  • textLink.foreground#C1AEFFce
  • textPreformat.foreground#D7F0FDce
  • textSeparator.foreground#D7F0FDce
  • titleBar.activeBackground#0D0F13fe
  • titleBar.activeForeground#85B2DFae
  • titleBar.border#0E0A0D00
  • titleBar.inactiveBackground#181D22d7
  • titleBar.inactiveForeground#9FACBC65
  • toolbar.activeBackground#1E2B258d
  • toolbar.hoverBackground#15191efe
  • toolbar.hoverOutline#0E0A0A00
  • tree.inactiveIndentGuidesStroke#AE8BA235
  • tree.indentGuidesStroke#C3B1F0fe
  • tree.tableColumnsBorder#0B0E10fe
  • tree.tableOddRowsBackground#15191efe
  • walkThrough.embeddedEditorBackground#15191efe
  • walkthrough.stepTitle.foreground#D7F0FDce
  • welcomePage.background#15191efe
  • welcomePage.progress.background#15191efe
  • welcomePage.progress.foreground#D7F0FDce
  • welcomePage.tileBackground#15191efe
  • welcomePage.tileBorder#0B0E10fe
  • welcomePage.tileHoverBackground#15191efe
  • widget.border#0B0E10fe
  • widget.shadow#0A0E0C00
  • window.activeBorder#0B0E10fe
  • window.inactiveBorder#00275A96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9CC7F16e
comment.block.html#9CC7F16e
comment.block.java#9DC6F06e
comment.block.javadoc.java#A0C6F56e
comment.block.powershell#A0C6F56e
comment.block.xml#A5C4F26e
comment.line.double-slash.c#A0C6F56e
comment.line.double-slash.cpp#A5C4F26e
comment.line.double-slash.java#A0C6F56e
comment.line.double-slash.js#9DC6F06e
comment.line.number-sign.makefile#9CC7F16e
comment.line.number-sign.python#9DC6F06e
comment.line.number-sign.yaml#A5C4F26e
comment.line.percentage.erlang#9CC7F16e
comment.line.powershell#A5C4F26e
comment.source.cmake#A0C6F56e
comment.source.cmakecache#9DC6F06e
constant.character#DEC111de
constant.character.character-class.regexp#DFC10Ede
constant.character.escape#67A8E9de
constant.character.set.regexp#3CE011de
constant.language#3CE011de
constant.numeric#EB7CD3de
constant.numeric.dec.python#FEAEAEde
constant.other.caps.python#E0C111de
constant.other.character-class.regexp#3CE011de
constant.other.character-class.set.regexp#90C7FEde
constant.other.color.rgb-value#ED7AD5de
constant.other.placeholder#E0C10Dde
constant.other.rgb-value#0ADD83de
constant.regexp#11DE86de
constant.sha.git-rebase#10DD85de
emphasis#F490DFde
entity.name.class#3DE011de
entity.name.function#DFC10Ede
entity.name.function.preprocessor#90C7FEde
entity.name.function.python#EC7BD4de
entity.name.label#AF94F3de
entity.name.namespace#FEA2EBde
entity.name.operator#DFC210de
entity.name.operator.custom-literal#3BDF0Ede
entity.name.scope-resolution#E0C10Ede
entity.name.tag#3AE00Ede
entity.name.tag.css#DEC111de
entity.name.type#F59797de
entity.name.variable#0EDD85de
entity.other.attribute#F597E1de
entity.other.attribute-name#FEA2EBde
entity.other.attribute-name.class.css#E0C10Dde
entity.other.attribute-name.class.mixin.css#E0C10Ede
entity.other.attribute-name.id#38DF0Ade
entity.other.attribute-name.id.css#F182D9de
entity.other.attribute-name.parent-selector.css#FEABABde
entity.other.attribute-name.pseudo-class.css#0EDD86de
entity.other.attribute-name.pseudo-element.css#F79E9Ede
entity.other.attribute-name.scss#FEA5EBde
entity.other.document.begin.yaml#9DC6F06e
entity.other.inherited-class#C9B4FEde
header#F59797de
invalid#3BE00Dde
keyword#DFC10Ade
keyword.codetag.notation.python#97C6F5de
keyword.control#F59797de
keyword.control.anchor.regexp#AF94F3de
keyword.control.import.python#DFC008de
keyword.operator#FEA5EBde
keyword.operator.alignas#AF94F4de
keyword.operator.alignof#74B0EDde
keyword.operator.cast#EF8686de
keyword.operator.delete#FEAEAEde
keyword.operator.documentation.powershell#9DC6F06e
keyword.operator.expression#E0C111de
keyword.operator.instanceof#AF95EFde
keyword.operator.logical.python#38DF0Ade
keyword.operator.minus.exponent#DFC110de
keyword.operator.negation.regexp#CCB7FEde
keyword.operator.new#AF94F3de
keyword.operator.noexcept#69A8E8de
keyword.operator.or.regexp#3BDF10de
keyword.operator.plus.exponent#69A8E8de
keyword.operator.quantifier.regexp#FEA5EBde
keyword.operator.sizeof#08DF83de
keyword.operator.typeid#F8A6A6de
keyword.operator.wordlike#3BE00Dde
keyword.other.operator#3BDF10de
keyword.other.package.java#89BDF2de
keyword.other.unit#F8A6A6de
keyword.other.using#EF8686de
markup.bold#3DE011de
markup.changed#89BDF2de
markup.deleted#3BDF10de
markup.fenced_code.block.markdown#90C2F4de
markup.heading#0EDD86de
markup.inline.raw#AF95F0de
markup.inserted#E0C10Dde
markup.italic#38E00Cde
markup.raw.block.markdown#FEABABde
markup.strikethrough#C9B4FEde
markup.underline#FEAEAEde
meta.block.c#AF95EFde
meta.block.c#38DF08de
meta.class.java#AF94F3de
meta.definition.variable.name#DFC10Ade
meta.diff.header#CCB7FEde
meta.embedded#3DE011de
meta.embedded.assembly#3AE00Ede
meta.function-call.arguments.python#11DE86de
meta.function-call.python#F9ADADde
meta.member.access.python#90C7FDde
meta.method.java#EF7BD6de
meta.object-literal.key#FEA5EBde
meta.paragraph.markdown#DFC10Ede
meta.preprocessor#EF7BD6de
meta.preprocessor.numeric#AF95F2de
meta.preprocessor.string#DFC110de
meta.scope.prerequisites.makefile#3AE00Ede
meta.structure.dictionary.json.comments#9DC6F06e
meta.structure.dictionary.key.python#3DE011de
meta.structure.dictionary.value.json.comments#A0C6F56e
meta.template.expression#90C2F4de
meta.type.cast.expr#11DE86de
meta.type.new.expr#0EDE85de
parameter#97C6F5de
punctuation.character.set.begin.regexp#ED7AD5de
punctuation.character.set.end.regexp#90C7FDde
punctuation.definition.array.begin.json#EF7BD6de
punctuation.definition.character-class.regexp#F8A6E6de
punctuation.definition.comment#A0C6F56e
punctuation.definition.comment.json.comments#9DC6F06e
punctuation.definition.comment.python#A0C6F56e
punctuation.definition.dictionary.begin.json#DEC110de
punctuation.definition.dictionary.end.json#11DE86de
punctuation.definition.group.assertion.regexp#EF8686de
punctuation.definition.group.regexp#F79EE4de
punctuation.definition.list.begin.json#90C7FEde
punctuation.definition.list.begin.markdown#CCB8FEde
punctuation.definition.list.begin.python#FEA5EBde
punctuation.definition.list.end.json#90C2F4de
punctuation.definition.list.end.markdown#EF7BD6de
punctuation.definition.list.end.python#E0C211de
punctuation.definition.parameters.begin.python#EE8585de
punctuation.definition.parameters.end.bracket.round.java#0EDD85de
punctuation.definition.quote.begin.markdown#DEC111de
punctuation.definition.tag#AF95EFde
punctuation.definition.template-expression.begin#90C7FDde
punctuation.definition.template-expression.end#ED8686de
punctuation.section.class.begin.bracket.curly.java#0ADD83de
punctuation.section.embedded#3DE011de
punctuation.section.embedded.begin.php#3BDF10de
punctuation.section.embedded.end.php#ED7AD5de
punctuation.terminator.java#0DDE83de
source.cmake#F597E1de
source.coffee.embedded#6DACEBde
source.cpp#6DACEBde
source.css.less#3ADF0Ede
source.groovy.embedded#3ADF0Ede
source.java#FEAEAEde
source.java-properties#FEA6EBde
source.json.comments#9CC7F16e
source.makefile#F8A6E6de
source.powershell#FEA5EBde
source.powershell.variable.other.member#89BDF2de
source.python#11DE86de
storage#90C7FDde
storage.modifier#BDA6F8de
storage.modifier.import.java#11DE86de
storage.modifier.package.java#DEC111de
storage.type#3DE011de
storage.type.annotation.groovy#E0C111de
storage.type.annotation.java#C9B5FAde
storage.type.boolean.go#3ADF0Ede
storage.type.byte.go#BDA6F8de
storage.type.cs#3BE00Dde
storage.type.error.go#08DF83de
storage.type.generic.cs#CCB7FEde
storage.type.generic.groovy#AF95F0de
storage.type.generic.java#F18484de
storage.type.groovy#DEC111de
storage.type.java#DFC10Ade
storage.type.modifier.cs#FEABABde
storage.type.numeric.go#11DE86de
storage.type.object.array.groovy#AF95F0de
storage.type.object.array.java#DEC110de
storage.type.parameters.groovy#FEADADde
storage.type.primitive.array.groovy#89BDF2de
storage.type.primitive.array.java#EC7CD3de
storage.type.primitive.groovy#08DF83de
storage.type.primitive.java#F08484de
storage.type.rune.go#6DACEBde
storage.type.string.go#EF8686de
storage.type.token.java#F79E9Ede
storage.type.uintptr.go#FEAEAEde
storage.type.variable.cs#E0C211de
string#FEA2EBde
string.quoted.docstring.multi.python#A5C4F26e
string.regexp#11DE86de
string.tag#38E00Cde
string.value#DFC10Ade
strong#92C7FEde
support.class#B297F5de
support.constant.color#7BB5EFde
support.constant.dom#82B9F1de
support.constant.font-name#3DE011de
support.constant.handlebars#FEA6EBde
support.constant.json#C3ADF9de
support.constant.math#F8A6A6de
support.constant.media#E0C10Dde
support.constant.media-type#FEA5EBde
support.constant.property-value#F79E9Ede
support.function#74B0EDde
support.function.git-rebase#DFC008de
support.other.parenthesis.regexp#AF94F4de
support.type#F59797de
support.type.property-name#ED8686de
support.type.vendored.property-name#DEC111de
support.variable#F79E9Ede
token.debug-token#DFC210de
token.error-token#F49090de
token.info-token#F59797de
token.warn-token#EB7CD3de
variable#0ADD83de
variable.css#F8A6E6de
variable.language#AF95F2de
variable.language.wildcard.java#F08484de
variable.other.constant#67A8E9de
variable.other.definition.java#ED8686de
variable.other.enummember#7BB5EFde
variable.other.less#3AE00Ede
variable.other.object.java#F08484de
variable.other.object.property.java#F9ADADde
variable.parameter.c#B89EF7de
variable.parameter.function.language.python#FEAEAEde
variable.parameter.java#BDA6F8de
variable.scss#AF95F0de
viiv by B.W - VS Code Theme