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#DADFDAfe
  • activityBar.activeBackground#DADFDAfe
  • activityBar.activeBorder#122DA5fe
  • activityBar.activeFocusBorder#A1727200
  • activityBar.background#ECEFECfe
  • activityBar.border#A1727200
  • activityBar.dropBorder#0428B3fe
  • activityBar.foreground#253885fe
  • activityBar.inactiveForeground#404A4065
  • activityBarBadge.background#243785fe
  • activityBarBadge.foreground#ECEFECfe
  • badge.background#263B95fe
  • badge.foreground#ECEFECfe
  • banner.background#DADFDAfe
  • banner.foreground#153F15ce
  • banner.iconForeground#383B3Ffe
  • breadcrumb.activeSelectionForeground#433323ca
  • breadcrumb.background#E8EBE8fe
  • breadcrumb.focusForeground#263B95fe
  • breadcrumb.foreground#153E15ae
  • breadcrumbPicker.background#DADFDAfe
  • button.background#ADB8ADae
  • button.border#FBFAFA00
  • button.foreground#153F15ce
  • button.hoverBackground#92A1926e
  • button.secondaryBackground#DADFDAfe
  • button.secondaryForeground#153F15ce
  • button.secondaryHoverBackground#DADFDAfe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#153F15ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ba
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F1fe
  • chat.slashCommandBackground#DADFDAfe
  • chat.slashCommandForeground#153F15ce
  • checkbox.background#F1F3F1fe
  • checkbox.border#F1F3F1fe
  • checkbox.foreground#153F15ce
  • checkbox.selectBackground#F1F3F1fe
  • checkbox.selectBorder#F1F3F1fe
  • commandCenter.activeBackground#D3D3CE84
  • commandCenter.activeBorder#F1F3F1fe
  • commandCenter.activeForeground#263B95fe
  • commandCenter.background#DADFDAfe
  • commandCenter.border#F1F3F1fe
  • commandCenter.foreground#153F15ce
  • commandCenter.inactiveBorder#CDD4CD98
  • commandCenter.inactiveForeground#3C453C65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAFA00
  • contrastBorder#FAFAFB00
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#153F15ce
  • debugConsole.sourceForeground#153F15ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#3B3B34fe
  • debugExceptionWidget.background#FFBDFFa0
  • debugExceptionWidget.border#F1F3F1fe
  • debugIcon.breakpointCurrentStackframeForeground#3B3439fe
  • debugIcon.breakpointDisabledForeground#38413865
  • debugIcon.breakpointForeground#3B3734fe
  • debugIcon.breakpointStackframeForeground#223C22fe
  • debugIcon.breakpointUnverifiedForeground#193B3Bfe
  • debugIcon.continueForeground#3B3734fe
  • debugIcon.disconnectForeground#3B3439fe
  • debugIcon.pauseForeground#193B3Bfe
  • debugIcon.restartForeground#69103Cfe
  • debugIcon.startForeground#1F3D1Ffe
  • debugIcon.stepBackForeground#193B3Bfe
  • debugIcon.stepIntoForeground#56186Afe
  • debugIcon.stepOutForeground#39343Bfe
  • debugIcon.stepOverForeground#532C18fe
  • debugIcon.stopForeground#383807fe
  • debugTokenExpression.boolean#1C1A19ca
  • debugTokenExpression.error#20201Cca
  • debugTokenExpression.name#1F1C20ca
  • debugTokenExpression.number#20201Cca
  • debugTokenExpression.value#171615ca
  • debugToolBar.background#FFBDFF9c
  • debugToolBar.border#F1F3F1fe
  • debugView.exceptionLabelBackground#D7D2D6ca
  • debugView.exceptionLabelForeground#0E3178ca
  • debugView.stateLabelBackground#D4D1D6ca
  • debugView.stateLabelForeground#063D3Dca
  • debugView.valueChangedHighlight#242929ca
  • descriptionForeground#153F15ce
  • diffEditor.border#F5F7F500
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B2DEB5fb
  • diffEditor.insertedTextBorder#FAFAFB00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FBFBFA00
  • diffEditor.removedLineBackground#FFC4C431
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#DADFDAfe
  • diffEditor.unchangedRegionBackground#DADFDAfe
  • diffEditor.unchangedRegionForeground#153F15ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3C453C65
  • dropdown.background#F1F3F1fe
  • dropdown.border#F1F3F1fe
  • dropdown.foreground#153F15ce
  • dropdown.listBackground#F1F3F1fe
  • editor.background#DADFDAfe
  • editor.findMatchBackground#B8B2BBac
  • editor.findMatchBorder#F1F3F1fe
  • editor.findMatchHighlightBackground#B7BFBFad
  • editor.findMatchHighlightBorder#F1F3F1fe
  • editor.findRangeHighlightBackground#B0AAB3a2
  • editor.findRangeHighlightBorder#F1F3F1fe
  • editor.focusedStackFrameHighlightBackground#B3AAB087
  • editor.foldBackground#305454ac
  • editor.foreground#153F15ce
  • editor.hoverHighlightBackground#BBB2B8ac
  • editor.inactiveSelectionBackground#B6C0B69b
  • editor.inlineValuesBackground#DADFDAfe
  • editor.inlineValuesForeground#153F15ce
  • editor.lineHighlightBackground#B6C0B6b3
  • editor.lineHighlightBorder#FBFAFA00
  • editor.linkedEditingBackground#DADFDAfe
  • editor.rangeHighlightBackground#BFB7BCa2
  • editor.rangeHighlightBorder#F1F3F1fe
  • editor.selectionBackground#CFCFC9ae
  • editor.selectionForeground#193B3Bca
  • editor.selectionHighlightBackground#AFAFA582
  • editor.selectionHighlightBorder#F1F3F1fe
  • editor.snippetFinalTabstopHighlightBackground#9B938Fa4
  • editor.snippetFinalTabstopHighlightBorder#F1F3F1fe
  • editor.snippetTabstopHighlightBackground#B8B2BBa3
  • editor.snippetTabstopHighlightBorder#F1F3F1fe
  • editor.stackFrameHighlightBackground#B2B5BBa9
  • editor.symbolHighlightBackground#989BA3a3
  • editor.symbolHighlightBorder#F1F3F1fe
  • editor.wordHighlightBackground#A79CA3a2
  • editor.wordHighlightBorder#FBFAFA00
  • editor.wordHighlightStrongBackground#B4AEB7a2
  • editor.wordHighlightStrongBorder#FAFAFB00
  • editor.wordHighlightTextBackground#BCB7BFa8
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0C0D0Cce
  • editorBracketHighlight.foreground2#0C0D0Cce
  • editorBracketHighlight.foreground3#0C0D0Cce
  • editorBracketHighlight.foreground4#0C0D0Cce
  • editorBracketHighlight.foreground5#0C0D0Cce
  • editorBracketHighlight.foreground6#0C0D0Cce
  • editorBracketHighlight.unexpectedBracket.foreground#153F15ce
  • editorBracketMatch.background#515134a5
  • editorBracketMatch.border#F1F3F1fe
  • editorBracketPairGuide.activeBackground1#6B47328d
  • editorBracketPairGuide.activeBackground2#6A3A878a
  • editorBracketPairGuide.activeBackground3#6F339681
  • editorBracketPairGuide.activeBackground4#364E7E85
  • editorBracketPairGuide.activeBackground5#69473687
  • editorBracketPairGuide.activeBackground6#6B435E84
  • editorBracketPairGuide.background1#D1D4D7fe
  • editorBracketPairGuide.background2#D6D1D4fe
  • editorBracketPairGuide.background3#D6D3D8fe
  • editorBracketPairGuide.background4#D4D4CFfe
  • editorBracketPairGuide.background5#D6D3D5fe
  • editorBracketPairGuide.background6#D6D1D4fe
  • editorCodeLens.foreground#225B226e
  • editorCommentsWidget.rangeActiveBackground#3C553Cfe
  • editorCommentsWidget.rangeBackground#DADFDAfe
  • editorCommentsWidget.resolvedBorder#F1F3F1fe
  • editorCommentsWidget.unresolvedBorder#FFC4C4cb
  • editorCursor.background#DADFDAfe
  • editorCursor.foreground#263B95fe
  • editorError.background#F5F7F500
  • editorError.border#F5F7F500
  • editorError.foreground#900090ce
  • editorGhostText.background#DADFDAfe
  • editorGhostText.border#FBFBFA00
  • editorGhostText.foreground#285A286e
  • editorGroup.border#F1F3F1fe
  • editorGroup.dropBackground#DADFDAfe
  • editorGroup.dropIntoPromptBackground#DADFDAfe
  • editorGroup.dropIntoPromptBorder#F1F3F1fe
  • editorGroup.dropIntoPromptForeground#153F15ce
  • editorGroup.emptyBackground#DADFDAfe
  • editorGroup.focusedEmptyBorder#F1F3F1fe
  • editorGroupHeader.border#F5F7F500
  • editorGroupHeader.noTabsBackground#ECEFECae
  • editorGroupHeader.tabsBackground#D6DBD6a1
  • editorGroupHeader.tabsBorder#F5F7F500
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DADFDAfe
  • editorGutter.commentGlyphForeground#153F15ce
  • editorGutter.commentRangeForeground#153F15ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#153F15ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#FAFAFB00
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F1F3F1fe
  • editorHoverWidget.border#F1F3F1fe
  • editorHoverWidget.foreground#153F15ce
  • editorHoverWidget.highlightForeground#1F3D1Fca
  • editorHoverWidget.statusBarBackground#DADFDAfe
  • editorIndentGuide.activeBackground1#0D2DA8fe
  • editorIndentGuide.activeBackground2#0D2DA8fe
  • editorIndentGuide.activeBackground3#243783fe
  • editorIndentGuide.activeBackground4#253885fe
  • editorIndentGuide.activeBackground5#243885fe
  • editorIndentGuide.activeBackground6#243783fe
  • editorIndentGuide.background1#40484835
  • editorIndentGuide.background2#63635835
  • editorIndentGuide.background3#46404835
  • editorIndentGuide.background4#68685C35
  • editorIndentGuide.background5#5C686835
  • editorIndentGuide.background6#48515135
  • editorInfo.background#FBFBFA00
  • editorInfo.border#FBFAFA00
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#DADFDAfe
  • editorInlayHint.foreground#153F15ce
  • editorInlayHint.parameterBackground#DADFDAfe
  • editorInlayHint.parameterForeground#153F15ce
  • editorInlayHint.typeBackground#DADFDAfe
  • editorInlayHint.typeForeground#153F15ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#2945BEfe
  • editorLineNumber.dimmedForeground#225B226e
  • editorLineNumber.foreground#1F5B1F6e
  • editorLink.activeForeground#273FA5fe
  • editorMarkerNavigation.background#F1F3F1fe
  • editorMarkerNavigationError.background#FFBDFFa3
  • editorMarkerNavigationError.headerBackground#FFBDFF9b
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DADFDAfe
  • editorOverviewRuler.border#CDD4CDfe
  • editorOverviewRuler.bracketMatchForeground#153F15ce
  • editorOverviewRuler.commentForeground#255A256e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#153F15ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ead
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#532C18ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#641449ca
  • editorOverviewRuler.wordHighlightStrongForeground#153F15ce
  • editorOverviewRuler.wordHighlightTextForeground#153F15ce
  • editorPane.background#DADFDAfe
  • editorRuler.foreground#3A543A26
  • editorStickyScroll.background#DADFDAfe
  • editorStickyScrollHover.background#CDD4CD6e
  • editorSuggestWidget.background#F1F3F1fe
  • editorSuggestWidget.border#FBFAFA00
  • editorSuggestWidget.focusHighlightForeground#234623fe
  • editorSuggestWidget.foreground#32363Efe
  • editorSuggestWidget.highlightForeground#57224Aca
  • editorSuggestWidget.selectedBackground#B3B3AA8e
  • editorSuggestWidget.selectedForeground#5E1B4Dca
  • editorSuggestWidget.selectedIconForeground#193B3Bca
  • editorSuggestWidgetStatus.foreground#56186Afe
  • editorUnicodeHighlight.background#9B9B8Fa4
  • editorUnicodeHighlight.border#F1F3F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FBFAFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#153F15ce
  • editorWidget.background#F1F3F1fe
  • editorWidget.border#F1F3F1fe
  • editorWidget.foreground#153F15ce
  • editorWidget.resizeBorder#F1F3F1fe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#25398Dfe
  • extensionBadge.remoteForeground#ECEFECfe
  • extensionButton.background#CDD4CDae
  • extensionButton.foreground#153F15ce
  • extensionButton.hoverBackground#CDD4CD6e
  • extensionButton.prominentBackground#DADFDAfe
  • extensionButton.prominentForeground#153F15ce
  • extensionButton.prominentHoverBackground#DADFDAfe
  • extensionButton.separator#FBFBFA00
  • extensionIcon.preReleaseForeground#3F3F38fe
  • extensionIcon.sponsorForeground#13385Cfe
  • extensionIcon.starForeground#383B3Ffe
  • extensionIcon.verifiedForeground#383819fe
  • focusBorder#F5F7F500
  • foreground#153F15ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#305730ae
  • inlineChat.background#D7D4D1ca
  • inlineChat.border#D7D2D6ca
  • inlineChat.regionHighlight#1B191Cca
  • inlineChat.shadow#151815ca
  • inlineChatDiff.inserted#242929ca
  • inlineChatDiff.removed#292427ca
  • inlineChatInput.background#242023ca
  • inlineChatInput.border#CED5CEca
  • inlineChatInput.focusBorder#FAFBFB00
  • inlineChatInput.placeholderForeground#433328ca
  • input.background#F1F3F1fe
  • input.border#F1F3F1fe
  • input.foreground#153F15ce
  • input.placeholderForeground#444E4465
  • inputOption.activeBackground#F1F3F1fe
  • inputOption.activeBorder#F1F3F1fe
  • inputOption.activeForeground#273D9Dfe
  • inputOption.hoverBackground#F1F3F1fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#FFBDFFbd
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F1fe
  • inputValidation.infoForeground#153F15ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F1fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F1F3F1fe
  • interactive.inactiveCodeBorder#CDD4CD98
  • keybindingLabel.background#DADFDAfe
  • keybindingLabel.border#F1F3F1fe
  • keybindingLabel.bottomBorder#F1F3F1fe
  • keybindingLabel.foreground#153F15ce
  • keybindingTable.headerBackground#DADFDAfe
  • keybindingTable.rowsBackground#DADFDAfe
  • list.activeSelectionBackground#AFAFA582
  • list.activeSelectionForeground#383803ca
  • list.activeSelectionIconForeground#23384Dca
  • list.deemphasizedForeground#153F15ce
  • list.dropBackground#DADFDAfe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#DADFDAfe
  • list.filterMatchBorder#F1F3F1fe
  • list.focusAndSelectionOutline#FBFBFA00
  • list.focusBackground#C4CCC496
  • list.focusForeground#243788fe
  • list.focusHighlightForeground#21405Ffe
  • list.focusOutline#FAFAFB00
  • list.highlightForeground#1B3D1Bca
  • list.hoverBackground#D3D3CDa5
  • list.hoverForeground#273FA5fe
  • list.inactiveFocusBackground#C4CCC491
  • list.inactiveFocusOutline#FBFAFA00
  • list.inactiveSelectionBackground#ECEFECae
  • list.inactiveSelectionForeground#38413865
  • list.inactiveSelectionIconForeground#195B1965
  • list.invalidItemForeground#153F15ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DADFDAfe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#FBFBFA00
  • menu.background#ECEFECfe
  • menu.border#FBFAFA00
  • menu.foreground#163E16ae
  • menu.selectionBackground#C3C3BBa4
  • menu.selectionBorder#F5F7F500
  • menu.selectionForeground#2841ADfe
  • menu.separatorBackground#CED5CE65
  • menubar.selectionBackground#CFCFC9ad
  • menubar.selectionBorder#F5F7F500
  • menubar.selectionForeground#2843B5fe
  • merge.border#F1F3F1fe
  • merge.commonContentBackground#DADFDAfe
  • merge.commonHeaderBackground#DADFDAfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B2DEB5fb
  • merge.incomingContentBackground#B2DEB4cb
  • merge.incomingHeaderBackground#B2DEB5fb
  • mergeEditor.change.background#DADFDAfe
  • mergeEditor.change.word.background#DADFDAfe
  • mergeEditor.changeBase.background#DADFDAfe
  • mergeEditor.changeBase.word.background#DADFDAfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F1fe
  • mergeEditor.conflict.handledUnfocused.border#CED4CE33
  • mergeEditor.conflict.input1.background#F1F3F1fe
  • mergeEditor.conflict.input2.background#F1F3F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a7
  • mergeEditor.conflict.unhandledFocused.border#F1F3F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#CED4CE36
  • mergeEditor.conflictingLines.background#DADFDAfe
  • minimap.background#DADFDAfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0D0Cce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#728572fe
  • minimapSlider.background#A8B4A8ae
  • minimapSlider.hoverBackground#8D9D8D6e
  • notebook.cellBorderColor#F1F3F1fe
  • notebook.cellEditorBackground#DADFDAfe
  • notebook.cellHoverBackground#DADFDAfe
  • notebook.cellInsertionIndicator#151717ca
  • notebook.cellStatusBarItemHoverBackground#DADFDAfe
  • notebook.cellToolbarSeparator#1C211Cca
  • notebook.editorBackground#DADFDAfe
  • notebook.focusedCellBackground#DADFDAfe
  • notebook.focusedCellBorder#243788fe
  • notebook.focusedEditorBorder#F1F3F1fe
  • notebook.inactiveFocusedCellBorder#7689768e
  • notebook.inactiveSelectedCellBorder#7285728e
  • notebook.outputContainerBackgroundColor#DADFDAfe
  • notebook.outputContainerBorderColor#F1F3F1fe
  • notebook.selectedCellBackground#DADFDAfe
  • notebook.selectedCellBorder#F1F3F1fe
  • notebook.symbolHighlightBackground#DADFDAfe
  • notebookEditorOverviewRuler.runningCellForeground#153F15ce
  • notebookScrollbarSlider.activeBackground#728572fe
  • notebookScrollbarSlider.background#ADB8ADae
  • notebookScrollbarSlider.hoverBackground#9BA89B6e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#492760fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F1F3F1fe
  • notificationCenterHeader.background#DADFDAfe
  • notificationCenterHeader.foreground#153F15ce
  • notificationLink.foreground#153F15ce
  • notifications.background#DADFDAfe
  • notifications.border#F1F3F1fe
  • notifications.foreground#153F15ce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#57224Afe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F1F3F1fe
  • panel.background#DADFDAfe
  • panel.border#F1F3F1fe
  • panel.dropBorder#F1F3F1fe
  • panelInput.border#F1F3F1fe
  • panelSection.border#F1F3F1fe
  • panelSection.dropBackground#DADFDAfe
  • panelSectionHeader.background#DADFDAfe
  • panelSectionHeader.border#F1F3F1fe
  • panelSectionHeader.foreground#153F15ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#122DA5fe
  • panelTitle.inactiveForeground#47534765
  • peekView.border#0428B3fe
  • peekViewEditor.background#F1F3F1fe
  • peekViewEditor.matchHighlightBackground#A7A09C8d
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F1F3F1fe
  • peekViewEditorStickyScroll.background#DADFDAfe
  • peekViewResult.background#ECEFECfe
  • peekViewResult.fileForeground#153F15ce
  • peekViewResult.lineForeground#153F15ce
  • peekViewResult.matchHighlightBackground#989BA38d
  • peekViewResult.selectionBackground#978F9B88
  • peekViewResult.selectionForeground#063D3Dca
  • peekViewTitle.background#ECEFECfe
  • peekViewTitleDescription.foreground#153F15ce
  • peekViewTitleLabel.foreground#153F15ce
  • pickerGroup.border#F1F3F1fe
  • pickerGroup.foreground#153F15ce
  • ports.iconRunningProcessForeground#32363Efe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#273D9Dfe
  • profileBadge.foreground#ECEFECfe
  • progressBar.background#DADFDAfe
  • quickInput.background#ECEFECfe
  • quickInput.foreground#163E16ae
  • quickInputList.focusBackground#A1A4ABa7
  • quickInputList.focusForeground#243789fe
  • quickInputList.focusIconForeground#2841ADfe
  • quickInputTitle.background#F1F3F1fe
  • sash.hoverBorder#F1F3F1fe
  • scrollbar.shadow#FAFBFB00
  • scrollbarSlider.activeBackground#768976fe
  • scrollbarSlider.background#A8B4A8ae
  • scrollbarSlider.hoverBackground#96A5966e
  • search.resultsInfoForeground#153F15ce
  • searchEditor.findMatchBackground#98A3A3ab
  • searchEditor.findMatchBorder#F1F3F1fe
  • searchEditor.textInputBorder#F1F3F1fe
  • selection.background#DADFDAfe
  • settings.checkboxBackground#F1F3F1fe
  • settings.checkboxBorder#F1F3F1fe
  • settings.checkboxForeground#153F15ce
  • settings.dropdownBackground#F1F3F1fe
  • settings.dropdownBorder#F1F3F1fe
  • settings.dropdownForeground#153F15ce
  • settings.dropdownListBorder#F1F3F1fe
  • settings.focusedRowBackground#ABA4A186
  • settings.focusedRowBorder#F1F3F1fe
  • settings.headerBorder#F1F3F1fe
  • settings.headerForeground#153F15ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F1fe
  • settings.numberInputBorder#F1F3F1fe
  • settings.numberInputForeground#153F15ce
  • settings.rowHoverBackground#DADFDAfe
  • settings.sashBorder#F1F3F1fe
  • settings.settingsHeaderHoverForeground#243788fe
  • settings.textInputBackground#F1F3F1fe
  • settings.textInputBorder#F1F3F1fe
  • settings.textInputForeground#153F15ce
  • sideBar.background#DADFDAfe
  • sideBar.border#F1F3F1fe
  • sideBar.dropBackground#DADFDAfe
  • sideBar.foreground#305730ae
  • sideBarSectionHeader.background#FAFAFB00
  • sideBarSectionHeader.border#F1F3F1fe
  • sideBarSectionHeader.foreground#153F15ce
  • sideBarTitle.foreground#153F15ce
  • sideBySideEditor.horizontalBorder#F1F3F1fe
  • sideBySideEditor.verticalBorder#F1F3F1fe
  • simpleFindWidget.sashBorder#F1F3F1fe
  • statusBar.background#ECEFECfe
  • statusBar.border#F1F3F1fe
  • statusBar.debuggingBackground#FFBDFF9e
  • statusBar.debuggingBorder#F1F3F1fe
  • statusBar.debuggingForeground#153F15ce
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#1F5B1F6e
  • statusBar.noFolderBackground#ECEFECfe
  • statusBar.noFolderBorder#F1F3F1fe
  • statusBar.noFolderForeground#153F15ce
  • statusBarItem.activeBackground#ECEFECfe
  • statusBarItem.compactHoverBackground#ECEFECfe
  • statusBarItem.errorBackground#FFBDFFa9
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FFBDFFc1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#ECEFECfe
  • statusBarItem.hoverForeground#25398Dfe
  • statusBarItem.offlineBackground#ECEFECfe
  • statusBarItem.offlineForeground#153F15ce
  • statusBarItem.offlineHoverBackground#ECEFECfe
  • statusBarItem.offlineHoverForeground#2945BEfe
  • statusBarItem.prominentBackground#ECEFECfe
  • statusBarItem.prominentForeground#153F15ce
  • statusBarItem.prominentHoverBackground#ECEFECfe
  • statusBarItem.prominentHoverForeground#273FA5fe
  • statusBarItem.remoteBackground#243788fe
  • statusBarItem.remoteForeground#ECEFECfe
  • statusBarItem.remoteHoverBackground#ECEFECfe
  • statusBarItem.remoteHoverForeground#273FA5fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#4B3117fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#3D3343fe
  • symbolIcon.colorForeground#383814fe
  • symbolIcon.constantForeground#2D3838fe
  • symbolIcon.constructorForeground#383803fe
  • symbolIcon.enumeratorForeground#343B3Bfe
  • symbolIcon.enumeratorMemberForeground#46303Efe
  • symbolIcon.eventForeground#641449fe
  • symbolIcon.fieldForeground#433323fe
  • symbolIcon.fileForeground#413049fe
  • symbolIcon.folderForeground#054005fe
  • symbolIcon.functionForeground#4B0096fe
  • symbolIcon.interfaceForeground#3B3734fe
  • symbolIcon.keyForeground#0E3178fe
  • symbolIcon.keywordForeground#532C18fe
  • symbolIcon.methodForeground#3D3343fe
  • symbolIcon.moduleForeground#183E18fe
  • symbolIcon.namespaceForeground#3F3B38fe
  • symbolIcon.nullForeground#1D3852fe
  • symbolIcon.numberForeground#054005fe
  • symbolIcon.objectForeground#193B3Bfe
  • symbolIcon.operatorForeground#063D3Dfe
  • symbolIcon.packageForeground#38381Cfe
  • symbolIcon.propertyForeground#560D7Bfe
  • symbolIcon.referenceForeground#69103Cfe
  • symbolIcon.snippetForeground#1F3D1Ffe
  • symbolIcon.stringForeground#383807fe
  • symbolIcon.structForeground#3F323Bfe
  • symbolIcon.textForeground#054005fe
  • symbolIcon.typeParameterForeground#4B3117fe
  • symbolIcon.unitForeground#303830fe
  • symbolIcon.variableForeground#1B3D1Bfe
  • tab.activeBackground#E8EBE8fe
  • tab.activeBorder#FBFAFA00
  • tab.activeBorderTop#0428B3fe
  • tab.activeForeground#253786fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F500
  • tab.hoverBackground#505039a1
  • tab.hoverBorder#F1F3F1fe
  • tab.hoverForeground#243785fe
  • tab.inactiveBackground#CDD4CD95
  • tab.inactiveForeground#38413865
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F1fe
  • tab.unfocusedActiveBackground#D1D7D12c
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#CDD4CD65
  • tab.unfocusedActiveForeground#3C453C65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3A543A2b
  • tab.unfocusedHoverBorder#CED4CE2f
  • tab.unfocusedHoverForeground#3C453C65
  • tab.unfocusedInactiveBackground#BFC8BF98
  • tab.unfocusedInactiveForeground#38413865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ae
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebe
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DADFDAfe
  • terminal.border#F1F3F1fe
  • terminal.dropBackground#DADFDAfe
  • terminal.findMatchBackground#DADFDAfe
  • terminal.findMatchBorder#F1F3F1fe
  • terminal.findMatchHighlightBackground#DADFDAfe
  • terminal.findMatchHighlightBorder#F1F3F1fe
  • terminal.foreground#305730ae
  • terminal.hoverHighlightBackground#DADFDAfe
  • terminal.inactiveSelectionBackground#BFC8BF9c
  • terminal.selectionBackground#ABA1A784
  • terminal.selectionForeground#054005ca
  • terminal.tab.activeBorder#243783fe
  • terminalCommandDecoration.defaultBackground#345634ad
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DADFDAfe
  • terminalCursor.foreground#25398Dfe
  • terminalOverviewRuler.cursorForeground#153F15ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a2
  • testing.iconUnset#808080a3
  • testing.message.error.decorationForeground#23347Dfe
  • testing.message.error.lineBackground#FFBDFFca
  • testing.message.info.decorationForeground#002BE3fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F1F3F1fe
  • testing.peekHeaderBackground#DADFDAfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DADFDAfe
  • textBlockQuote.border#F1F3F1fe
  • textCodeBlock.background#DADFDAfe
  • textLink.activeForeground#273D9Dfe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#153F15ce
  • textSeparator.foreground#153F15ce
  • titleBar.activeBackground#ECEFECfe
  • titleBar.activeForeground#154715ae
  • titleBar.border#FAFBFB00
  • titleBar.inactiveBackground#CED4CEde
  • titleBar.inactiveForeground#38413865
  • toolbar.activeBackground#D6D2D083
  • toolbar.hoverBackground#DADFDAfe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#50545A35
  • tree.indentGuidesStroke#273FA5fe
  • tree.tableColumnsBorder#F1F3F1fe
  • tree.tableOddRowsBackground#DADFDAfe
  • walkThrough.embeddedEditorBackground#DADFDAfe
  • walkthrough.stepTitle.foreground#153F15ce
  • welcomePage.background#DADFDAfe
  • welcomePage.progress.background#DADFDAfe
  • welcomePage.progress.foreground#153F15ce
  • welcomePage.tileBackground#DADFDAfe
  • welcomePage.tileBorder#F1F3F1fe
  • welcomePage.tileHoverBackground#DADFDAfe
  • widget.border#F1F3F1fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F1F3F1fe
  • window.inactiveBorder#CDD4CD91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1735176e
