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#D6DEE3fe
  • activityBar.activeBackground#D6DEE3fe
  • activityBar.activeBorder#0A1CBFfe
  • activityBar.activeFocusBorder#508A3D00
  • activityBar.background#EAEEF1fe
  • activityBar.border#B5676700
  • activityBar.dropBorder#26328Efe
  • activityBar.foreground#263390fe
  • activityBar.inactiveForeground#3E4F5B65
  • activityBarBadge.background#28359Efe
  • activityBarBadge.foreground#EAEEF1fe
  • badge.background#293AB7fe
  • badge.foreground#EAEEF1fe
  • banner.background#D6DEE3fe
  • banner.foreground#0E3760ce
  • banner.iconForeground#392281fe
  • breadcrumb.activeSelectionForeground#153850ca
  • breadcrumb.background#E5EAEDfe
  • breadcrumb.focusForeground#293BBFfe
  • breadcrumb.foreground#10375Eae
  • breadcrumbPicker.background#D6DEE3fe
  • button.background#A3B5C1ae
  • button.border#F8F4F700
  • button.foreground#0E3760ce
  • button.hoverBackground#859DAC6e
  • button.secondaryBackground#D6DEE3fe
  • button.secondaryForeground#0E3760ce
  • button.secondaryHoverBackground#D6DEE3fe
  • button.separator#F5F8F400
  • charts.blue#1b1bfffe
  • charts.foreground#0E3760ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFF2F4fe
  • chat.slashCommandBackground#D6DEE3fe
  • chat.slashCommandForeground#0E3760ce
  • checkbox.background#EFF2F4fe
  • checkbox.border#EFF2F4fe
  • checkbox.foreground#0E3760ce
  • checkbox.selectBackground#EFF2F4fe
  • checkbox.selectBorder#EFF2F4fe
  • commandCenter.activeBackground#DBCBCB87
  • commandCenter.activeBorder#EFF2F4fe
  • commandCenter.activeForeground#293BBFfe
  • commandCenter.background#D6DEE3fe
  • commandCenter.border#EFF2F4fe
  • commandCenter.foreground#0E3760ce
  • commandCenter.inactiveBorder#C5D0D79b
  • commandCenter.inactiveForeground#22405465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F8F600
  • contrastBorder#F8F4F700
  • debugConsole.errorForeground#8F008Fce
  • debugConsole.infoForeground#0E3760ce
  • debugConsole.sourceForeground#0E3760ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#483103fe
  • debugExceptionWidget.background#FFB9FFa6
  • debugExceptionWidget.border#EFF2F4fe
  • debugIcon.breakpointCurrentStackframeForeground#293A23fe
  • debugIcon.breakpointDisabledForeground#3E4F5B65
  • debugIcon.breakpointForeground#41341Afe
  • debugIcon.breakpointStackframeForeground#173C2Afe
  • debugIcon.breakpointUnverifiedForeground#233A2Ffe
  • debugIcon.continueForeground#223847fe
  • debugIcon.disconnectForeground#5D2222fe
  • debugIcon.pauseForeground#163C2Dfe
  • debugIcon.restartForeground#5A1D4Dfe
  • debugIcon.startForeground#153850fe
  • debugIcon.stepBackForeground#183C29fe
  • debugIcon.stepIntoForeground#293A23fe
  • debugIcon.stepOutForeground#6D0F0Ffe
  • debugIcon.stepOverForeground#233C1Afe
  • debugIcon.stopForeground#1A384Dfe
  • debugTokenExpression.boolean#1B2329ca
  • debugTokenExpression.error#241821ca
  • debugTokenExpression.name#1A1711ca
  • debugTokenExpression.number#1F1C15ca
  • debugTokenExpression.value#17151Fca
  • debugToolBar.background#FFB9FFbe
  • debugToolBar.border#EFF2F4fe
  • debugView.exceptionLabelBackground#DBC9D7ca
  • debugView.exceptionLabelForeground#630F50ca
  • debugView.stateLabelBackground#BED4CAca
  • debugView.stateLabelForeground#1E384Bca
  • debugView.valueChangedHighlight#11161Aca
  • descriptionForeground#0E3760ce
  • diffEditor.border#F5F8F400
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#F4F6F800
  • diffEditor.move.border#F8F4F400
  • diffEditor.moveActive.border#F4F8F600
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#F4F6F800
  • diffEditor.unchangedCodeBackground#D6DEE3fe
  • diffEditor.unchangedRegionBackground#D6DEE3fe
  • diffEditor.unchangedRegionForeground#0E3760ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3A4B5665
  • dropdown.background#EFF2F4fe
  • dropdown.border#EFF2F4fe
  • dropdown.foreground#0E3760ce
  • dropdown.listBackground#EFF2F4fe
  • editor.background#D6DEE3fe
  • editor.findMatchBackground#8099A9aa
  • editor.findMatchBorder#EFF2F4fe
  • editor.findMatchHighlightBackground#928AB0a5
  • editor.findMatchHighlightBorder#EFF2F4fe
  • editor.findRangeHighlightBackground#BAB099a6
  • editor.findRangeHighlightBorder#EFF2F4fe
  • editor.focusedStackFrameHighlightBackground#7BA5908d
  • editor.foldBackground#7E3A3Aaa
  • editor.foreground#0E3760ce
  • editor.hoverHighlightBackground#8FA5B3ae
  • editor.inactiveSelectionBackground#AEBDC89b
  • editor.inlineValuesBackground#D6DEE3fe
  • editor.inlineValuesForeground#0E3760ce
  • editor.lineHighlightBackground#B8C5CFb2
  • editor.lineHighlightBorder#F5F4F800
  • editor.linkedEditingBackground#D6DEE3fe
  • editor.rangeHighlightBackground#B1C4A9ab
  • editor.rangeHighlightBorder#EFF2F4fe
  • editor.selectionBackground#BDD2C7a9
  • editor.selectionForeground#1E384Bca
  • editor.selectionHighlightBackground#968FB384
  • editor.selectionHighlightBorder#EFF2F4fe
  • editor.snippetFinalTabstopHighlightBackground#8880A9a8
  • editor.snippetFinalTabstopHighlightBorder#EFF2F4fe
  • editor.snippetTabstopHighlightBackground#8AA1B0ab
  • editor.snippetTabstopHighlightBorder#EFF2F4fe
  • editor.stackFrameHighlightBackground#A99D80a9
  • editor.symbolHighlightBackground#BD9E9Eab
  • editor.symbolHighlightBorder#EFF2F4fe
  • editor.wordHighlightBackground#A3C1B2a7
  • editor.wordHighlightBorder#F4F8F600
  • editor.wordHighlightStrongBackground#ACA185a1
  • editor.wordHighlightStrongBorder#F8F4F400
  • editor.wordHighlightTextBackground#7BA590a4
  • editor.wordHighlightTextBorder#F4F6F800
  • editorBracketHighlight.foreground1#0A0C0Ece
  • editorBracketHighlight.foreground2#0A0C0Ece
  • editorBracketHighlight.foreground3#0A0C0Ece
  • editorBracketHighlight.foreground4#0A0C0Ece
  • editorBracketHighlight.foreground5#0A0C0Ece
  • editorBracketHighlight.foreground6#0A0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#0E3760ce
  • editorBracketMatch.background#684646a2
  • editorBracketMatch.border#EFF2F4fe
  • editorBracketPairGuide.activeBackground1#4418E988
  • editorBracketPairGuide.activeBackground2#8B2F2F85
  • editorBracketPairGuide.activeBackground3#441DE58a
  • editorBracketPairGuide.activeBackground4#66445F8e
  • editorBracketPairGuide.activeBackground5#89313187
  • editorBracketPairGuide.activeBackground6#38562A87
  • editorBracketPairGuide.background1#DBCBD8fe
  • editorBracketPairGuide.background2#D2CEDEfe
  • editorBracketPairGuide.background3#C6D1D9fe
  • editorBracketPairGuide.background4#C5D1D8fe
  • editorBracketPairGuide.background5#D4CEC0fe
  • editorBracketPairGuide.background6#BED4CAfe
  • editorCodeLens.foreground#1B53796e
  • editorCommentsWidget.rangeActiveBackground#355162fe
  • editorCommentsWidget.rangeBackground#D6DEE3fe
  • editorCommentsWidget.resolvedBorder#EFF2F4fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#D6DEE3fe
  • editorCursor.foreground#293AB7fe
  • editorError.background#F4F6F800
  • editorError.border#F8F4F400
  • editorError.foreground#8F008Fce
  • editorGhostText.background#D6DEE3fe
  • editorGhostText.border#F4F8F600
  • editorGhostText.foreground#10537F6e
  • editorGroup.border#EFF2F4fe
  • editorGroup.dropBackground#D6DEE3fe
  • editorGroup.dropIntoPromptBackground#D6DEE3fe
  • editorGroup.dropIntoPromptBorder#EFF2F4fe
  • editorGroup.dropIntoPromptForeground#0E3760ce
  • editorGroup.emptyBackground#D6DEE3fe
  • editorGroup.focusedEmptyBorder#EFF2F4fe
  • editorGroupHeader.border#F8F4F400
  • editorGroupHeader.noTabsBackground#EAEEF1ae
  • editorGroupHeader.tabsBackground#D1DAE0a1
  • editorGroupHeader.tabsBorder#F8F4F400
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#D6DEE3fe
  • editorGutter.commentGlyphForeground#0E3760ce
  • editorGutter.commentRangeForeground#0E3760ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#0E3760ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F4F6F800
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#EFF2F4fe
  • editorHoverWidget.border#EFF2F4fe
  • editorHoverWidget.foreground#0E3760ce
  • editorHoverWidget.highlightForeground#382E61ca
  • editorHoverWidget.statusBarBackground#D6DEE3fe
  • editorIndentGuide.activeBackground1#1226B0fe
  • editorIndentGuide.activeBackground2#263195fe
  • editorIndentGuide.activeBackground3#091FBDfe
  • editorIndentGuide.activeBackground4#091FBDfe
  • editorIndentGuide.activeBackground5#272E98fe
  • editorIndentGuide.activeBackground6#263390fe
  • editorIndentGuide.background1#6A604835
  • editorIndentGuide.background2#3E5B4C35
  • editorIndentGuide.background3#5B523E35
  • editorIndentGuide.background4#60415A35
  • editorIndentGuide.background5#37473035
  • editorIndentGuide.background6#563A5135
  • editorInfo.background#F5F4F800
  • editorInfo.border#F8F4F700
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#D6DEE3fe
  • editorInlayHint.foreground#0E3760ce
  • editorInlayHint.parameterBackground#D6DEE3fe
  • editorInlayHint.parameterForeground#0E3760ce
  • editorInlayHint.typeBackground#D6DEE3fe
  • editorInlayHint.typeForeground#0E3760ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#253290fe
  • editorLineNumber.dimmedForeground#1653796e
  • editorLineNumber.foreground#1B53796e
  • editorLink.activeForeground#26328Efe
  • editorMarkerNavigation.background#EFF2F4fe
  • editorMarkerNavigationError.background#FFB9FFcb
  • editorMarkerNavigationError.headerBackground#FFB9FFae
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#D6DEE3fe
  • editorOverviewRuler.border#C5D0D7fe
  • editorOverviewRuler.bracketMatchForeground#0E3760ce
  • editorOverviewRuler.commentForeground#1653796e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#0E3760ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ebc
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8F008Fce
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#3C2D60ca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#3C2D60ca
  • editorOverviewRuler.wordHighlightStrongForeground#0E3760ce
  • editorOverviewRuler.wordHighlightTextForeground#0E3760ce
  • editorPane.background#D6DEE3fe
  • editorRuler.foreground#3452633e
  • editorStickyScroll.background#D6DEE3fe
  • editorStickyScrollHover.background#C4D0D76e
  • editorSuggestWidget.background#EFF2F4fe
  • editorSuggestWidget.border#F4F8F600
  • editorSuggestWidget.focusHighlightForeground#7F0808fe
  • editorSuggestWidget.foreground#413413fe
  • editorSuggestWidget.highlightForeground#392C64ca
  • editorSuggestWidget.selectedBackground#B08AA888
  • editorSuggestWidget.selectedForeground#5F174Dca
  • editorSuggestWidget.selectedIconForeground#41341Aca
  • editorSuggestWidgetStatus.foreground#6D0D0Dfe
  • editorUnicodeHighlight.background#B0A48Aa2
  • editorUnicodeHighlight.border#EFF2F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F8F600
  • editorWarning.border#F8F4F700
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#0E3760ce
  • editorWidget.background#EFF2F4fe
  • editorWidget.border#EFF2F4fe
  • editorWidget.foreground#0E3760ce
  • editorWidget.resizeBorder#EFF2F4fe
  • errorForeground#8F008Fce
  • extensionBadge.remoteBackground#253290fe
  • extensionBadge.remoteForeground#EAEEF1fe
  • extensionButton.background#C5D0D7ae
  • extensionButton.foreground#0E3760ce
  • extensionButton.hoverBackground#C4D0D76e
  • extensionButton.prominentBackground#D6DEE3fe
  • extensionButton.prominentForeground#0E3760ce
  • extensionButton.prominentHoverBackground#D6DEE3fe
  • extensionButton.separator#F8F7F400
  • extensionIcon.preReleaseForeground#223C17fe
  • extensionIcon.sponsorForeground#522648fe
  • extensionIcon.starForeground#413416fe
  • extensionIcon.verifiedForeground#253845fe
  • focusBorder#F4F6F800
  • foreground#0E3760ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#2A536Cae
  • inlineChat.background#BFD4CCca
  • inlineChat.border#D2CDDDca
  • inlineChat.regionHighlight#1A1824ca
  • inlineChat.shadow#291B26ca
  • inlineChatDiff.inserted#1B2418ca
  • inlineChatDiff.removed#181F15ca
  • inlineChatInput.background#1F291Bca
  • inlineChatInput.border#C5D0D8ca
  • inlineChatInput.focusBorder#F5F8F400
  • inlineChatInput.placeholderForeground#5A1D4Dca
  • input.background#EFF2F4fe
  • input.border#EFF2F4fe
  • input.foreground#0E3760ce
  • input.placeholderForeground#33424C65
  • inputOption.activeBackground#EFF2F4fe
  • inputOption.activeBorder#EFF2F4fe
  • inputOption.activeForeground#253290fe
  • inputOption.hoverBackground#EFF2F4fe
  • inputValidation.errorBackground#670067b8
  • inputValidation.errorBorder#FFB9FFa3
  • inputValidation.errorForeground#8F008Fce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFF2F4fe
  • inputValidation.infoForeground#0E3760ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFF2F4fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#EFF2F4fe
  • interactive.inactiveCodeBorder#C5D0D896
  • keybindingLabel.background#D6DEE3fe
  • keybindingLabel.border#EFF2F4fe
  • keybindingLabel.bottomBorder#EFF2F4fe
  • keybindingLabel.foreground#0E3760ce
  • keybindingTable.headerBackground#D6DEE3fe
  • keybindingTable.rowsBackground#D6DEE3fe
  • list.activeSelectionBackground#ACA1858c
  • list.activeSelectionForeground#5F174Dca
  • list.activeSelectionIconForeground#621052ca
  • list.deemphasizedForeground#0E3760ce
  • list.dropBackground#D6DEE3fe
  • list.errorForeground#8F008Fce
  • list.filterMatchBackground#D6DEE3fe
  • list.filterMatchBorder#EFF2F4fe
  • list.focusAndSelectionOutline#F4F8F600
  • list.focusBackground#C2CED597
  • list.focusForeground#2837A6fe
  • list.focusHighlightForeground#164704fe
  • list.focusOutline#F5F4F800
  • list.highlightForeground#113857ca
  • list.hoverBackground#BFD3C9aa
  • list.hoverForeground#263390fe
  • list.inactiveFocusBackground#C2CED591
  • list.inactiveFocusOutline#F5F4F800
  • list.inactiveSelectionBackground#EAEEF1ae
  • list.inactiveSelectionForeground#33424C65
  • list.inactiveSelectionIconForeground#3A4B5665
  • list.invalidItemForeground#0E3760ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#D6DEE3fe
  • listFilterWidget.noMatchesOutline#F8F7F400
  • listFilterWidget.outline#F4F8F600
  • listFilterWidget.shadow#F8F4F400
  • menu.background#EAEEF1fe
  • menu.border#F8F4F700
  • menu.foreground#10375Eae
  • menu.selectionBackground#AEC8BBad
  • menu.selectionBorder#F5F4F800
  • menu.selectionForeground#293AB7fe
  • menu.separatorBackground#C6D1D865
  • menubar.selectionBackground#C2D5CCaa
  • menubar.selectionBorder#F8F7F400
  • menubar.selectionForeground#253290fe
  • merge.border#EFF2F4fe
  • merge.commonContentBackground#D6DEE3fe
  • merge.commonHeaderBackground#D6DEE3fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#ACDBAEfb
  • merge.incomingContentBackground#ABDBAEcb
  • merge.incomingHeaderBackground#ACDBAEfb
  • mergeEditor.change.background#D6DEE3fe
  • mergeEditor.change.word.background#D6DEE3fe
  • mergeEditor.changeBase.background#D6DEE3fe
  • mergeEditor.changeBase.word.background#D6DEE3fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFF2F4fe
  • mergeEditor.conflict.handledUnfocused.border#C7D2D937
  • mergeEditor.conflict.input1.background#EFF2F4fe
  • mergeEditor.conflict.input2.background#EFF2F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c5
  • mergeEditor.conflict.unhandledFocused.border#EFF2F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCD6DC3c
  • mergeEditor.conflictingLines.background#D6DEE3fe
  • minimap.background#D6DEE3fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A30000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#7690A2fe
  • minimapSlider.background#9EB1BDae
  • minimapSlider.hoverBackground#859DAC6e
  • notebook.cellBorderColor#EFF2F4fe
  • notebook.cellEditorBackground#D6DEE3fe
  • notebook.cellHoverBackground#D6DEE3fe
  • notebook.cellInsertionIndicator#141E1Aca
  • notebook.cellStatusBarItemHoverBackground#D6DEE3fe
  • notebook.cellToolbarSeparator#1B2922ca
  • notebook.editorBackground#D6DEE3fe
  • notebook.focusedCellBackground#D6DEE3fe
  • notebook.focusedCellBorder#273496fe
  • notebook.focusedEditorBorder#EFF2F4fe
  • notebook.inactiveFocusedCellBorder#6C889B8e
  • notebook.inactiveSelectedCellBorder#7690A28e
  • notebook.outputContainerBackgroundColor#D6DEE3fe
  • notebook.outputContainerBorderColor#EFF2F4fe
  • notebook.selectedCellBackground#D6DEE3fe
  • notebook.selectedCellBorder#EFF2F4fe
  • notebook.symbolHighlightBackground#D6DEE3fe
  • notebookEditorOverviewRuler.runningCellForeground#0E3760ce
  • notebookScrollbarSlider.activeBackground#6C889Bfe
  • notebookScrollbarSlider.background#A3B5C1ae
  • notebookScrollbarSlider.hoverBackground#8FA5B36e
  • notebookStatusErrorIcon.foreground#8F008Fce
  • notebookStatusRunningIcon.foreground#043E21fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#EFF2F4fe
  • notificationCenterHeader.background#D6DEE3fe
  • notificationCenterHeader.foreground#0E3760ce
  • notificationLink.foreground#0E3760ce
  • notifications.background#D6DEE3fe
  • notifications.border#EFF2F4fe
  • notifications.foreground#0E3760ce
  • notificationsErrorIcon.foreground#8F008Fce
  • notificationsInfoIcon.foreground#650854fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#EFF2F4fe
  • panel.background#D6DEE3fe
  • panel.border#EFF2F4fe
  • panel.dropBorder#EFF2F4fe
  • panelInput.border#EFF2F4fe
  • panelSection.border#EFF2F4fe
  • panelSection.dropBackground#D6DEE3fe
  • panelSectionHeader.background#D6DEE3fe
  • panelSectionHeader.border#EFF2F4fe
  • panelSectionHeader.foreground#0E3760ce
  • panelTitle.activeBorder#F4F6F800
  • panelTitle.activeForeground#021CC1fe
  • panelTitle.inactiveForeground#37475165
  • peekView.border#26328Efe
  • peekViewEditor.background#EFF2F4fe
  • peekViewEditor.matchHighlightBackground#B3A88F87
  • peekViewEditor.matchHighlightBorder#F4F6F800
  • peekViewEditorGutter.background#EFF2F4fe
  • peekViewEditorStickyScroll.background#D6DEE3fe
  • peekViewResult.background#EAEEF1fe
  • peekViewResult.fileForeground#0E3760ce
  • peekViewResult.lineForeground#0E3760ce
  • peekViewResult.matchHighlightBackground#C1A3BB8c
  • peekViewResult.selectionBackground#B794B089
  • peekViewResult.selectionForeground#6D0D0Dca
  • peekViewTitle.background#EAEEF1fe
  • peekViewTitleDescription.foreground#0E3760ce
  • peekViewTitleLabel.foreground#0E3760ce
  • pickerGroup.border#EFF2F4fe
  • pickerGroup.foreground#0E3760ce
  • ports.iconRunningProcessForeground#293D33fe
  • problemsErrorIcon.foreground#8F008Fce
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#2837A6fe
  • profileBadge.foreground#EAEEF1fe
  • progressBar.background#D6DEE3fe
  • quickInput.background#EAEEF1fe
  • quickInput.foreground#113855ae
  • quickInputList.focusBackground#A98080ae
  • quickInputList.focusForeground#253290fe
  • quickInputList.focusIconForeground#253290fe
  • quickInputTitle.background#EFF2F4fe
  • sash.hoverBorder#EFF2F4fe
  • scrollbar.shadow#F8F7F400
  • scrollbarSlider.activeBackground#678498fe
  • scrollbarSlider.background#A9B9C4ae
  • scrollbarSlider.hoverBackground#8FA5B36e
  • search.resultsInfoForeground#0E3760ce
  • searchEditor.findMatchBackground#B794B0ac
  • searchEditor.findMatchBorder#EFF2F4fe
  • searchEditor.textInputBorder#EFF2F4fe
  • selection.background#D6DEE3fe
  • settings.checkboxBackground#EFF2F4fe
  • settings.checkboxBorder#EFF2F4fe
  • settings.checkboxForeground#0E3760ce
  • settings.dropdownBackground#EFF2F4fe
  • settings.dropdownBorder#EFF2F4fe
  • settings.dropdownForeground#0E3760ce
  • settings.dropdownListBorder#EFF2F4fe
  • settings.focusedRowBackground#BD9EB787
  • settings.focusedRowBorder#EFF2F4fe
  • settings.headerBorder#EFF2F4fe
  • settings.headerForeground#0E3760ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFF2F4fe
  • settings.numberInputBorder#EFF2F4fe
  • settings.numberInputForeground#0E3760ce
  • settings.rowHoverBackground#D6DEE3fe
  • settings.sashBorder#EFF2F4fe
  • settings.settingsHeaderHoverForeground#253290fe
  • settings.textInputBackground#EFF2F4fe
  • settings.textInputBorder#EFF2F4fe
  • settings.textInputForeground#0E3760ce
  • sideBar.background#D6DEE3fe
  • sideBar.border#EFF2F4fe
  • sideBar.dropBackground#D6DEE3fe
  • sideBar.foreground#2A536Cae
  • sideBarSectionHeader.background#F8F4F400
  • sideBarSectionHeader.border#EFF2F4fe
  • sideBarSectionHeader.foreground#0E3760ce
  • sideBarTitle.foreground#0E3760ce
  • sideBySideEditor.horizontalBorder#EFF2F4fe
  • sideBySideEditor.verticalBorder#EFF2F4fe
  • simpleFindWidget.sashBorder#EFF2F4fe
  • statusBar.background#EAEEF1fe
  • statusBar.border#EFF2F4fe
  • statusBar.debuggingBackground#FFB9FFba
  • statusBar.debuggingBorder#EFF2F4fe
  • statusBar.debuggingForeground#0E3760ce
  • statusBar.focusBorder#F5F4F800
  • statusBar.foreground#0D537F6e
  • statusBar.noFolderBackground#EAEEF1fe
  • statusBar.noFolderBorder#EFF2F4fe
  • statusBar.noFolderForeground#0E3760ce
  • statusBarItem.activeBackground#EAEEF1fe
  • statusBarItem.compactHoverBackground#EAEEF1fe
  • statusBarItem.errorBackground#FFB9FFa2
  • statusBarItem.errorForeground#8F008Fce
  • statusBarItem.errorHoverBackground#FFB9FFb6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F4F6F800
  • statusBarItem.hoverBackground#EAEEF1fe
  • statusBarItem.hoverForeground#263390fe
  • statusBarItem.offlineBackground#EAEEF1fe
  • statusBarItem.offlineForeground#0E3760ce
  • statusBarItem.offlineHoverBackground#EAEEF1fe
  • statusBarItem.offlineHoverForeground#263390fe
  • statusBarItem.prominentBackground#EAEEF1fe
  • statusBarItem.prominentForeground#0E3760ce
  • statusBarItem.prominentHoverBackground#EAEEF1fe
  • statusBarItem.prominentHoverForeground#26328Efe
  • statusBarItem.remoteBackground#2837A6fe
  • statusBarItem.remoteForeground#EAEEF1fe
  • statusBarItem.remoteHoverBackground#EAEEF1fe
  • statusBarItem.remoteHoverForeground#293AB7fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#043E21fe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#223C17fe
  • symbolIcon.colorForeground#223C18fe
  • symbolIcon.constantForeground#611251fe
  • symbolIcon.constructorForeground#233C1Afe
  • symbolIcon.enumeratorForeground#3E341Ffe
  • symbolIcon.enumeratorMemberForeground#372F62fe
  • symbolIcon.eventForeground#3E341Ffe
  • symbolIcon.fieldForeground#4A2B44fe
  • symbolIcon.fileForeground#631C1Cfe
  • symbolIcon.folderForeground#153850fe
  • symbolIcon.functionForeground#293A23fe
  • symbolIcon.interfaceForeground#1E384Bfe
  • symbolIcon.keyForeground#382E61fe
  • symbolIcon.keywordForeground#6D0D0Dfe
  • symbolIcon.methodForeground#5D2222fe
  • symbolIcon.moduleForeground#6D0F0Ffe
  • symbolIcon.namespaceForeground#392281fe
  • symbolIcon.nullForeground#611251fe
  • symbolIcon.numberForeground#55224Bfe
  • symbolIcon.objectForeground#1B3D0Efe
  • symbolIcon.operatorForeground#1A384Dfe
  • symbolIcon.packageForeground#393058fe
  • symbolIcon.propertyForeground#522648fe
  • symbolIcon.referenceForeground#6D0D0Dfe
  • symbolIcon.snippetForeground#392281fe
  • symbolIcon.stringForeground#1A3C2Bfe
  • symbolIcon.structForeground#621052fe
  • symbolIcon.textForeground#2C4237fe
  • symbolIcon.typeParameterForeground#512A2Afe
  • symbolIcon.unitForeground#163C2Dfe
  • symbolIcon.variableForeground#2F3D29fe
  • tab.activeBackground#E5EAEDfe
  • tab.activeBorder#F8F7F400
  • tab.activeBorderTop#091FBDfe
  • tab.activeForeground#263195fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F7F400
  • tab.hoverBackground#2F5742a1
  • tab.hoverBorder#EFF2F4fe
  • tab.hoverForeground#253290fe
  • tab.inactiveBackground#C5D0D794
  • tab.inactiveForeground#3E4F5B65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFF2F4fe
  • tab.unfocusedActiveBackground#C7D2D92c
  • tab.unfocusedActiveBorder#F8F4F400
  • tab.unfocusedActiveBorderTop#C5D0D865
  • tab.unfocusedActiveForeground#3A4B5665
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#33516536
  • tab.unfocusedHoverBorder#CCD6DC36
  • tab.unfocusedHoverForeground#22405465
  • tab.unfocusedInactiveBackground#B8C5CF92
  • tab.unfocusedInactiveForeground#33424C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6DEE3fe
  • terminal.border#EFF2F4fe
  • terminal.dropBackground#D6DEE3fe
  • terminal.findMatchBackground#D6DEE3fe
  • terminal.findMatchBorder#EFF2F4fe
  • terminal.findMatchHighlightBackground#D6DEE3fe
  • terminal.findMatchHighlightBorder#EFF2F4fe
  • terminal.foreground#2A536Cae
  • terminal.hoverHighlightBackground#D6DEE3fe
  • terminal.inactiveSelectionBackground#B3C1CB94
  • terminal.selectionBackground#A5997B87
  • terminal.selectionForeground#223C14ca
  • terminal.tab.activeBorder#091FBDfe
  • terminalCommandDecoration.defaultBackground#39562Ba2
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#D6DEE3fe
  • terminalCursor.foreground#2837A6fe
  • terminalOverviewRuler.cursorForeground#0E3760ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#293BBFfe
  • testing.message.error.lineBackground#FFB9FFae
  • testing.message.info.decorationForeground#2837A6fe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#EFF2F4fe
  • testing.peekHeaderBackground#D6DEE3fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6DEE3fe
  • textBlockQuote.border#EFF2F4fe
  • textCodeBlock.background#D6DEE3fe
  • textLink.activeForeground#28359Efe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#0E3760ce
  • textSeparator.foreground#0E3760ce
  • titleBar.activeBackground#EAEEF1fe
  • titleBar.activeForeground#0A3E71ae
  • titleBar.border#F4F8F600
  • titleBar.inactiveBackground#C7D2D9d3
  • titleBar.inactiveForeground#37475165
  • toolbar.activeBackground#C4D3BE81
  • toolbar.hoverBackground#D6DEE3fe
  • toolbar.hoverOutline#F5F4F800
  • tree.inactiveIndentGuidesStroke#4E654435
  • tree.indentGuidesStroke#28359Efe
  • tree.tableColumnsBorder#EFF2F4fe
  • tree.tableOddRowsBackground#D6DEE3fe
  • walkThrough.embeddedEditorBackground#D6DEE3fe
  • walkthrough.stepTitle.foreground#0E3760ce
  • welcomePage.background#D6DEE3fe
  • welcomePage.progress.background#D6DEE3fe
  • welcomePage.progress.foreground#0E3760ce
  • welcomePage.tileBackground#D6DEE3fe
  • welcomePage.tileBorder#EFF2F4fe
  • welcomePage.tileHoverBackground#D6DEE3fe
  • widget.border#EFF2F4fe
  • widget.shadow#F8F4F700
  • window.activeBorder#EFF2F4fe
  • window.inactiveBorder#C5D0D893

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1231486e
comment.block.html#11304F6e
comment.block.java#13304E6e
comment.block.javadoc.java#1231486e
comment.block.powershell#11304F6e
comment.block.xml#1231486e
comment.line.double-slash.c#12304E6e
comment.line.double-slash.cpp#11304F6e
comment.line.double-slash.java#1231486e
comment.line.double-slash.js#11304F6e
comment.line.number-sign.makefile#12304E6e
comment.line.number-sign.python#12304E6e
comment.line.number-sign.yaml#1231486e
comment.line.percentage.erlang#13304E6e
comment.line.powershell#11304F6e
comment.source.cmake#11304F6e
comment.source.cmakecache#12304E6e
constant.character#2E2E2Ede
constant.character.character-class.regexp#253210de
constant.character.escape#632377de
constant.character.set.regexp#194523de
constant.language#15371Dde
constant.numeric#084D51de
constant.numeric.dec.python#1F2865de
constant.other.caps.python#085119de
constant.other.character-class.regexp#491758de
constant.other.character-class.set.regexp#26320Fde
constant.other.color.rgb-value#253210de
constant.other.placeholder#5B0E2Bde
constant.other.rgb-value#3D3D3Dde
constant.regexp#1F2865de
constant.sha.git-rebase#354519de
emphasis#334C07de
entity.name.class#4E0C63de
entity.name.function#0A501Bde
entity.name.function.preprocessor#233307de
entity.name.function.python#491758de
entity.name.label#0F3335de
entity.name.namespace#194245de
entity.name.operator#0F3335de
entity.name.operator.custom-literal#521F61de
entity.name.scope-resolution#173E20de
entity.name.tag#632377de
entity.name.tag.css#5D2270de
entity.name.type#57152Fdebold
entity.name.variable#192573de
entity.other.attribute#0A4D52de
entity.other.attribute-name#173C3Ede
entity.other.attribute-name.class.css#223303de
entity.other.attribute-name.class.mixin.css#60032Ade
entity.other.attribute-name.id#2E2E2Ede
entity.other.attribute-name.id.css#0F3518de
entity.other.attribute-name.parent-selector.css#471C55de
entity.other.attribute-name.pseudo-class.css#10501Fde
entity.other.attribute-name.pseudo-element.css#0C501Cde
entity.other.attribute-name.scss#68213Ede
entity.other.document.begin.yaml#1231486e
entity.other.inherited-class#611F3Ade
header#491758de
invalid#104D51de
keyword#1D2769debold
keyword.codetag.notation.python#541730debold
keyword.control#303E17debold
keyword.control.anchor.regexp#24330Fdebold
keyword.control.import.python#4C115Fdebold
keyword.operator#103335debold
keyword.operator.alignas#03370Fdebold
keyword.operator.alignof#1B4C26debold
keyword.operator.cast#192573debold
keyword.operator.delete#4C115Fdebold
keyword.operator.documentation.powershell#1231486ebold
keyword.operator.expression#582168debold
keyword.operator.instanceof#414141debold
keyword.operator.logical.python#541730debold
keyword.operator.minus.exponent#033438debold
keyword.operator.negation.regexp#343434debold
keyword.operator.new#541730debold
keyword.operator.noexcept#2E2E2Edebold
keyword.operator.or.regexp#0D3335debold
keyword.operator.plus.exponent#194245debold
keyword.operator.quantifier.regexp#091796debold
keyword.operator.sizeof#091796debold
keyword.operator.typeid#2E2E2Edebold
keyword.operator.wordlike#611F3Adebold
keyword.other.operator#0D501Ddebold
keyword.other.package.java#0C501Cdebold
keyword.other.unit#5B0E2Bdebold
keyword.other.using#26320Fdebold
markup.bold#364C0Cde
markup.changed#2B3715de
markup.deleted#173E20de
markup.fenced_code.block.markdown#491758de
markup.heading#222B70de
markup.inline.raw#5D2270de
markup.inserted#2B3715de
markup.italic#2E2E2Ede
markup.raw.block.markdown#3D3D3Dde
markup.strikethrough#5A1E37de
markup.underline#233307de
meta.block.c#0D501Dde
meta.block.c#4D0D61de
meta.class.java#2E2E2Ede
meta.definition.variable.name#2E2E2Ede
meta.diff.header#263211de
meta.embedded#2E2E2Ede
meta.embedded.assembly#0C501Cde
meta.function-call.arguments.python#364C0Cde
meta.function-call.python#0A501Bde
meta.member.access.python#4E0C63de
meta.method.java#2E2E2Ede
meta.object-literal.key#521F61de
meta.paragraph.markdown#2E2E2Ede
meta.preprocessor#0A501Bde
meta.preprocessor.numeric#24330Fde
meta.preprocessor.string#202769de
meta.scope.prerequisites.makefile#212968de
meta.structure.dictionary.json.comments#13304E6e
meta.structure.dictionary.key.python#471C55de
meta.structure.dictionary.value.json.comments#12304E6e
meta.template.expression#5A1E37de
meta.type.cast.expr#414141debold
meta.type.new.expr#194523debold
parameter#354519de
punctuation.character.set.begin.regexp#03370Fde
punctuation.character.set.end.regexp#4C1E5Ade
punctuation.definition.array.begin.json#471A54de
punctuation.definition.character-class.regexp#500366de
punctuation.definition.comment#12304E6e
punctuation.definition.comment.json.comments#11304F6e
punctuation.definition.comment.python#11304F6e
punctuation.definition.dictionary.begin.json#4C1E5Ade
punctuation.definition.dictionary.end.json#5C0D2Ede
punctuation.definition.group.assertion.regexp#0F3335de
punctuation.definition.group.regexp#1C2570de
punctuation.definition.list.begin.json#354C09de
punctuation.definition.list.begin.markdown#1B4C26de
punctuation.definition.list.begin.python#0C4D51de
punctuation.definition.list.end.json#343434de
punctuation.definition.list.end.markdown#233307de
punctuation.definition.list.end.python#1B4C26de
punctuation.definition.parameters.begin.python#26320Fde
punctuation.definition.parameters.end.bracket.round.java#222B70de
punctuation.definition.quote.begin.markdown#1B494Cde
punctuation.definition.tag#414141de
punctuation.definition.template-expression.begin#354C09de
punctuation.definition.template-expression.end#2E2E2Ede
punctuation.section.class.begin.bracket.curly.java#1B4C26de
punctuation.section.embedded#084D51de
punctuation.section.embedded.begin.php#1F2868de
punctuation.section.embedded.end.php#194245de
punctuation.terminator.java#0F3518de
source.cmake#354C0Bde
source.coffee.embedded#0F3518de
source.cpp#043436de
source.css.less#10501Fde
source.groovy.embedded#263211de
source.java#364C0Cde
source.java-properties#2E2E2Ede
source.json.comments#11304F6e
source.makefile#5C0D29de
source.powershell#414141de
source.powershell.variable.other.member#5B0E2Bde
source.python#521A31de
storage#103335de
storage.modifier#0F3335de
storage.modifier.import.java#173C3Ede
storage.modifier.package.java#364C0Cde
storage.type#611F3Adebold
storage.type.annotation.groovy#2E2E2Edebold
storage.type.annotation.java#5B0E2Bdebold
storage.type.boolean.go#0F3335debold
storage.type.byte.go#383838debold
storage.type.cs#5A122Edebold
storage.type.error.go#4D0D61debold
storage.type.generic.cs#354C09debold
storage.type.generic.groovy#354C09debold
storage.type.generic.java#5B0E2Bdebold
storage.type.groovy#5A1E37debold
storage.type.java#2B3715debold
storage.type.modifier.cs#10501Fdebold
storage.type.numeric.go#153537debold
storage.type.object.array.groovy#354C09debold
storage.type.object.array.java#2E2E2Edebold
storage.type.parameters.groovy#4D0D61debold
storage.type.primitive.array.groovy#194245debold
storage.type.primitive.array.java#471C55debold
storage.type.primitive.groovy#1D2769debold
storage.type.primitive.java#0D4D51debold
storage.type.rune.go#3D3D3Ddebold
storage.type.string.go#081891debold
storage.type.token.java#461C53debold
storage.type.uintptr.go#521A31debold
storage.type.variable.cs#541730debold
string#582168de
string.quoted.docstring.multi.python#11304F6e
string.regexp#173C3Ede
string.tag#2E2E2Ede
string.value#414141de
strong#531C33de
support.class#03380Fde
support.constant.color#531931de
support.constant.dom#212968de
support.constant.font-name#354519de
support.constant.handlebars#2E2E2Ede
support.constant.json#2E2E2Ede
support.constant.math#1E2768de
support.constant.media#0F3335de
support.constant.media-type#471A54debold
support.constant.property-value#2E2E2Ede
support.function#500366de
support.function.git-rebase#5B0E2Bde
support.other.parenthesis.regexp#2E2E2Ede
support.type#2E2E2Edebold
support.type.property-name#0C4D51debold
support.type.vendored.property-name#364C0Cdebold
support.variable#26320Fde
token.debug-token#414141de
token.error-token#364C0Ede
token.info-token#471C55de
token.warn-token#354C0Bde
variable#303E17de
variable.css#085119de
variable.language#5B0E2Bde
variable.language.wildcard.java#03370Fde
variable.other.constant#104D51de
variable.other.definition.java#253210de
variable.other.enummember#03380Fde
variable.other.less#043436de
variable.other.object.java#521A31de
variable.other.object.property.java#24330Fde
variable.parameter.c#531931de
variable.parameter.function.language.python#2E2E2Ede
variable.parameter.java#173E20de
variable.scss#173E20de
viiv by B.W - VS Code Theme