MintShot Themes
Publisher: MintShot themeThemes in package: 17
A collection of dark and light themes for VS Code and compatible editors with refined neutral surfaces and expressive accents.
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.
- activityBar.activeBorder#4AEDC4
- activityBar.background#0e0e0e
- activityBar.border#1e1e1e
- activityBar.dropBorder#4AEDC4
- activityBar.foreground#e0e2ea
- activityBar.inactiveForeground#515962
- activityBarBadge.background#4AEDC4
- activityBarBadge.foreground#0e0e0e
- badge.background#4AEDC4
- badge.foreground#0e0e0e
- banner.background#1a3a32
- banner.foreground#e0e2ea
- banner.iconForeground#4AEDC4
- breadcrumb.activeSelectionForeground#e0e2ea
- breadcrumb.focusForeground#e0e2ea
- breadcrumb.foreground#6E7681
- breadcrumbPicker.background#1a1a1a
- button.background#4AEDC4
- button.border#4AEDC400
- button.foreground#0e0e0e
- button.hoverBackground#3ECFA0
- button.secondaryBackground#2a2a2a
- button.secondaryForeground#e0e2ea
- button.secondaryHoverBackground#3e3e3e
- checkbox.background#1a1a1a
- checkbox.border#2a2a2a
- checkbox.foreground#4AEDC4
- commandCenter.activeBackground#1a1a1a
- commandCenter.activeForeground#e0e2ea
- commandCenter.background#141414
- commandCenter.border#2a2a2a
- commandCenter.foreground#bacac3
- contrastActiveBorder#4AEDC400
- contrastBorder#1e1e1e00
- debugConsole.errorForeground#f47566
- debugConsole.infoForeground#bacac3
- debugConsole.warningForeground#e2c56e
- debugConsoleInputIcon.foreground#4AEDC4
- debugIcon.breakpointForeground#f47566
- debugIcon.continueForeground#4AEDC4
- debugIcon.pauseForeground#e2c56e
- debugIcon.restartForeground#4AEDC4
- debugIcon.startForeground#4AEDC4
- debugIcon.stepIntoForeground#4AEDC4
- debugIcon.stepOutForeground#4AEDC4
- debugIcon.stepOverForeground#4AEDC4
- debugIcon.stopForeground#f47566
- debugToolBar.background#1a1a1a
- descriptionForeground#bacac3
- diffEditor.diagonalFill#2a2a2a
- diffEditor.insertedLineBackground#22C55E12
- diffEditor.insertedTextBackground#22C55E26
- diffEditor.removedLineBackground#EF444412
- diffEditor.removedTextBackground#EF444426
- dropdown.background#1a1a1a
- dropdown.border#2a2a2a
- dropdown.foreground#e0e2ea
- dropdown.listBackground#1a1a1a
- editor.background#141414
- editor.findMatchBackground#F2D06B66
- editor.findMatchBorder#F2D06B
- editor.findMatchHighlightBackground#F2D06B3D
- editor.findMatchHighlightBorder#F2D06BAA
- editor.findRangeHighlightBackground#F2D06B24
- editor.foldBackground#1e1e1e55
- editor.foreground#e0e2ea
- editor.hoverHighlightBackground#1a3a3222
- editor.inactiveSelectionBackground#1e1e1efb
- editor.lineHighlightBackground#1a1a1a
- editor.lineHighlightBorder#1a1a1a00
- editor.linkedEditingBackground#1a3a3244
- editor.rangeHighlightBackground#1a1a1a88
- editor.selectionBackground#245C4E
- editor.selectionForeground#e0e2ea
- editor.selectionHighlightBackground#4AEDC44A
- editor.wordHighlightBackground#38BDF82E
- editor.wordHighlightStrongBackground#38BDF844
- editorBracketHighlight.foreground1#4AEDC4
- editorBracketHighlight.foreground2#C586C0
- editorBracketHighlight.foreground3#DCDCAA
- editorBracketHighlight.foreground4#569CD6
- editorBracketMatch.background#1a3a3233
- editorBracketMatch.border#4AEDC466
- editorCodeLens.foreground#51596288
- editorCursor.foreground#4AEDC4
- editorError.foreground#f47566
- editorGroup.border#1e1e1e
- editorGroup.dropBackground#4AEDC41a
- editorGroupHeader.noTabsBackground#0e0e0e
- editorGroupHeader.tabsBackground#0e0e0e
- editorGroupHeader.tabsBorder#1e1e1e
- editorGutter.addedBackground#22C55E
- editorGutter.background#141414
- editorGutter.deletedBackground#EF4444
- editorGutter.foldingControlForeground#6E7681
- editorGutter.modifiedBackground#3ECFA0
- editorHint.foreground#3ECFA0
- editorHoverWidget.background#1a1a1a
- editorHoverWidget.border#2a2a2a
- editorHoverWidget.foreground#e0e2ea
- editorHoverWidget.statusBarBackground#1e1e1e
- editorIndentGuide.activeBackground1#3e3e3e
- editorIndentGuide.background1#2a2a2a
- editorInfo.foreground#4AEDC4
- editorInlayHint.background#14141400
- editorInlayHint.foreground#515962aa
- editorInlayHint.parameterBackground#14141400
- editorInlayHint.parameterForeground#51596299
- editorInlayHint.typeBackground#14141400
- editorInlayHint.typeForeground#51596299
- editorLineNumber.activeForeground#bacac3
- editorLineNumber.foreground#515962
- editorLink.activeForeground#4AEDC4
- editorMarkerNavigation.background#1a1a1a
- editorMarkerNavigationError.background#f4756633
- editorMarkerNavigationInfo.background#4AEDC433
- editorMarkerNavigationWarning.background#e2c56e33
- editorOverviewRuler.addedForeground#22C55E66
- editorOverviewRuler.border#1e1e1e
- editorOverviewRuler.deletedForeground#EF444466
- editorOverviewRuler.errorForeground#f47566
- editorOverviewRuler.findMatchForeground#F2D06BCC
- editorOverviewRuler.infoForeground#4AEDC4
- editorOverviewRuler.modifiedForeground#3ECFA066
- editorOverviewRuler.selectionHighlightForeground#4AEDC466
- editorOverviewRuler.warningForeground#e2c56e
- editorRuler.foreground#2a2a2a
- editorSuggestWidget.background#1a1a1a
- editorSuggestWidget.border#2a2a2a
- editorSuggestWidget.focusHighlightForeground#4AEDC4
- editorSuggestWidget.foreground#e0e2ea
- editorSuggestWidget.highlightForeground#4AEDC4
- editorSuggestWidget.selectedBackground#1a3a32
- editorWarning.foreground#e2c56e
- editorWhitespace.foreground#2a2a2a
- editorWidget.background#1a1a1a
- editorWidget.border#2a2a2a
- editorWidget.foreground#e0e2ea
- editorWidget.resizeBorder#4AEDC4
- errorForeground#f47566
- extensionBadge.remoteBackground#4AEDC4
- extensionBadge.remoteForeground#0e0e0e
- extensionButton.prominentBackground#4AEDC4
- extensionButton.prominentForeground#0e0e0e
- extensionButton.prominentHoverBackground#3ECFA0
- extensionIcon.starForeground#e2c56e
- focusBorder#4AEDC466
- foreground#e0e2ea
- gitDecoration.addedResourceForeground#22C55E
- gitDecoration.conflictingResourceForeground#e2c56e
- gitDecoration.deletedResourceForeground#EF4444
- gitDecoration.ignoredResourceForeground#515962
- gitDecoration.modifiedResourceForeground#3ECFA0
- gitDecoration.renamedResourceForeground#3ECFA0
- gitDecoration.stageDeletedResourceForeground#EF4444
- gitDecoration.stageModifiedResourceForeground#3ECFA0
- gitDecoration.submoduleResourceForeground#bacac3
- gitDecoration.untrackedResourceForeground#22C55Eaa
- icon.foreground#bacac3
- input.background#1a1a1a
- input.border#2a2a2a
- input.foreground#e0e2ea
- input.placeholderForeground#515962
- inputOption.activeBackground#4AEDC433
- inputOption.activeBorder#4AEDC4
- inputOption.activeForeground#e0e2ea
- inputValidation.errorBackground#1a1a1a
- inputValidation.errorBorder#f47566
- inputValidation.infoBackground#1a1a1a
- inputValidation.infoBorder#4AEDC4
- inputValidation.warningBackground#1a1a1a
- inputValidation.warningBorder#e2c56e
- keybindingLabel.background#1a1a1a
- keybindingLabel.border#2a2a2a
- keybindingLabel.bottomBorder#2a2a2a
- keybindingLabel.foreground#e0e2ea
- list.activeSelectionBackground#1a3a32
- list.activeSelectionForeground#e0e2ea
- list.activeSelectionIconForeground#e0e2ea
- list.deemphasizedForeground#515962
- list.dropBackground#4AEDC41a
- list.errorForeground#f47566
- list.filterMatchBackground#E2C56E33
- list.filterMatchBorder#E2C56E88
- list.focusBackground#1a3a32
- list.focusForeground#e0e2ea
- list.focusHighlightForeground#4AEDC4
- list.focusOutline#4AEDC466
- list.highlightForeground#4AEDC4
- list.hoverBackground#1a1a1a
- list.hoverForeground#e0e2ea
- list.inactiveSelectionBackground#1a1a1a
- list.inactiveSelectionForeground#e0e2ea
- list.invalidItemForeground#f4756688
- list.warningForeground#e2c56e
- listFilterWidget.background#1a1a1a
- listFilterWidget.noMatchesOutline#f47566
- listFilterWidget.outline#4AEDC4
- merge.currentContentBackground#4AEDC41a
- merge.currentHeaderBackground#4AEDC433
- merge.incomingContentBackground#3ECFA01a
- merge.incomingHeaderBackground#3ECFA033
- minimap.findMatchHighlight#F2D06BCC
- minimap.selectionHighlight#245C4E99
- minimap.selectionOccurrenceHighlight#38BDF866
- minimapGutter.addedBackground#22C55E
- minimapGutter.deletedBackground#EF4444
- minimapGutter.modifiedBackground#3ECFA0
- minimapSlider.activeBackground#bacac330
- minimapSlider.background#bacac310
- minimapSlider.hoverBackground#bacac320
- notificationCenter.border#2a2a2a
- notificationCenterHeader.background#1a1a1a
- notificationCenterHeader.foreground#e0e2ea
- notificationLink.foreground#4AEDC4
- notifications.background#1a1a1a
- notifications.border#2a2a2a
- notifications.foreground#e0e2ea
- notificationsErrorIcon.foreground#f47566
- notificationsInfoIcon.foreground#4AEDC4
- notificationsWarningIcon.foreground#e2c56e
- panel.background#0e0e0e
- panel.border#1e1e1e
- panel.dropBorder#4AEDC4
- panelInput.border#2a2a2a
- panelSection.border#1e1e1e
- panelSectionHeader.background#1a1a1a
- panelTitle.activeBorder#4AEDC4
- panelTitle.activeForeground#e0e2ea
- panelTitle.inactiveForeground#515962
- peekView.border#4AEDC4
- peekViewEditor.background#0e0e0e
- peekViewEditor.matchHighlightBackground#E2C56E33
- peekViewResult.background#141414
- peekViewResult.fileForeground#e0e2ea
- peekViewResult.lineForeground#bacac3
- peekViewResult.matchHighlightBackground#E2C56E33
- peekViewResult.selectionBackground#1a3a32
- peekViewResult.selectionForeground#e0e2ea
- peekViewTitle.background#1a1a1a
- peekViewTitleDescription.foreground#bacac3
- peekViewTitleLabel.foreground#e0e2ea
- progressBar.background#4AEDC4
- quickInput.background#141414
- quickInput.foreground#e0e2ea
- quickInputList.focusBackground#1a3a32
- quickInputList.focusForeground#e0e2ea
- quickInputList.focusIconForeground#e0e2ea
- quickInputTitle.background#1a1a1a
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#bacac340
- scrollbarSlider.background#bacac315
- scrollbarSlider.hoverBackground#bacac325
- selection.background#1a3a3266
- settings.checkboxBackground#1a1a1a
- settings.checkboxBorder#2a2a2a
- settings.checkboxForeground#4AEDC4
- settings.dropdownBackground#1a1a1a
- settings.dropdownBorder#2a2a2a
- settings.dropdownForeground#e0e2ea
- settings.focusedRowBackground#1a3a3222
- settings.headerForeground#e0e2ea
- settings.modifiedItemIndicator#4AEDC4
- settings.numberInputBackground#1a1a1a
- settings.numberInputBorder#2a2a2a
- settings.numberInputForeground#e0e2ea
- settings.rowHoverBackground#1a1a1a55
- settings.textInputBackground#1a1a1a
- settings.textInputBorder#2a2a2a
- settings.textInputForeground#e0e2ea
- sideBar.background#0e0e0e
- sideBar.border#1e1e1e
- sideBar.dropBackground#4AEDC41a
- sideBar.foreground#bacac3
- sideBarSectionHeader.background#0e0e0e
- sideBarSectionHeader.border#1e1e1e
- sideBarSectionHeader.foreground#bacac3
- sideBarTitle.foreground#bacac3
- statusBar.background#0e0e0e
- statusBar.border#1e1e1e
- statusBar.debuggingBackground#3ECFA0
- statusBar.debuggingForeground#0e0e0e
- statusBar.foreground#bacac3
- statusBar.noFolderBackground#141414
- statusBar.noFolderForeground#bacac3
- statusBarItem.activeBackground#4AEDC433
- statusBarItem.errorBackground#f47566
- statusBarItem.errorForeground#0e0e0e
- statusBarItem.hoverBackground#1e1e1e
- statusBarItem.prominentBackground#1a3a32
- statusBarItem.prominentHoverBackground#1a3a3266
- statusBarItem.remoteBackground#4AEDC4
- statusBarItem.remoteForeground#0e0e0e
- statusBarItem.warningBackground#e2c56e
- statusBarItem.warningForeground#0e0e0e
- tab.activeBackground#141414
- tab.activeBorderTop#4AEDC4
- tab.activeForeground#e0e2ea
- tab.activeModifiedBorder#3ECFA0
- tab.border#1e1e1e
- tab.hoverBackground#1a1a1a
- tab.inactiveBackground#0e0e0e
- tab.inactiveForeground#6E7681
- tab.inactiveModifiedBorder#3ECFA066
- tab.lastPinnedBorder#2a2a2a
- tab.unfocusedActiveBorderTop#4AEDC466
- tab.unfocusedHoverBackground#1a1a1a
- terminal.ansiBlack#0e0e0e
- terminal.ansiBlue#569CD6
- terminal.ansiBrightBlack#515962
- terminal.ansiBrightBlue#9CDCFE
- terminal.ansiBrightCyan#3ECFA0
- terminal.ansiBrightGreen#4AEDC4
- terminal.ansiBrightMagenta#D19FED
- terminal.ansiBrightRed#f47566
- terminal.ansiBrightWhite#e0e2ea
- terminal.ansiBrightYellow#e2c56e
- terminal.ansiCyan#3ECFA0
- terminal.ansiGreen#4AEDC4
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#f47566
- terminal.ansiWhite#bacac3
- terminal.ansiYellow#e2c56e
- terminal.background#0e0e0e
- terminal.border#1e1e1e
- terminal.foreground#e0e2ea
- terminal.selectionBackground#1a3a3266
- terminalCursor.background#0e0e0e
- terminalCursor.foreground#4AEDC4
- testing.iconErrored#f47566
- testing.iconFailed#f47566
- testing.iconPassed#4AEDC4
- testing.iconQueued#e2c56e
- testing.iconSkipped#515962
- testing.iconUnset#6E7681
- testing.runAction#4AEDC4
- textBlockQuote.background#1a1a1a
- textBlockQuote.border#4AEDC444
- textLink.activeForeground#3ECFA0
- textLink.foreground#4AEDC4
- textPreformat.foreground#bacac3
- textSeparator.foreground#2a2a2a
- titleBar.activeBackground#0e0e0e
- titleBar.activeForeground#bacac3
- titleBar.border#1e1e1e
- titleBar.inactiveBackground#0e0e0e
- titleBar.inactiveForeground#515962
- toolbar.activeBackground#2a2a2a
- toolbar.hoverBackground#1e1e1e
- tree.indentGuidesStroke#2a2a2a
- tree.tableColumnsBorder#2a2a2a
- walkThrough.embeddedEditorBackground#0e0e0e
- welcomePage.progress.foreground#4AEDC4
- welcomePage.tileBackground#1a1a1a
- welcomePage.tileBorder#2a2a2a
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #3E4A4580 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.trycatch, keyword.control.exception | #FBBF24 | bold |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.struct, storage.type.type, keyword.type, keyword.control.new, keyword.control.as, keyword.control.default, keyword.other, keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust, keyword.other.use.rust, keyword.other.where.rust | #FBBF24 | bold |
| keyword | #FBBF24 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type, keyword.operator.expression, punctuation.separator, punctuation.terminator, punctuation.accessor | #7A8A84 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #7DD3FC | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #5EEAD4 | italic |
| constant.numeric | #C084FC | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #C084FC | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #D4D4D4 | — |
| variable.parameter, meta.parameter | #FEF08A | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #FDE68A | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #FBBF24 | bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #F59E0B | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #FACC15 | bold |
| entity.name.type.interface | #FEF3C7 | italic |
| entity.name.type.enum | #FDE68A | bold |
| entity.name.struct | #EAB308 | bold |
| entity.name.type.parameter | #FEF08A | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #FEF08A | — |
| entity.name.namespace, entity.name.module, support.module | #7A8A84 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #2DD4BF | bold |
| entity.name.function.macro, support.function.macro | #FB7185 | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #FB7185 | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #FEF08A | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #FB7185 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #FBBF24 | bold |
| support.class.component | #FACC15 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #F59E0B | italic |
| entity.name.label | #F59E0B | — |
| constant.character.escape | #2DD4BF | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #FBBF24 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #FBBF24 | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #2DD4BF | — |
| markup.list, punctuation.definition.list | #7A8A84 | — |
| markup.quote | #546E64 | italic |
| invalid, invalid.deprecated | #FF6B6B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #F59E0B | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #FDE68A | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FBBF24 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #F59E0B | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #FACC15 | bold |
| support.type.property-name.json | #F59E0B | italic |
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.
- activityBar.activeBorder#4F46E5
- activityBar.background#EEF2F8
- activityBar.border#D9E0EB
- activityBar.dropBorder#4F46E5
- activityBar.foreground#1F2937
- activityBar.inactiveForeground#6E7C93
- activityBarBadge.background#4F46E5
- activityBarBadge.foreground#EEF2F8
- badge.background#4F46E5
- badge.foreground#EEF2F8
- banner.background#E2E8FF
- banner.foreground#1F2937
- banner.iconForeground#4F46E5
- breadcrumb.activeSelectionForeground#1F2937
- breadcrumb.focusForeground#1F2937
- breadcrumb.foreground#7C8AA1
- breadcrumbPicker.background#FFFFFF
- button.background#4F46E5
- button.border#4F46E500
- button.foreground#EEF2F8
- button.hoverBackground#0EA5E9
- button.secondaryBackground#C6D0DF
- button.secondaryForeground#1F2937
- button.secondaryHoverBackground#A7B4C7
- checkbox.background#FFFFFF
- checkbox.border#C6D0DF
- checkbox.foreground#4F46E5
- commandCenter.activeBackground#FFFFFF
- commandCenter.activeForeground#1F2937
- commandCenter.background#F5F7FA
- commandCenter.border#C6D0DF
- commandCenter.foreground#566276
- contrastActiveBorder#4F46E500
- contrastBorder#D9E0EB00
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#566276
- debugConsole.warningForeground#9A6700
- debugConsoleInputIcon.foreground#4F46E5
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#4F46E5
- debugIcon.pauseForeground#9A6700
- debugIcon.restartForeground#4F46E5
- debugIcon.startForeground#4F46E5
- debugIcon.stepIntoForeground#4F46E5
- debugIcon.stepOutForeground#4F46E5
- debugIcon.stepOverForeground#4F46E5
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFFFF
- descriptionForeground#566276
- diffEditor.diagonalFill#C6D0DF
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFFFF
- dropdown.border#C6D0DF
- dropdown.foreground#1F2937
- dropdown.listBackground#FFFFFF
- editor.background#F5F7FA
- editor.findMatchBackground#9A670066
- editor.findMatchBorder#9A6700
- editor.findMatchHighlightBackground#9A67003D
- editor.findMatchHighlightBorder#9A6700AA
- editor.findRangeHighlightBackground#9A670024
- editor.foldBackground#D9E0EB88
- editor.foreground#1F2937
- editor.hoverHighlightBackground#E2E8FF38
- editor.inactiveSelectionBackground#EAF0F9F2
- editor.lineHighlightBackground#FFFFFF
- editor.lineHighlightBorder#FFFFFF00
- editor.linkedEditingBackground#E2E8FF70
- editor.rangeHighlightBackground#E4EBF5CC
- editor.selectionBackground#D7E3FF
- editor.selectionForeground#1F2937
- editor.selectionHighlightBackground#4F46E54A
- editor.wordHighlightBackground#2563EB30
- editor.wordHighlightStrongBackground#2563EB4D
- editorBracketHighlight.foreground1#4F46E5
- editorBracketHighlight.foreground2#A855F7
- editorBracketHighlight.foreground3#8B7A2A
- editorBracketHighlight.foreground4#335FC2
- editorBracketMatch.background#E2E8FF52
- editorBracketMatch.border#4F46E566
- editorCodeLens.foreground#6E7C9388
- editorCursor.foreground#4F46E5
- editorError.foreground#C2413B
- editorGroup.border#D9E0EB
- editorGroup.dropBackground#4F46E51A
- editorGroupHeader.noTabsBackground#EEF2F8
- editorGroupHeader.tabsBackground#EEF2F8
- editorGroupHeader.tabsBorder#D9E0EB
- editorGutter.addedBackground#2F855A
- editorGutter.background#F5F7FA
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#7C8AA1
- editorGutter.modifiedBackground#0EA5E9
- editorHint.foreground#0EA5E9
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#C6D0DF
- editorHoverWidget.foreground#1F2937
- editorHoverWidget.statusBarBackground#D9E0EB
- editorIndentGuide.activeBackground1#A7B4C7
- editorIndentGuide.background1#C6D0DF
- editorInfo.foreground#4F46E5
- editorInlayHint.background#F5F7FA00
- editorInlayHint.foreground#6E7C93AA
- editorInlayHint.parameterBackground#F5F7FA00
- editorInlayHint.parameterForeground#6E7C9399
- editorInlayHint.typeBackground#F5F7FA00
- editorInlayHint.typeForeground#6E7C9399
- editorLineNumber.activeForeground#566276
- editorLineNumber.foreground#6E7C93
- editorLink.activeForeground#4F46E5
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#4F46E533
- editorMarkerNavigationWarning.background#9A670033
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#D9E0EB
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#9A6700CC
- editorOverviewRuler.infoForeground#4F46E5
- editorOverviewRuler.modifiedForeground#0EA5E966
- editorOverviewRuler.selectionHighlightForeground#4F46E566
- editorOverviewRuler.warningForeground#9A6700
- editorRuler.foreground#C6D0DF
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#C6D0DF
- editorSuggestWidget.focusHighlightForeground#4F46E5
- editorSuggestWidget.foreground#1F2937
- editorSuggestWidget.highlightForeground#4F46E5
- editorSuggestWidget.selectedBackground#E2E8FF
- editorWarning.foreground#9A6700
- editorWhitespace.foreground#C6D0DF
- editorWidget.background#FFFFFF
- editorWidget.border#C6D0DF
- editorWidget.foreground#1F2937
- editorWidget.resizeBorder#4F46E5
- errorForeground#C2413B
- extensionBadge.remoteBackground#4F46E5
- extensionBadge.remoteForeground#EEF2F8
- extensionButton.prominentBackground#4F46E5
- extensionButton.prominentForeground#EEF2F8
- extensionButton.prominentHoverBackground#0EA5E9
- extensionIcon.starForeground#9A6700
- focusBorder#4F46E566
- foreground#1F2937
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#9A6700
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#6E7C93
- gitDecoration.modifiedResourceForeground#0EA5E9
- gitDecoration.renamedResourceForeground#0EA5E9
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#0EA5E9
- gitDecoration.submoduleResourceForeground#566276
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#566276
- input.background#FFFFFF
- input.border#C6D0DF
- input.foreground#1F2937
- input.placeholderForeground#6E7C93
- inputOption.activeBackground#4F46E533
- inputOption.activeBorder#4F46E5
- inputOption.activeForeground#1F2937
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#4F46E5
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#9A6700
- keybindingLabel.background#FFFFFF
- keybindingLabel.border#C6D0DF
- keybindingLabel.bottomBorder#C6D0DF
- keybindingLabel.foreground#1F2937
- list.activeSelectionBackground#E2E8FF
- list.activeSelectionForeground#1F2937
- list.activeSelectionIconForeground#1F2937
- list.deemphasizedForeground#6E7C93
- list.dropBackground#4F46E51A
- list.errorForeground#C2413B
- list.filterMatchBackground#9A670033
- list.filterMatchBorder#9A670088
- list.focusBackground#E2E8FF
- list.focusForeground#1F2937
- list.focusHighlightForeground#4F46E5
- list.focusOutline#4F46E566
- list.highlightForeground#4F46E5
- list.hoverBackground#FFFFFF
- list.hoverForeground#1F2937
- list.inactiveSelectionBackground#FFFFFF
- list.inactiveSelectionForeground#1F2937
- list.invalidItemForeground#C2413B88
- list.warningForeground#9A6700
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#4F46E5
- merge.currentContentBackground#4F46E51A
- merge.currentHeaderBackground#4F46E533
- merge.incomingContentBackground#0EA5E91A
- merge.incomingHeaderBackground#0EA5E933
- minimap.findMatchHighlight#9A6700CC
- minimap.selectionHighlight#D7E3FF99
- minimap.selectionOccurrenceHighlight#2563EB66
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#0EA5E9
- minimapSlider.activeBackground#56627630
- minimapSlider.background#56627610
- minimapSlider.hoverBackground#56627620
- notificationCenter.border#C6D0DF
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#1F2937
- notificationLink.foreground#4F46E5
- notifications.background#FFFFFF
- notifications.border#C6D0DF
- notifications.foreground#1F2937
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#4F46E5
- notificationsWarningIcon.foreground#9A6700
- panel.background#EEF2F8
- panel.border#D9E0EB
- panel.dropBorder#4F46E5
- panelInput.border#C6D0DF
- panelSection.border#D9E0EB
- panelSectionHeader.background#FFFFFF
- panelTitle.activeBorder#4F46E5
- panelTitle.activeForeground#1F2937
- panelTitle.inactiveForeground#6E7C93
- peekView.border#4F46E5
- peekViewEditor.background#EEF2F8
- peekViewEditor.matchHighlightBackground#9A670033
- peekViewResult.background#F5F7FA
- peekViewResult.fileForeground#1F2937
- peekViewResult.lineForeground#566276
- peekViewResult.matchHighlightBackground#9A670033
- peekViewResult.selectionBackground#E2E8FF
- peekViewResult.selectionForeground#1F2937
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#566276
- peekViewTitleLabel.foreground#1F2937
- progressBar.background#4F46E5
- quickInput.background#F5F7FA
- quickInput.foreground#1F2937
- quickInputList.focusBackground#E2E8FF
- quickInputList.focusForeground#1F2937
- quickInputList.focusIconForeground#1F2937
- quickInputTitle.background#FFFFFF
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#56627640
- scrollbarSlider.background#56627615
- scrollbarSlider.hoverBackground#56627625
- selection.background#E2E8FFA3
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#C6D0DF
- settings.checkboxForeground#4F46E5
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#C6D0DF
- settings.dropdownForeground#1F2937
- settings.focusedRowBackground#E2E8FF38
- settings.headerForeground#1F2937
- settings.modifiedItemIndicator#4F46E5
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#C6D0DF
- settings.numberInputForeground#1F2937
- settings.rowHoverBackground#EEF2F788
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#C6D0DF
- settings.textInputForeground#1F2937
- sideBar.background#EEF2F8
- sideBar.border#D9E0EB
- sideBar.dropBackground#4F46E51A
- sideBar.foreground#566276
- sideBarSectionHeader.background#EEF2F8
- sideBarSectionHeader.border#D9E0EB
- sideBarSectionHeader.foreground#566276
- sideBarTitle.foreground#566276
- statusBar.background#EEF2F8
- statusBar.border#D9E0EB
- statusBar.debuggingBackground#0EA5E9
- statusBar.debuggingForeground#EEF2F8
- statusBar.foreground#566276
- statusBar.noFolderBackground#F5F7FA
- statusBar.noFolderForeground#566276
- statusBarItem.activeBackground#4F46E533
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#EEF2F8
- statusBarItem.hoverBackground#D9E0EB
- statusBarItem.prominentBackground#E2E8FF
- statusBarItem.prominentHoverBackground#E2E8FFA3
- statusBarItem.remoteBackground#4F46E5
- statusBarItem.remoteForeground#EEF2F8
- statusBarItem.warningBackground#9A6700
- statusBarItem.warningForeground#EEF2F8
- tab.activeBackground#F5F7FA
- tab.activeBorderTop#4F46E5
- tab.activeForeground#1F2937
- tab.activeModifiedBorder#0EA5E9
- tab.border#D9E0EB
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#EEF2F8
- tab.inactiveForeground#7C8AA1
- tab.inactiveModifiedBorder#0EA5E966
- tab.lastPinnedBorder#C6D0DF
- tab.unfocusedActiveBorderTop#4F46E566
- tab.unfocusedHoverBackground#FFFFFF
- terminal.ansiBlack#EEF2F8
- terminal.ansiBlue#335FC2
- terminal.ansiBrightBlack#6E7C93
- terminal.ansiBrightBlue#7CA5F8
- terminal.ansiBrightCyan#0EA5E9
- terminal.ansiBrightGreen#4F46E5
- terminal.ansiBrightMagenta#C084FC
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#1F2937
- terminal.ansiBrightYellow#9A6700
- terminal.ansiCyan#0EA5E9
- terminal.ansiGreen#4F46E5
- terminal.ansiMagenta#A855F7
- terminal.ansiRed#C2413B
- terminal.ansiWhite#566276
- terminal.ansiYellow#9A6700
- terminal.background#EEF2F8
- terminal.border#D9E0EB
- terminal.foreground#1F2937
- terminal.selectionBackground#E2E8FFA3
- terminalCursor.background#EEF2F8
- terminalCursor.foreground#4F46E5
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#4F46E5
- testing.iconQueued#9A6700
- testing.iconSkipped#6E7C93
- testing.iconUnset#7C8AA1
- testing.runAction#4F46E5
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#4F46E544
- textLink.activeForeground#0EA5E9
- textLink.foreground#4F46E5
- textPreformat.foreground#566276
- textSeparator.foreground#C6D0DF
- titleBar.activeBackground#EEF2F8
- titleBar.activeForeground#566276
- titleBar.border#D9E0EB
- titleBar.inactiveBackground#EEF2F8
- titleBar.inactiveForeground#6E7C93
- toolbar.activeBackground#C6D0DF
- toolbar.hoverBackground#D9E0EB
- tree.indentGuidesStroke#C6D0DF
- tree.tableColumnsBorder#C6D0DF
- walkThrough.embeddedEditorBackground#EEF2F8
- welcomePage.progress.foreground#4F46E5
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#C6D0DF
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #8A96A888 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.trycatch, keyword.control.exception | #5B52F0 | bold |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.struct, storage.type.type, keyword.type, keyword.control.new, keyword.control.as, keyword.control.default, keyword.other, keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust, keyword.other.use.rust, keyword.other.where.rust | #5B52F0 | bold |
| keyword | #5B52F0 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type, keyword.operator.expression, punctuation.separator, punctuation.terminator, punctuation.accessor | #5F6B80 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #C76A1A | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #0A8CAA | italic |
| constant.numeric | #C0266D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #C0266D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #344256 | — |
| variable.parameter, meta.parameter | #3F6E84 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #036D8E | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #2B8CBF | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #4F46E5 | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #2563EB | bold |
| entity.name.type.interface | #667AE6 | italic |
| entity.name.type.enum | #7C3AED | bold |
| entity.name.struct | #0A8CAA | bold |
| entity.name.type.parameter | #3F6E84 | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #667AE6 | — |
| entity.name.namespace, entity.name.module, support.module | #5F6B80 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #9A6700 | bold |
| entity.name.function.macro, support.function.macro | #DB2777 | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #DB2777 | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #3F6E84 | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #DB2777 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #5B52F0 | bold |
| support.class.component | #2563EB | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #2B8CBF | italic |
| entity.name.label | #2B8CBF | — |
| constant.character.escape | #9A6700 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #5B52F0 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #5B52F0 | bold |
| markup.bold | #1F2937 | bold |
| markup.italic | #1F2937 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #2563EB | — |
| markup.list, punctuation.definition.list | #5F6B80 | — |
| markup.quote | #778399 | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #2B8CBF | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #036D8E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5B52F0 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #2B8CBF | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #2563EB | bold |
| support.type.property-name.json | #2B8CBF | italic |
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.
- activityBar.activeBorder#2563EB
- activityBar.background#EDF2FA
- activityBar.border#D8E2F0
- activityBar.dropBorder#2563EB
- activityBar.foreground#1E293B
- activityBar.inactiveForeground#687894
- activityBarBadge.background#2563EB
- activityBarBadge.foreground#EDF2FA
- badge.background#2563EB
- badge.foreground#EDF2FA
- banner.background#E2ECFF
- banner.foreground#1E293B
- banner.iconForeground#2563EB
- breadcrumb.activeSelectionForeground#1E293B
- breadcrumb.focusForeground#1E293B
- breadcrumb.foreground#7B8AA6
- breadcrumbPicker.background#FFFFFF
- button.background#2563EB
- button.border#2563EB00
- button.foreground#EDF2FA
- button.hoverBackground#0284C7
- button.secondaryBackground#C4D1E3
- button.secondaryForeground#1E293B
- button.secondaryHoverBackground#A7B8D1
- checkbox.background#FFFFFF
- checkbox.border#C4D1E3
- checkbox.foreground#2563EB
- commandCenter.activeBackground#FFFFFF
- commandCenter.activeForeground#1E293B
- commandCenter.background#F4F7FC
- commandCenter.border#C4D1E3
- commandCenter.foreground#52637A
- contrastActiveBorder#2563EB00
- contrastBorder#D8E2F000
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#52637A
- debugConsole.warningForeground#A16207
- debugConsoleInputIcon.foreground#2563EB
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#2563EB
- debugIcon.pauseForeground#A16207
- debugIcon.restartForeground#2563EB
- debugIcon.startForeground#2563EB
- debugIcon.stepIntoForeground#2563EB
- debugIcon.stepOutForeground#2563EB
- debugIcon.stepOverForeground#2563EB
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFFFF
- descriptionForeground#52637A
- diffEditor.diagonalFill#C4D1E3
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFFFF
- dropdown.border#C4D1E3
- dropdown.foreground#1E293B
- dropdown.listBackground#FFFFFF
- editor.background#F4F7FC
- editor.findMatchBackground#A1620766
- editor.findMatchBorder#A16207
- editor.findMatchHighlightBackground#A162073D
- editor.findMatchHighlightBorder#A16207AA
- editor.findRangeHighlightBackground#A1620724
- editor.foldBackground#D8E2F088
- editor.foreground#1E293B
- editor.hoverHighlightBackground#E2ECFF38
- editor.inactiveSelectionBackground#EAF1FBF2
- editor.lineHighlightBackground#FFFFFF
- editor.lineHighlightBorder#FFFFFF00
- editor.linkedEditingBackground#E2ECFF70
- editor.rangeHighlightBackground#E3EBF8CC
- editor.selectionBackground#D6E7FF
- editor.selectionForeground#1E293B
- editor.selectionHighlightBackground#2563EB4A
- editor.wordHighlightBackground#0369A130
- editor.wordHighlightStrongBackground#0369A14D
- editorBracketHighlight.foreground1#2563EB
- editorBracketHighlight.foreground2#9D5AAE
- editorBracketHighlight.foreground3#8B7A2A
- editorBracketHighlight.foreground4#2E6CC8
- editorBracketMatch.background#E2ECFF52
- editorBracketMatch.border#2563EB66
- editorCodeLens.foreground#68789488
- editorCursor.foreground#2563EB
- editorError.foreground#C2413B
- editorGroup.border#D8E2F0
- editorGroup.dropBackground#2563EB1A
- editorGroupHeader.noTabsBackground#EDF2FA
- editorGroupHeader.tabsBackground#EDF2FA
- editorGroupHeader.tabsBorder#D8E2F0
- editorGutter.addedBackground#2F855A
- editorGutter.background#F4F7FC
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#7B8AA6
- editorGutter.modifiedBackground#0284C7
- editorHint.foreground#0284C7
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#C4D1E3
- editorHoverWidget.foreground#1E293B
- editorHoverWidget.statusBarBackground#D8E2F0
- editorIndentGuide.activeBackground1#A7B8D1
- editorIndentGuide.background1#C4D1E3
- editorInfo.foreground#2563EB
- editorInlayHint.background#F4F7FC00
- editorInlayHint.foreground#687894AA
- editorInlayHint.parameterBackground#F4F7FC00
- editorInlayHint.parameterForeground#68789499
- editorInlayHint.typeBackground#F4F7FC00
- editorInlayHint.typeForeground#68789499
- editorLineNumber.activeForeground#52637A
- editorLineNumber.foreground#687894
- editorLink.activeForeground#2563EB
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#2563EB33
- editorMarkerNavigationWarning.background#A1620733
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#D8E2F0
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#A16207CC
- editorOverviewRuler.infoForeground#2563EB
- editorOverviewRuler.modifiedForeground#0284C766
- editorOverviewRuler.selectionHighlightForeground#2563EB66
- editorOverviewRuler.warningForeground#A16207
- editorRuler.foreground#C4D1E3
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#C4D1E3
- editorSuggestWidget.focusHighlightForeground#2563EB
- editorSuggestWidget.foreground#1E293B
- editorSuggestWidget.highlightForeground#2563EB
- editorSuggestWidget.selectedBackground#E2ECFF
- editorWarning.foreground#A16207
- editorWhitespace.foreground#C4D1E3
- editorWidget.background#FFFFFF
- editorWidget.border#C4D1E3
- editorWidget.foreground#1E293B
- editorWidget.resizeBorder#2563EB
- errorForeground#C2413B
- extensionBadge.remoteBackground#2563EB
- extensionBadge.remoteForeground#EDF2FA
- extensionButton.prominentBackground#2563EB
- extensionButton.prominentForeground#EDF2FA
- extensionButton.prominentHoverBackground#0284C7
- extensionIcon.starForeground#A16207
- focusBorder#2563EB66
- foreground#1E293B
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#A16207
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#687894
- gitDecoration.modifiedResourceForeground#0284C7
- gitDecoration.renamedResourceForeground#0284C7
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#0284C7
- gitDecoration.submoduleResourceForeground#52637A
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#52637A
- input.background#FFFFFF
- input.border#C4D1E3
- input.foreground#1E293B
- input.placeholderForeground#687894
- inputOption.activeBackground#2563EB33
- inputOption.activeBorder#2563EB
- inputOption.activeForeground#1E293B
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#2563EB
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#A16207
- keybindingLabel.background#FFFFFF
- keybindingLabel.border#C4D1E3
- keybindingLabel.bottomBorder#C4D1E3
- keybindingLabel.foreground#1E293B
- list.activeSelectionBackground#E2ECFF
- list.activeSelectionForeground#1E293B
- list.activeSelectionIconForeground#1E293B
- list.deemphasizedForeground#687894
- list.dropBackground#2563EB1A
- list.errorForeground#C2413B
- list.filterMatchBackground#A1620733
- list.filterMatchBorder#A1620788
- list.focusBackground#E2ECFF
- list.focusForeground#1E293B
- list.focusHighlightForeground#2563EB
- list.focusOutline#2563EB66
- list.highlightForeground#2563EB
- list.hoverBackground#FFFFFF
- list.hoverForeground#1E293B
- list.inactiveSelectionBackground#FFFFFF
- list.inactiveSelectionForeground#1E293B
- list.invalidItemForeground#C2413B88
- list.warningForeground#A16207
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#2563EB
- merge.currentContentBackground#2563EB1A
- merge.currentHeaderBackground#2563EB33
- merge.incomingContentBackground#0284C71A
- merge.incomingHeaderBackground#0284C733
- minimap.findMatchHighlight#A16207CC
- minimap.selectionHighlight#D6E7FF99
- minimap.selectionOccurrenceHighlight#0369A166
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#0284C7
- minimapSlider.activeBackground#52637A30
- minimapSlider.background#52637A10
- minimapSlider.hoverBackground#52637A20
- notificationCenter.border#C4D1E3
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#1E293B
- notificationLink.foreground#2563EB
- notifications.background#FFFFFF
- notifications.border#C4D1E3
- notifications.foreground#1E293B
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#2563EB
- notificationsWarningIcon.foreground#A16207
- panel.background#EDF2FA
- panel.border#D8E2F0
- panel.dropBorder#2563EB
- panelInput.border#C4D1E3
- panelSection.border#D8E2F0
- panelSectionHeader.background#FFFFFF
- panelTitle.activeBorder#2563EB
- panelTitle.activeForeground#1E293B
- panelTitle.inactiveForeground#687894
- peekView.border#2563EB
- peekViewEditor.background#EDF2FA
- peekViewEditor.matchHighlightBackground#A1620733
- peekViewResult.background#F4F7FC
- peekViewResult.fileForeground#1E293B
- peekViewResult.lineForeground#52637A
- peekViewResult.matchHighlightBackground#A1620733
- peekViewResult.selectionBackground#E2ECFF
- peekViewResult.selectionForeground#1E293B
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#52637A
- peekViewTitleLabel.foreground#1E293B
- progressBar.background#2563EB
- quickInput.background#F4F7FC
- quickInput.foreground#1E293B
- quickInputList.focusBackground#E2ECFF
- quickInputList.focusForeground#1E293B
- quickInputList.focusIconForeground#1E293B
- quickInputTitle.background#FFFFFF
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#52637A40
- scrollbarSlider.background#52637A15
- scrollbarSlider.hoverBackground#52637A25
- selection.background#E2ECFFA3
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#C4D1E3
- settings.checkboxForeground#2563EB
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#C4D1E3
- settings.dropdownForeground#1E293B
- settings.focusedRowBackground#E2ECFF38
- settings.headerForeground#1E293B
- settings.modifiedItemIndicator#2563EB
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#C4D1E3
- settings.numberInputForeground#1E293B
- settings.rowHoverBackground#EEF3FA88
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#C4D1E3
- settings.textInputForeground#1E293B
- sideBar.background#EDF2FA
- sideBar.border#D8E2F0
- sideBar.dropBackground#2563EB1A
- sideBar.foreground#52637A
- sideBarSectionHeader.background#EDF2FA
- sideBarSectionHeader.border#D8E2F0
- sideBarSectionHeader.foreground#52637A
- sideBarTitle.foreground#52637A
- statusBar.background#EDF2FA
- statusBar.border#D8E2F0
- statusBar.debuggingBackground#0284C7
- statusBar.debuggingForeground#EDF2FA
- statusBar.foreground#52637A
- statusBar.noFolderBackground#F4F7FC
- statusBar.noFolderForeground#52637A
- statusBarItem.activeBackground#2563EB33
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#EDF2FA
- statusBarItem.hoverBackground#D8E2F0
- statusBarItem.prominentBackground#E2ECFF
- statusBarItem.prominentHoverBackground#E2ECFFA3
- statusBarItem.remoteBackground#2563EB
- statusBarItem.remoteForeground#EDF2FA
- statusBarItem.warningBackground#A16207
- statusBarItem.warningForeground#EDF2FA
- tab.activeBackground#F4F7FC
- tab.activeBorderTop#2563EB
- tab.activeForeground#1E293B
- tab.activeModifiedBorder#0284C7
- tab.border#D8E2F0
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#EDF2FA
- tab.inactiveForeground#7B8AA6
- tab.inactiveModifiedBorder#0284C766
- tab.lastPinnedBorder#C4D1E3
- tab.unfocusedActiveBorderTop#2563EB66
- tab.unfocusedHoverBackground#FFFFFF
- terminal.ansiBlack#EDF2FA
- terminal.ansiBlue#2E6CC8
- terminal.ansiBrightBlack#687894
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#0284C7
- terminal.ansiBrightGreen#2563EB
- terminal.ansiBrightMagenta#B97BC8
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#1E293B
- terminal.ansiBrightYellow#A16207
- terminal.ansiCyan#0284C7
- terminal.ansiGreen#2563EB
- terminal.ansiMagenta#9D5AAE
- terminal.ansiRed#C2413B
- terminal.ansiWhite#52637A
- terminal.ansiYellow#A16207
- terminal.background#EDF2FA
- terminal.border#D8E2F0
- terminal.foreground#1E293B
- terminal.selectionBackground#E2ECFFA3
- terminalCursor.background#EDF2FA
- terminalCursor.foreground#2563EB
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#2563EB
- testing.iconQueued#A16207
- testing.iconSkipped#687894
- testing.iconUnset#7B8AA6
- testing.runAction#2563EB
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#2563EB44
- textLink.activeForeground#0284C7
- textLink.foreground#2563EB
- textPreformat.foreground#52637A
- textSeparator.foreground#C4D1E3
- titleBar.activeBackground#EDF2FA
- titleBar.activeForeground#52637A
- titleBar.border#D8E2F0
- titleBar.inactiveBackground#EDF2FA
- titleBar.inactiveForeground#687894
- toolbar.activeBackground#C4D1E3
- toolbar.hoverBackground#D8E2F0
- tree.indentGuidesStroke#C4D1E3
- tree.tableColumnsBorder#C4D1E3
- walkThrough.embeddedEditorBackground#EDF2FA
- welcomePage.progress.foreground#2563EB
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#C4D1E3
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #8998AE88 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.trycatch, keyword.control.exception | #3B82F6 | bold |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.struct, storage.type.type, keyword.type, keyword.control.new, keyword.control.as, keyword.control.default, keyword.other, keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust, keyword.other.use.rust, keyword.other.where.rust | #3B82F6 | bold |
| keyword | #3B82F6 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type, keyword.operator.expression, punctuation.separator, punctuation.terminator, punctuation.accessor | #5E7086 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #C96A19 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #0891B2 | italic |
| constant.numeric | #BE185D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #BE185D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #334155 | — |
| variable.parameter, meta.parameter | #2F6E92 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0F766E | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #0EA5C6 | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #2563EB | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #0369A1 | bold |
| entity.name.type.interface | #4F79D9 | italic |
| entity.name.type.enum | #7C3AED | bold |
| entity.name.struct | #0891B2 | bold |
| entity.name.type.parameter | #2F6E92 | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #4F79D9 | — |
| entity.name.namespace, entity.name.module, support.module | #5E7086 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #A16207 | bold |
| entity.name.function.macro, support.function.macro | #C2416C | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #C2416C | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #2F6E92 | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #C2416C | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #3B82F6 | bold |
| support.class.component | #0369A1 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #0EA5C6 | italic |
| entity.name.label | #0EA5C6 | — |
| constant.character.escape | #A16207 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #3B82F6 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #3B82F6 | bold |
| markup.bold | #1E293B | bold |
| markup.italic | #1E293B | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #0369A1 | — |
| markup.list, punctuation.definition.list | #5E7086 | — |
| markup.quote | #73849A | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #0EA5C6 | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #0F766E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #3B82F6 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #0EA5C6 | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #0369A1 | bold |
| support.type.property-name.json | #0EA5C6 | italic |
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.
- activityBar.activeBorder#B7791F
- activityBar.background#F2EDE2
- activityBar.border#E2DAC8
- activityBar.dropBorder#B7791F
- activityBar.foreground#33261B
- activityBar.inactiveForeground#8A7A63
- activityBarBadge.background#B7791F
- activityBarBadge.foreground#F2EDE2
- badge.background#B7791F
- badge.foreground#F2EDE2
- banner.background#F7ECD2
- banner.foreground#33261B
- banner.iconForeground#B7791F
- breadcrumb.activeSelectionForeground#33261B
- breadcrumb.focusForeground#33261B
- breadcrumb.foreground#94846C
- breadcrumbPicker.background#FFFDFA
- button.background#B7791F
- button.border#B7791F00
- button.foreground#F2EDE2
- button.hoverBackground#D97706
- button.secondaryBackground#D2C4AB
- button.secondaryForeground#33261B
- button.secondaryHoverBackground#BFAF94
- checkbox.background#FFFDFA
- checkbox.border#D2C4AB
- checkbox.foreground#B7791F
- commandCenter.activeBackground#FFFDFA
- commandCenter.activeForeground#33261B
- commandCenter.background#F7F5F0
- commandCenter.border#D2C4AB
- commandCenter.foreground#6C5B45
- contrastActiveBorder#B7791F00
- contrastBorder#E2DAC800
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#6C5B45
- debugConsole.warningForeground#A16207
- debugConsoleInputIcon.foreground#B7791F
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#B7791F
- debugIcon.pauseForeground#A16207
- debugIcon.restartForeground#B7791F
- debugIcon.startForeground#B7791F
- debugIcon.stepIntoForeground#B7791F
- debugIcon.stepOutForeground#B7791F
- debugIcon.stepOverForeground#B7791F
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFDFA
- descriptionForeground#6C5B45
- diffEditor.diagonalFill#D2C4AB
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFDFA
- dropdown.border#D2C4AB
- dropdown.foreground#33261B
- dropdown.listBackground#FFFDFA
- editor.background#F7F5F0
- editor.findMatchBackground#A1620766
- editor.findMatchBorder#A16207
- editor.findMatchHighlightBackground#A162073D
- editor.findMatchHighlightBorder#A16207AA
- editor.findRangeHighlightBackground#A1620724
- editor.foldBackground#E2DAC888
- editor.foreground#33261B
- editor.hoverHighlightBackground#F7ECD238
- editor.inactiveSelectionBackground#F6F0E7F2
- editor.lineHighlightBackground#FFFDFA
- editor.lineHighlightBorder#FFFDFA00
- editor.linkedEditingBackground#F7ECD270
- editor.rangeHighlightBackground#F5EAD6CC
- editor.selectionBackground#F8E2A8
- editor.selectionForeground#33261B
- editor.selectionHighlightBackground#B7791F4A
- editor.wordHighlightBackground#2563EB30
- editor.wordHighlightStrongBackground#2563EB4D
- editorBracketHighlight.foreground1#B7791F
- editorBracketHighlight.foreground2#A85576
- editorBracketHighlight.foreground3#8B6F1D
- editorBracketHighlight.foreground4#9A6700
- editorBracketMatch.background#F7ECD252
- editorBracketMatch.border#B7791F66
- editorCodeLens.foreground#8A7A6388
- editorCursor.foreground#B7791F
- editorError.foreground#C2413B
- editorGroup.border#E2DAC8
- editorGroup.dropBackground#B7791F1A
- editorGroupHeader.noTabsBackground#F2EDE2
- editorGroupHeader.tabsBackground#F2EDE2
- editorGroupHeader.tabsBorder#E2DAC8
- editorGutter.addedBackground#2F855A
- editorGutter.background#F7F5F0
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#94846C
- editorGutter.modifiedBackground#D97706
- editorHint.foreground#D97706
- editorHoverWidget.background#FFFDFA
- editorHoverWidget.border#D2C4AB
- editorHoverWidget.foreground#33261B
- editorHoverWidget.statusBarBackground#E2DAC8
- editorIndentGuide.activeBackground1#BFAF94
- editorIndentGuide.background1#D2C4AB
- editorInfo.foreground#B7791F
- editorInlayHint.background#F7F5F000
- editorInlayHint.foreground#8A7A63AA
- editorInlayHint.parameterBackground#F7F5F000
- editorInlayHint.parameterForeground#8A7A6399
- editorInlayHint.typeBackground#F7F5F000
- editorInlayHint.typeForeground#8A7A6399
- editorLineNumber.activeForeground#6C5B45
- editorLineNumber.foreground#8A7A63
- editorLink.activeForeground#B7791F
- editorMarkerNavigation.background#FFFDFA
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#B7791F33
- editorMarkerNavigationWarning.background#A1620733
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#E2DAC8
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#A16207CC
- editorOverviewRuler.infoForeground#B7791F
- editorOverviewRuler.modifiedForeground#D9770666
- editorOverviewRuler.selectionHighlightForeground#B7791F66
- editorOverviewRuler.warningForeground#A16207
- editorRuler.foreground#D2C4AB
- editorSuggestWidget.background#FFFDFA
- editorSuggestWidget.border#D2C4AB
- editorSuggestWidget.focusHighlightForeground#B7791F
- editorSuggestWidget.foreground#33261B
- editorSuggestWidget.highlightForeground#B7791F
- editorSuggestWidget.selectedBackground#F7ECD2
- editorWarning.foreground#A16207
- editorWhitespace.foreground#D2C4AB
- editorWidget.background#FFFDFA
- editorWidget.border#D2C4AB
- editorWidget.foreground#33261B
- editorWidget.resizeBorder#B7791F
- errorForeground#C2413B
- extensionBadge.remoteBackground#B7791F
- extensionBadge.remoteForeground#F2EDE2
- extensionButton.prominentBackground#B7791F
- extensionButton.prominentForeground#F2EDE2
- extensionButton.prominentHoverBackground#D97706
- extensionIcon.starForeground#A16207
- focusBorder#B7791F66
- foreground#33261B
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#A16207
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#8A7A63
- gitDecoration.modifiedResourceForeground#D97706
- gitDecoration.renamedResourceForeground#D97706
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#D97706
- gitDecoration.submoduleResourceForeground#6C5B45
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#6C5B45
- input.background#FFFDFA
- input.border#D2C4AB
- input.foreground#33261B
- input.placeholderForeground#8A7A63
- inputOption.activeBackground#B7791F33
- inputOption.activeBorder#B7791F
- inputOption.activeForeground#33261B
- inputValidation.errorBackground#FFFDFA
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFDFA
- inputValidation.infoBorder#B7791F
- inputValidation.warningBackground#FFFDFA
- inputValidation.warningBorder#A16207
- keybindingLabel.background#FFFDFA
- keybindingLabel.border#D2C4AB
- keybindingLabel.bottomBorder#D2C4AB
- keybindingLabel.foreground#33261B
- list.activeSelectionBackground#F7ECD2
- list.activeSelectionForeground#33261B
- list.activeSelectionIconForeground#33261B
- list.deemphasizedForeground#8A7A63
- list.dropBackground#B7791F1A
- list.errorForeground#C2413B
- list.filterMatchBackground#A1620733
- list.filterMatchBorder#A1620788
- list.focusBackground#F7ECD2
- list.focusForeground#33261B
- list.focusHighlightForeground#B7791F
- list.focusOutline#B7791F66
- list.highlightForeground#B7791F
- list.hoverBackground#FFFDFA
- list.hoverForeground#33261B
- list.inactiveSelectionBackground#FFFDFA
- list.inactiveSelectionForeground#33261B
- list.invalidItemForeground#C2413B88
- list.warningForeground#A16207
- listFilterWidget.background#FFFDFA
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#B7791F
- merge.currentContentBackground#B7791F1A
- merge.currentHeaderBackground#B7791F33
- merge.incomingContentBackground#D977061A
- merge.incomingHeaderBackground#D9770633
- minimap.findMatchHighlight#A16207CC
- minimap.selectionHighlight#F8E2A899
- minimap.selectionOccurrenceHighlight#2563EB66
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#D97706
- minimapSlider.activeBackground#6C5B4530
- minimapSlider.background#6C5B4510
- minimapSlider.hoverBackground#6C5B4520
- notificationCenter.border#D2C4AB
- notificationCenterHeader.background#FFFDFA
- notificationCenterHeader.foreground#33261B
- notificationLink.foreground#B7791F
- notifications.background#FFFDFA
- notifications.border#D2C4AB
- notifications.foreground#33261B
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#B7791F
- notificationsWarningIcon.foreground#A16207
- panel.background#F2EDE2
- panel.border#E2DAC8
- panel.dropBorder#B7791F
- panelInput.border#D2C4AB
- panelSection.border#E2DAC8
- panelSectionHeader.background#FFFDFA
- panelTitle.activeBorder#B7791F
- panelTitle.activeForeground#33261B
- panelTitle.inactiveForeground#8A7A63
- peekView.border#B7791F
- peekViewEditor.background#F2EDE2
- peekViewEditor.matchHighlightBackground#A1620733
- peekViewResult.background#F7F5F0
- peekViewResult.fileForeground#33261B
- peekViewResult.lineForeground#6C5B45
- peekViewResult.matchHighlightBackground#A1620733
- peekViewResult.selectionBackground#F7ECD2
- peekViewResult.selectionForeground#33261B
- peekViewTitle.background#FFFDFA
- peekViewTitleDescription.foreground#6C5B45
- peekViewTitleLabel.foreground#33261B
- progressBar.background#B7791F
- quickInput.background#F7F5F0
- quickInput.foreground#33261B
- quickInputList.focusBackground#F7ECD2
- quickInputList.focusForeground#33261B
- quickInputList.focusIconForeground#33261B
- quickInputTitle.background#FFFDFA
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#6C5B4540
- scrollbarSlider.background#6C5B4515
- scrollbarSlider.hoverBackground#6C5B4525
- selection.background#F7ECD2A3
- settings.checkboxBackground#FFFDFA
- settings.checkboxBorder#D2C4AB
- settings.checkboxForeground#B7791F
- settings.dropdownBackground#FFFDFA
- settings.dropdownBorder#D2C4AB
- settings.dropdownForeground#33261B
- settings.focusedRowBackground#F7ECD238
- settings.headerForeground#33261B
- settings.modifiedItemIndicator#B7791F
- settings.numberInputBackground#FFFDFA
- settings.numberInputBorder#D2C4AB
- settings.numberInputForeground#33261B
- settings.rowHoverBackground#F5EFE688
- settings.textInputBackground#FFFDFA
- settings.textInputBorder#D2C4AB
- settings.textInputForeground#33261B
- sideBar.background#F2EDE2
- sideBar.border#E2DAC8
- sideBar.dropBackground#B7791F1A
- sideBar.foreground#6C5B45
- sideBarSectionHeader.background#F2EDE2
- sideBarSectionHeader.border#E2DAC8
- sideBarSectionHeader.foreground#6C5B45
- sideBarTitle.foreground#6C5B45
- statusBar.background#F2EDE2
- statusBar.border#E2DAC8
- statusBar.debuggingBackground#D97706
- statusBar.debuggingForeground#F2EDE2
- statusBar.foreground#6C5B45
- statusBar.noFolderBackground#F7F5F0
- statusBar.noFolderForeground#6C5B45
- statusBarItem.activeBackground#B7791F33
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#F2EDE2
- statusBarItem.hoverBackground#E2DAC8
- statusBarItem.prominentBackground#F7ECD2
- statusBarItem.prominentHoverBackground#F7ECD2A3
- statusBarItem.remoteBackground#B7791F
- statusBarItem.remoteForeground#F2EDE2
- statusBarItem.warningBackground#A16207
- statusBarItem.warningForeground#F2EDE2
- tab.activeBackground#F7F5F0
- tab.activeBorderTop#B7791F
- tab.activeForeground#33261B
- tab.activeModifiedBorder#D97706
- tab.border#E2DAC8
- tab.hoverBackground#FFFDFA
- tab.inactiveBackground#F2EDE2
- tab.inactiveForeground#94846C
- tab.inactiveModifiedBorder#D9770666
- tab.lastPinnedBorder#D2C4AB
- tab.unfocusedActiveBorderTop#B7791F66
- tab.unfocusedHoverBackground#FFFDFA
- terminal.ansiBlack#F2EDE2
- terminal.ansiBlue#9A6700
- terminal.ansiBrightBlack#8A7A63
- terminal.ansiBrightBlue#D4A95A
- terminal.ansiBrightCyan#D97706
- terminal.ansiBrightGreen#B7791F
- terminal.ansiBrightMagenta#D092AE
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#33261B
- terminal.ansiBrightYellow#A16207
- terminal.ansiCyan#D97706
- terminal.ansiGreen#B7791F
- terminal.ansiMagenta#A85576
- terminal.ansiRed#C2413B
- terminal.ansiWhite#6C5B45
- terminal.ansiYellow#A16207
- terminal.background#F2EDE2
- terminal.border#E2DAC8
- terminal.foreground#33261B
- terminal.selectionBackground#F7ECD2A3
- terminalCursor.background#F2EDE2
- terminalCursor.foreground#B7791F
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#B7791F
- testing.iconQueued#A16207
- testing.iconSkipped#8A7A63
- testing.iconUnset#94846C
- testing.runAction#B7791F
- textBlockQuote.background#FFFDFA
- textBlockQuote.border#B7791F44
- textLink.activeForeground#D97706
- textLink.foreground#B7791F
- textPreformat.foreground#6C5B45
- textSeparator.foreground#D2C4AB
- titleBar.activeBackground#F2EDE2
- titleBar.activeForeground#6C5B45
- titleBar.border#E2DAC8
- titleBar.inactiveBackground#F2EDE2
- titleBar.inactiveForeground#8A7A63
- toolbar.activeBackground#D2C4AB
- toolbar.hoverBackground#E2DAC8
- tree.indentGuidesStroke#D2C4AB
- tree.tableColumnsBorder#D2C4AB
- walkThrough.embeddedEditorBackground#F2EDE2
- welcomePage.progress.foreground#B7791F
- welcomePage.tileBackground#FFFDFA
- welcomePage.tileBorder#D2C4AB
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #A5947F88 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.return, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.trycatch, keyword.control.exception | #C28A18 | bold |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.struct, storage.type.type, keyword.type, keyword.control.new, keyword.control.as, keyword.control.default, keyword.other, keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust, keyword.other.use.rust, keyword.other.where.rust | #C28A18 | bold |
| keyword | #C28A18 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type, keyword.operator.expression, punctuation.separator, punctuation.terminator, punctuation.accessor | #7A6A53 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #B45309 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #C28A18 | italic |
| constant.numeric | #B5476D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #B5476D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #3E3024 | — |
| variable.parameter, meta.parameter | #7F6542 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0F766E | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #D4A95A | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #B7791F | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #2563EB | bold |
| entity.name.type.interface | #C38E2A | italic |
| entity.name.type.enum | #7C3AED | bold |
| entity.name.struct | #C28A18 | bold |
| entity.name.type.parameter | #7F6542 | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #C38E2A | — |
| entity.name.namespace, entity.name.module, support.module | #7A6A53 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #A16207 | bold |
| entity.name.function.macro, support.function.macro | #C2416C | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #C2416C | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #7F6542 | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #C2416C | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #C28A18 | bold |
| support.class.component | #2563EB | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #D4A95A | italic |
| entity.name.label | #D4A95A | — |
| constant.character.escape | #A16207 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #C28A18 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #C28A18 | bold |
| markup.bold | #33261B | bold |
| markup.italic | #33261B | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #2563EB | — |
| markup.list, punctuation.definition.list | #7A6A53 | — |
| markup.quote | #8F806A | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #D4A95A | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #0F766E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C28A18 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #D4A95A | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #2563EB | bold |
| support.type.property-name.json | #D4A95A | italic |