comment.block.html#1835186e
comment.block.java#1835186e
comment.block.javadoc.java#1835186e
comment.block.powershell#1536156e
comment.block.xml#1635166e
comment.line.double-slash.c#1536156e
comment.line.double-slash.cpp#1835186e
comment.line.double-slash.java#1735176e
comment.line.double-slash.js#1735176e
comment.line.number-sign.makefile#1536156e
comment.line.number-sign.python#1536156e
comment.line.number-sign.yaml#1735176e
comment.line.percentage.erlang#1536156e
comment.line.powershell#1635166e
comment.source.cmake#1635166e
comment.source.cmakecache#1835186e
constant.character#0D4D52de
constant.character.character-class.regexp#28330Fde
constant.character.escape#21306Ede
constant.character.set.regexp#092281de
constant.language#541A34de
constant.numeric#0E4D51de
constant.numeric.dec.python#113619de
constant.other.caps.python#47185Dde
constant.other.character-class.regexp#2F2F2Fde
constant.other.character-class.set.regexp#353535de
constant.other.color.rgb-value#461D58de
constant.other.placeholder#67203Fde
constant.other.rgb-value#0E511Bde
constant.regexp#424242de
constant.sha.git-rebase#083712de
emphasis#2F2F2Fde
entity.name.class#103436de
entity.name.function#184043de
entity.name.function.preprocessor#0F3616de
entity.name.function.python#293310de
entity.name.label#094E51de
entity.name.namespace#21306Ede
entity.name.operator#0D4D52de
entity.name.operator.custom-literal#2B3614de
entity.name.scope-resolution#303C16de
entity.name.tag#0E4D51de
entity.name.tag.css#1E2A62de
entity.name.type#2F2F2Fdebold
entity.name.variable#001994de
entity.other.attribute#095117de
entity.other.attribute-name#63032Bde
entity.other.attribute-name.class.css#303030de
entity.other.attribute-name.class.mixin.css#374C09de
entity.other.attribute-name.id#394C0Dde
entity.other.attribute-name.id.css#1E2A60de
entity.other.attribute-name.parent-selector.css#092281de
entity.other.attribute-name.pseudo-class.css#62012Bde
entity.other.attribute-name.pseudo-element.css#461B5Ade
entity.other.attribute-name.scss#095117de
entity.other.document.begin.yaml#1536156e
entity.other.inherited-class#1A2967de
header#0F3436de
invalid#263304de
keyword#1C2A65debold
keyword.codetag.notation.python#5D0D2Ddebold
keyword.control#56216Edebold
keyword.control.anchor.regexp#56216Edebold
keyword.control.import.python#5D0D2Ddebold
keyword.operator#303C16debold
keyword.operator.alignas#1E2A62debold
keyword.operator.alignof#3E3E3Edebold
keyword.operator.cast#15286Fdebold
keyword.operator.delete#163A3Cdebold
keyword.operator.documentation.powershell#1635166ebold
keyword.operator.expression#031E8Adebold
keyword.operator.instanceof#0E511Bdebold
keyword.operator.logical.python#303C16debold
keyword.operator.minus.exponent#4C0A6Adebold
keyword.operator.negation.regexp#374C09debold
keyword.operator.new#2F2F2Fdebold
keyword.operator.noexcept#511C33debold
keyword.operator.or.regexp#184320debold
keyword.operator.plus.exponent#541A34debold
keyword.operator.quantifier.regexp#461B5Adebold
keyword.operator.sizeof#1F2B5Fdebold
keyword.operator.typeid#18286Ddebold
keyword.operator.wordlike#001994debold
keyword.other.operator#4D036Fdebold
keyword.other.package.java#4C0F65debold
keyword.other.unit#031E8Adebold
keyword.other.using#353535debold
markup.bold#113619de
markup.changed#074E52de
markup.deleted#0F3436de
markup.fenced_code.block.markdown#0E511Bde
markup.heading#2F2F2Fde
markup.inline.raw#461D58de
markup.inserted#4C0F65de
markup.italic#163C1Dde
markup.raw.block.markdown#2F2F2Fde
markup.strikethrough#62012Bde
markup.underline#511C33de
meta.block.c#1C2A65de
meta.block.c#0F3617de
meta.class.java#47185Dde
meta.definition.variable.name#2F2F2Fde
meta.diff.header#2F2F2Fde
meta.embedded#461D58de
meta.embedded.assembly#14361Bde
meta.function-call.arguments.python#15286Fde
meta.function-call.python#074E52de
meta.member.access.python#102677de
meta.method.java#085115de
meta.object-literal.key#031E8Ade
meta.paragraph.markdown#512067de
meta.preprocessor#5D0D2Dde
meta.preprocessor.numeric#29320Fde
meta.preprocessor.string#184043de
meta.scope.prerequisites.makefile#28330Fde
meta.structure.dictionary.json.comments#1735176e
meta.structure.dictionary.key.python#1A4A23de
meta.structure.dictionary.value.json.comments#1835186e
meta.template.expression#47185Dde
meta.type.cast.expr#202D67debold
meta.type.new.expr#14361Bdebold
parameter#471A5Bde
punctuation.character.set.begin.regexp#47185Dde
punctuation.character.set.end.regexp#085115de
punctuation.definition.array.begin.json#0F3436de
punctuation.definition.character-class.regexp#184043de
punctuation.definition.comment#1635166e
punctuation.definition.comment.json.comments#1635166e
punctuation.definition.comment.python#1735176e
punctuation.definition.dictionary.begin.json#27330Cde
punctuation.definition.dictionary.end.json#003537de
punctuation.definition.group.assertion.regexp#184320de
punctuation.definition.group.regexp#56216Ede
punctuation.definition.list.begin.json#0E4D51de
punctuation.definition.list.begin.markdown#0F3436de
punctuation.definition.list.begin.python#47185Dde
punctuation.definition.list.end.json#1E2A62de
punctuation.definition.list.end.markdown#56216Ede
punctuation.definition.list.end.python#67203Fde
punctuation.definition.parameters.begin.python#5C0D31de
punctuation.definition.parameters.end.bracket.round.java#095117de
punctuation.definition.quote.begin.markdown#184320de
punctuation.definition.tag#461B5Ade
punctuation.definition.template-expression.begin#143336de
punctuation.definition.template-expression.end#0F3616de
punctuation.section.class.begin.bracket.curly.java#15286Fde
punctuation.section.embedded#021C8Ede
punctuation.section.embedded.begin.php#303030de
punctuation.section.embedded.end.php#163A3Cde
punctuation.terminator.java#67203Fde
source.cmake#394C0Dde
source.coffee.embedded#2F2F2Fde
source.cpp#551833de
source.css.less#003537de
source.groovy.embedded#4D036Fde
source.java#67203Fde
source.java-properties#63032Bde
source.json.comments#1735176e
source.makefile#541A34de
source.powershell#113619de
source.powershell.variable.other.member#202D67de
source.python#083712de
storage#393939de
storage.modifier#2F2F2Fde
storage.modifier.import.java#0B5118de
storage.modifier.package.java#3B4A1Ade
storage.type#094E51debold
storage.type.annotation.groovy#184320debold
storage.type.annotation.java#4C0F65debold
storage.type.boolean.go#094E51debold
storage.type.byte.go#1A2967debold
storage.type.cs#2F2F2Fdebold
storage.type.error.go#0E511Bdebold
storage.type.generic.cs#021C8Edebold
storage.type.generic.groovy#1A474Adebold
storage.type.generic.java#47185Ddebold
storage.type.groovy#0F3617debold
storage.type.java#094E51debold
storage.type.modifier.cs#3B4A1Adebold
storage.type.numeric.go#364318debold
storage.type.object.array.groovy#103436debold
storage.type.object.array.java#2F2F2Fdebold
storage.type.parameters.groovy#303030debold
storage.type.primitive.array.groovy#031E8Adebold
storage.type.primitive.array.java#001994debold
storage.type.primitive.groovy#1E2A60debold
storage.type.primitive.java#095117debold
storage.type.rune.go#27330Cdebold
storage.type.string.go#04370Cdebold
storage.type.token.java#003537debold
storage.type.uintptr.go#2F2F2Fdebold
storage.type.variable.cs#62012Bdebold
string#0F3436de
string.quoted.docstring.multi.python#1536156e
string.regexp#353535de
string.tag#5C0D31de
string.value#2F2F2Fde
strong#364318de
support.class#1E2A60de
support.constant.color#2F2F2Fde
support.constant.dom#394C0Fde
support.constant.font-name#353535de
support.constant.handlebars#184043de
support.constant.json#2F2F2Fde
support.constant.math#541A34de
support.constant.media#3B4A1Ade
support.constant.media-type#2F2F2Fdebold
support.constant.property-value#3B4A1Ade
support.function#184320de
support.function.git-rebase#184043de
support.other.parenthesis.regexp#5D0D30de
support.type#394C0Fdebold
support.type.property-name#2F2F2Fdebold
support.type.vendored.property-name#0E511Bdebold
support.variable#541A34de
token.debug-token#394C0Dde
token.error-token#303C16de
token.info-token#4D036Fde
token.warn-token#15286Fde
variable#0B4D51de
variable.css#085115de
variable.language#6E2143de
variable.language.wildcard.java#5C0D31de
variable.other.constant#085115de
variable.other.definition.java#001994de
variable.other.enummember#1A474Ade
variable.other.less#28330Fde
variable.other.object.java#28330Fde
variable.other.object.property.java#4C0A6Ade
variable.parameter.c#374C09de
variable.parameter.function.language.python#0F3616de
variable.parameter.java#2F2F2Fde
variable.scss#4B1F5Fde
viiv by B.W - VS Code Theme