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 | #C084FC | 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 | #C084FC | bold |
| keyword | #C084FC | 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 | #FB923C | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #81C784 | italic |
| constant.numeric | #F48FB1 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #F48FB1 | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #D4D4D4 | — |
| variable.parameter, meta.parameter | #A0C4B8 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #8FB3FF | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #60A5FA | bold |
| entity.name.type, entity.name.type.class, entity.name.struct, entity.name.type.alias, entity.name.union, support.class, support.type, entity.other.inherited-class | #3ECFA0 | bold |
| entity.name.type.interface | #00E5A0 | italic |
| entity.name.type.enum | #38BDF8 | bold |
| entity.name.type.parameter | #A7FFEB | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #81C784 | — |
| entity.name.namespace, entity.name.module, support.module | #7A8A84 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #F2D06B | bold |
| entity.name.function.macro, support.function.macro | #FF6B6B | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #FF6B6B | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #A7FFEB | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #FF6B6B | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #66FFCC | bold |
| support.class.component | #4AEDC4 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #A4BCFF | italic |
| entity.name.label | #80CBC4 | — |
| constant.character.escape | #F2D06B | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #C084FC | bold |
| markup.heading, markup.heading punctuation.definition.heading | #4AEDC4 | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #3ECFA0 | — |
| 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 | #80CBC4 | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #B2DFDB | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4AEDC4 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #80CBC4 | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #3ECFA0 | bold |
| support.type.property-name.json | #80CBC4 | 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#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 | #60A5FA | 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 | #60A5FA | bold |
| keyword | #60A5FA | 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 | #FDBA74 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #67E8F9 | italic |
| constant.numeric | #F9A8D4 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #F9A8D4 | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #D4D4D4 | — |
| variable.parameter, meta.parameter | #CFFAFE | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #A5F3FC | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #7DD3FC | bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #93C5FD | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #38BDF8 | bold |
| entity.name.type.interface | #BFDBFE | italic |
| entity.name.type.enum | #A78BFA | bold |
| entity.name.struct | #22D3EE | bold |
| entity.name.type.parameter | #CFFAFE | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #BFDBFE | — |
| entity.name.namespace, entity.name.module, support.module | #7A8A84 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #FCD34D | 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 | #CFFAFE | 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 | #60A5FA | bold |
| support.class.component | #38BDF8 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #7DD3FC | italic |
| entity.name.label | #7DD3FC | — |
| constant.character.escape | #FCD34D | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #60A5FA | bold |
| markup.heading, markup.heading punctuation.definition.heading | #60A5FA | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #38BDF8 | — |
| 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 | #7DD3FC | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #A5F3FC | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #60A5FA | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #7DD3FC | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #38BDF8 | bold |
| support.type.property-name.json | #7DD3FC | 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#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 | #4ADE80 | 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 | #4ADE80 | bold |
| keyword | #4ADE80 | 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 | #FDBA74 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #6EE7B7 | italic |
| constant.numeric | #F472B6 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #F472B6 | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #D4D4D4 | — |
| variable.parameter, meta.parameter | #CCFBF1 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #86EFAC | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #4ADE80 | bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #2DD4BF | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #34D399 | bold |
| entity.name.type.interface | #A7F3D0 | italic |
| entity.name.type.enum | #86EFAC | bold |
| entity.name.struct | #10B981 | bold |
| entity.name.type.parameter | #CCFBF1 | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #99F6E4 | — |
| entity.name.namespace, entity.name.module, support.module | #7A8A84 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #FCD34D | 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 | #CCFBF1 | 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 | #4ADE80 | bold |
| support.class.component | #34D399 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #34D399 | italic |
| entity.name.label | #34D399 | — |
| constant.character.escape | #FCD34D | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #4ADE80 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #4ADE80 | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #10B981 | — |
| 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 | #34D399 | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #86EFAC | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4ADE80 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #34D399 | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #10B981 | bold |
| support.type.property-name.json | #34D399 | 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#FB923C
- activityBar.background#0e0e0e
- activityBar.border#1e1e1e
- activityBar.dropBorder#FB923C
- activityBar.foreground#e0e2ea
- activityBar.inactiveForeground#515962
- activityBarBadge.background#FB923C
- activityBarBadge.foreground#0e0e0e
- badge.background#FB923C
- badge.foreground#0e0e0e
- banner.background#3A2316
- banner.foreground#e0e2ea
- banner.iconForeground#FB923C
- breadcrumb.activeSelectionForeground#e0e2ea
- breadcrumb.focusForeground#e0e2ea
- breadcrumb.foreground#6E7681
- breadcrumbPicker.background#1a1a1a
- button.background#FB923C
- button.border#FB923C00
- button.foreground#0e0e0e
- button.hoverBackground#F97316
- button.secondaryBackground#2a2a2a
- button.secondaryForeground#e0e2ea
- button.secondaryHoverBackground#3e3e3e
- checkbox.background#1a1a1a
- checkbox.border#2a2a2a
- checkbox.foreground#FB923C
- commandCenter.activeBackground#1a1a1a
- commandCenter.activeForeground#e0e2ea
- commandCenter.background#141414
- commandCenter.border#2a2a2a
- commandCenter.foreground#bacac3
- contrastActiveBorder#FB923C00
- contrastBorder#1e1e1e00
- debugConsole.errorForeground#f47566
- debugConsole.infoForeground#bacac3
- debugConsole.warningForeground#e2c56e
- debugConsoleInputIcon.foreground#FB923C
- debugIcon.breakpointForeground#f47566
- debugIcon.continueForeground#FB923C
- debugIcon.pauseForeground#e2c56e
- debugIcon.restartForeground#FB923C
- debugIcon.startForeground#FB923C
- debugIcon.stepIntoForeground#FB923C
- debugIcon.stepOutForeground#FB923C
- debugIcon.stepOverForeground#FB923C
- 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#3A231622
- editor.inactiveSelectionBackground#1e1e1efb
- editor.lineHighlightBackground#1a1a1a
- editor.lineHighlightBorder#1a1a1a00
- editor.linkedEditingBackground#3A231644
- editor.rangeHighlightBackground#1a1a1a88
- editor.selectionBackground#5B3216
- editor.selectionForeground#e0e2ea
- editor.selectionHighlightBackground#FB923C4A
- editor.wordHighlightBackground#38BDF82E
- editor.wordHighlightStrongBackground#38BDF844
- editorBracketHighlight.foreground1#FB923C
- editorBracketHighlight.foreground2#C586C0
- editorBracketHighlight.foreground3#DCDCAA
- editorBracketHighlight.foreground4#569CD6
- editorBracketMatch.background#3A231633
- editorBracketMatch.border#FB923C66
- editorCodeLens.foreground#51596288
- editorCursor.foreground#FB923C
- editorError.foreground#f47566
- editorGroup.border#1e1e1e
- editorGroup.dropBackground#FB923C1A
- editorGroupHeader.noTabsBackground#0e0e0e
- editorGroupHeader.tabsBackground#0e0e0e
- editorGroupHeader.tabsBorder#1e1e1e
- editorGutter.addedBackground#22C55E
- editorGutter.background#141414
- editorGutter.deletedBackground#EF4444
- editorGutter.foldingControlForeground#6E7681
- editorGutter.modifiedBackground#F97316
- editorHint.foreground#F97316
- editorHoverWidget.background#1a1a1a
- editorHoverWidget.border#2a2a2a
- editorHoverWidget.foreground#e0e2ea
- editorHoverWidget.statusBarBackground#1e1e1e
- editorIndentGuide.activeBackground1#3e3e3e
- editorIndentGuide.background1#2a2a2a
- editorInfo.foreground#FB923C
- 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#FB923C
- editorMarkerNavigation.background#1a1a1a
- editorMarkerNavigationError.background#f4756633
- editorMarkerNavigationInfo.background#FB923C33
- editorMarkerNavigationWarning.background#e2c56e33
- editorOverviewRuler.addedForeground#22C55E66
- editorOverviewRuler.border#1e1e1e
- editorOverviewRuler.deletedForeground#EF444466
- editorOverviewRuler.errorForeground#f47566
- editorOverviewRuler.findMatchForeground#F2D06BCC
- editorOverviewRuler.infoForeground#FB923C
- editorOverviewRuler.modifiedForeground#F9731666
- editorOverviewRuler.selectionHighlightForeground#FB923C66
- editorOverviewRuler.warningForeground#e2c56e
- editorRuler.foreground#2a2a2a
- editorSuggestWidget.background#1a1a1a
- editorSuggestWidget.border#2a2a2a
- editorSuggestWidget.focusHighlightForeground#FB923C
- editorSuggestWidget.foreground#e0e2ea
- editorSuggestWidget.highlightForeground#FB923C
- editorSuggestWidget.selectedBackground#3A2316
- editorWarning.foreground#e2c56e
- editorWhitespace.foreground#2a2a2a
- editorWidget.background#1a1a1a
- editorWidget.border#2a2a2a
- editorWidget.foreground#e0e2ea
- editorWidget.resizeBorder#FB923C
- errorForeground#f47566
- extensionBadge.remoteBackground#FB923C
- extensionBadge.remoteForeground#0e0e0e
- extensionButton.prominentBackground#FB923C
- extensionButton.prominentForeground#0e0e0e
- extensionButton.prominentHoverBackground#F97316
- extensionIcon.starForeground#e2c56e
- focusBorder#FB923C66
- foreground#e0e2ea
- gitDecoration.addedResourceForeground#22C55E
- gitDecoration.conflictingResourceForeground#e2c56e
- gitDecoration.deletedResourceForeground#EF4444
- gitDecoration.ignoredResourceForeground#515962
- gitDecoration.modifiedResourceForeground#F97316
- gitDecoration.renamedResourceForeground#F97316
- gitDecoration.stageDeletedResourceForeground#EF4444
- gitDecoration.stageModifiedResourceForeground#F97316
- gitDecoration.submoduleResourceForeground#bacac3
- gitDecoration.untrackedResourceForeground#22C55Eaa
- icon.foreground#bacac3
- input.background#1a1a1a
- input.border#2a2a2a
- input.foreground#e0e2ea
- input.placeholderForeground#515962
- inputOption.activeBackground#FB923C33
- inputOption.activeBorder#FB923C
- inputOption.activeForeground#e0e2ea
- inputValidation.errorBackground#1a1a1a
- inputValidation.errorBorder#f47566
- inputValidation.infoBackground#1a1a1a
- inputValidation.infoBorder#FB923C
- inputValidation.warningBackground#1a1a1a
- inputValidation.warningBorder#e2c56e
- keybindingLabel.background#1a1a1a
- keybindingLabel.border#2a2a2a
- keybindingLabel.bottomBorder#2a2a2a
- keybindingLabel.foreground#e0e2ea
- list.activeSelectionBackground#3A2316
- list.activeSelectionForeground#e0e2ea
- list.activeSelectionIconForeground#e0e2ea
- list.deemphasizedForeground#515962
- list.dropBackground#FB923C1A
- list.errorForeground#f47566
- list.filterMatchBackground#E2C56E33
- list.filterMatchBorder#E2C56E88
- list.focusBackground#3A2316
- list.focusForeground#e0e2ea
- list.focusHighlightForeground#FB923C
- list.focusOutline#FB923C66
- list.highlightForeground#FB923C
- 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#FB923C
- merge.currentContentBackground#FB923C1A
- merge.currentHeaderBackground#FB923C33
- merge.incomingContentBackground#F973161A
- merge.incomingHeaderBackground#F9731633
- minimap.findMatchHighlight#F2D06BCC
- minimap.selectionHighlight#5B321699
- minimap.selectionOccurrenceHighlight#38BDF866
- minimapGutter.addedBackground#22C55E
- minimapGutter.deletedBackground#EF4444
- minimapGutter.modifiedBackground#F97316
- minimapSlider.activeBackground#bacac330
- minimapSlider.background#bacac310
- minimapSlider.hoverBackground#bacac320
- notificationCenter.border#2a2a2a
- notificationCenterHeader.background#1a1a1a
- notificationCenterHeader.foreground#e0e2ea
- notificationLink.foreground#FB923C
- notifications.background#1a1a1a
- notifications.border#2a2a2a
- notifications.foreground#e0e2ea
- notificationsErrorIcon.foreground#f47566
- notificationsInfoIcon.foreground#FB923C
- notificationsWarningIcon.foreground#e2c56e
- panel.background#0e0e0e
- panel.border#1e1e1e
- panel.dropBorder#FB923C
- panelInput.border#2a2a2a
- panelSection.border#1e1e1e
- panelSectionHeader.background#1a1a1a
- panelTitle.activeBorder#FB923C
- panelTitle.activeForeground#e0e2ea
- panelTitle.inactiveForeground#515962
- peekView.border#FB923C
- peekViewEditor.background#0e0e0e
- peekViewEditor.matchHighlightBackground#E2C56E33
- peekViewResult.background#141414
- peekViewResult.fileForeground#e0e2ea
- peekViewResult.lineForeground#bacac3
- peekViewResult.matchHighlightBackground#E2C56E33
- peekViewResult.selectionBackground#3A2316
- peekViewResult.selectionForeground#e0e2ea
- peekViewTitle.background#1a1a1a
- peekViewTitleDescription.foreground#bacac3
- peekViewTitleLabel.foreground#e0e2ea
- progressBar.background#FB923C
- quickInput.background#141414
- quickInput.foreground#e0e2ea
- quickInputList.focusBackground#3A2316
- quickInputList.focusForeground#e0e2ea
- quickInputList.focusIconForeground#e0e2ea
- quickInputTitle.background#1a1a1a
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#bacac340
- scrollbarSlider.background#bacac315
- scrollbarSlider.hoverBackground#bacac325
- selection.background#3A231666
- settings.checkboxBackground#1a1a1a
- settings.checkboxBorder#2a2a2a
- settings.checkboxForeground#FB923C
- settings.dropdownBackground#1a1a1a
- settings.dropdownBorder#2a2a2a
- settings.dropdownForeground#e0e2ea
- settings.focusedRowBackground#3A231622
- settings.headerForeground#e0e2ea
- settings.modifiedItemIndicator#FB923C
- 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#FB923C1A
- sideBar.foreground#bacac3
- sideBarSectionHeader.background#0e0e0e
- sideBarSectionHeader.border#1e1e1e
- sideBarSectionHeader.foreground#bacac3
- sideBarTitle.foreground#bacac3
- statusBar.background#0e0e0e
- statusBar.border#1e1e1e
- statusBar.debuggingBackground#F97316
- statusBar.debuggingForeground#0e0e0e
- statusBar.foreground#bacac3
- statusBar.noFolderBackground#141414
- statusBar.noFolderForeground#bacac3
- statusBarItem.activeBackground#FB923C33
- statusBarItem.errorBackground#f47566
- statusBarItem.errorForeground#0e0e0e
- statusBarItem.hoverBackground#1e1e1e
- statusBarItem.prominentBackground#3A2316
- statusBarItem.prominentHoverBackground#3A231666
- statusBarItem.remoteBackground#FB923C
- statusBarItem.remoteForeground#0e0e0e
- statusBarItem.warningBackground#e2c56e
- statusBarItem.warningForeground#0e0e0e
- tab.activeBackground#141414
- tab.activeBorderTop#FB923C
- tab.activeForeground#e0e2ea
- tab.activeModifiedBorder#F97316
- tab.border#1e1e1e
- tab.hoverBackground#1a1a1a
- tab.inactiveBackground#0e0e0e
- tab.inactiveForeground#6E7681
- tab.inactiveModifiedBorder#F9731666
- tab.lastPinnedBorder#2a2a2a
- tab.unfocusedActiveBorderTop#FB923C66
- tab.unfocusedHoverBackground#1a1a1a
- terminal.ansiBlack#0e0e0e
- terminal.ansiBlue#569CD6
- terminal.ansiBrightBlack#515962
- terminal.ansiBrightBlue#9CDCFE
- terminal.ansiBrightCyan#4AEDC4
- terminal.ansiBrightGreen#4ADE80
- terminal.ansiBrightMagenta#D19FED
- terminal.ansiBrightRed#f47566
- terminal.ansiBrightWhite#e0e2ea
- terminal.ansiBrightYellow#e2c56e
- terminal.ansiCyan#3ECFA0
- terminal.ansiGreen#22C55E
- terminal.ansiMagenta#C586C0
- terminal.ansiRed#f47566
- terminal.ansiWhite#bacac3
- terminal.ansiYellow#e2c56e
- terminal.background#0e0e0e
- terminal.border#1e1e1e
- terminal.foreground#e0e2ea
- terminal.selectionBackground#3A231666
- terminalCursor.background#0e0e0e
- terminalCursor.foreground#FB923C
- testing.iconErrored#f47566
- testing.iconFailed#f47566
- testing.iconPassed#22C55E
- testing.iconQueued#e2c56e
- testing.iconSkipped#515962
- testing.iconUnset#6E7681
- testing.runAction#FB923C
- textBlockQuote.background#1a1a1a
- textBlockQuote.border#FB923C44
- textLink.activeForeground#F97316
- textLink.foreground#FB923C
- 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#FB923C
- 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 | #FB923C | 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 | #FB923C | bold |
| keyword | #FB923C | 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 | #67E8F9 | 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 | #FED7AA | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #FED7AA | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #FDBA74 | bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #FDBA74 | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #F59E0B | bold |
| entity.name.type.interface | #FED7AA | italic |
| entity.name.type.enum | #FCD34D | bold |
| entity.name.struct | #F97316 | bold |
| entity.name.type.parameter | #FED7AA | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #FDE68A | — |
| entity.name.namespace, entity.name.module, support.module | #7A8A84 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #5EEAD4 | bold |
| entity.name.function.macro, support.function.macro | #F87171 | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #F87171 | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #FED7AA | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #F87171 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #FB923C | bold |
| support.class.component | #F59E0B | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #FBBF24 | italic |
| entity.name.label | #FBBF24 | — |
| constant.character.escape | #5EEAD4 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #FB923C | bold |
| markup.heading, markup.heading punctuation.definition.heading | #FB923C | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #5EEAD4 | — |
| 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 | #FBBF24 | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #FED7AA | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FB923C | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #FBBF24 | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #F59E0B | bold |
| support.type.property-name.json | #FBBF24 | italic |