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 | #FDBA74 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #D8B4FE | 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 | #E9D5FF | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #C4B5FD | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #93C5FD | 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 | #E9D5FF | italic |
| entity.name.type.enum | #67E8F9 | bold |
| entity.name.type.parameter | #E9D5FF | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #DDD6FE | — |
| 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 | #E9D5FF | 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 | #C084FC | bold |
| support.class.component | #8B5CF6 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #A78BFA | italic |
| entity.name.label | #A78BFA | — |
| constant.character.escape | #FCD34D | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #C084FC | bold |
| markup.heading, markup.heading punctuation.definition.heading | #C084FC | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #8B5CF6 | — |
| 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 | #A78BFA | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #C4B5FD | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C084FC | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #A78BFA | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #8B5CF6 | bold |
| support.type.property-name.json | #A78BFA | 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 | #F87171 | 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 | #F87171 | bold |
| keyword | #F87171 | 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 | #FDA4AF | 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 | #FECACA | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #FCA5A5 | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #F87171 | bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #EF4444 | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #DC2626 | bold |
| entity.name.type.interface | #FECACA | italic |
| entity.name.type.enum | #FB7185 | bold |
| entity.name.struct | #E53E3E | bold |
| entity.name.type.parameter | #FECACA | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #FECACA | — |
| 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 | #FBBF24 | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #FBBF24 | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #FECACA | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #FBBF24 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #F87171 | bold |
| support.class.component | #DC2626 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #EF4444 | italic |
| entity.name.label | #EF4444 | — |
| constant.character.escape | #FCD34D | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #F87171 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #F87171 | bold |
| markup.bold | #E8E8E8 | bold |
| markup.italic | #E8E8E8 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #EF4444 | — |
| markup.list, punctuation.definition.list | #7A8A84 | — |
| markup.quote | #546E64 | italic |
| invalid, invalid.deprecated | #F87171 | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #EF4444 | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #FCA5A5 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #F87171 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #EF4444 | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #DC2626 | bold |
| support.type.property-name.json | #EF4444 | 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 |
|---|---|---|
| meta.embedded, source.groovy.embedded | #D7D7D7 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #14148A | — |
| comment | #55615C99 | italic |
| constant.language | #64A4D9 | — |
| constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #BBD2AF | — |
| constant.regexp | #70729D | — |
| entity.name.tag | #64A4D9 | — |
| entity.name.tag.css | #DAC087 | — |
| entity.other.attribute-name | #A4DFFE | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #DAC087 | — |
| invalid | #F55656 | — |
| markup.underline | — | underline |
| markup.bold | #64A4D9 | bold |
| markup.heading | #64A4D9 | bold |
| markup.italic | — | italic |
| markup.inserted | #BBD2AF | — |
| markup.deleted | #D29A83 | — |
| markup.changed | #64A4D9 | — |
| punctuation.definition.quote.begin.markdown | #76A163 | — |
| punctuation.definition.list.begin.markdown | #739EE8 | — |
| markup.inline.raw | #D29A83 | — |
| punctuation.definition.tag | #8A8A8A | — |
| meta.preprocessor | #64A4D9 | — |
| meta.preprocessor.string | #D29A83 | — |
| meta.preprocessor.numeric | #BBD2AF | — |
| meta.structure.dictionary.key.python | #A4DFFE | — |
| meta.diff.header | #64A4D9 | — |
| storage | #64A4D9 | — |
| storage.type | #64A4D9 | — |
| storage.modifier, keyword.operator.noexcept | #64A4D9 | — |
| string, entity.name.operator.custom-literal.string, meta.embedded.assembly | #D29A83 | — |
| string.tag | #D29A83 | — |
| string.value | #D29A83 | — |
| string.regexp | #D57575 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #64A4D9 | — |
| meta.template.expression | #D7D7D7 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #BEE9FF | — |
| keyword.control, keyword.operator | #CA90C5 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #64A4D9 | — |
| keyword.other.unit | #BBD2AF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #64A4D9 | — |
| support.function.git-rebase | #A4DFFE | — |
| constant.sha.git-rebase | #BBD2AF | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D7D7D7 | — |
| variable.language | #64A4D9 | — |
| variable.language.rust, variable.language.self.rust, variable.language.self.rust.mutable | #64A4D9 | italic |
| entity.name.function.preprocessor, entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #DFDFB1 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, variable.other.enummember, entity.name.type.option.rust, entity.name.type.result.rust | #5CCDB6 | — |
| meta.attribute.rust entity.name.type, meta.attribute.rust entity.name.class, meta.attribute.rust support.class, meta.attribute.rust support.type | #D29A83 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #5CCDB6 | — |
| keyword.control, keyword.operator.dereference.rust, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator | #CA90C5 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable | #E8EAF1 | — |
| meta.object-literal.key | #D6F3FF | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #D29A83 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #D29A83 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #D57575 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DFDFB1 | — |
| keyword.operator.quantifier.regexp | #DAC087 | — |
| constant.character | #64A4D9 | — |
| constant.character.escape | #DAC087 | — |
| entity.name.label | #CCCCCC | — |
| keyword, storage.type.java | #64A4D9 | — |
| support.other.excluded | #8A8A8A | — |
| keyword.preprocessor | #8A8A8A | — |
| punctuation.semi | #5E5E5E | — |
| punctuation.definition.comment | #55615C99 | italic |
| punctuation.definition.string | #D29A83 | — |
| entity.name.namespace | #D7D7D7 | — |
| entity.name.variable.field | #D6F3FF | — |
| variable.other.property | #D6F3FF | — |
| variable.other.constant | #E8EAF1 | — |
| entity.name.type.interface | #BEDAAA | — |
| entity.name.type.enum | #CA90C5 | — |
| entity.name.type.parameter | #BEDAAA | — |
| entity.name.type.struct | #90CB9A | — |
| entity.name.function.extension | #DFDFB1 | — |
| comment.documentation | #55615C99 | italic |
| comment.documentation.attribute | #55615C99 | italic |
| comment.documentation.cdata | #55615C99 | italic |
| comment.documentation.delimiter | #55615C99 | italic |
| comment.documentation.name | #55615C99 | 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#171717
- activityBar.border#272727
- activityBar.dropBorder#4AEDC4
- activityBar.foreground#e0e2ea
- activityBar.inactiveForeground#515962
- activityBarBadge.background#4AEDC4
- activityBarBadge.foreground#171717
- badge.background#4AEDC4
- badge.foreground#171717
- banner.background#1a3a32
- banner.foreground#e0e2ea
- banner.iconForeground#4AEDC4
- breadcrumb.activeSelectionForeground#e0e2ea
- breadcrumb.focusForeground#e0e2ea
- breadcrumb.foreground#6E7681
- breadcrumbPicker.background#212121
- button.background#4AEDC4
- button.border#4AEDC400
- button.foreground#171717
- button.hoverBackground#3ECFA0
- button.secondaryBackground#343434
- button.secondaryForeground#e0e2ea
- button.secondaryHoverBackground#4a4a4a
- checkbox.background#212121
- checkbox.border#343434
- checkbox.foreground#4AEDC4
- commandCenter.activeBackground#212121
- commandCenter.activeForeground#e0e2ea
- commandCenter.background#1b1b1b
- commandCenter.border#343434
- commandCenter.foreground#bacac3
- contrastActiveBorder#4AEDC400
- contrastBorder#27272700
- 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#212121
- descriptionForeground#bacac3
- diffEditor.diagonalFill#343434
- diffEditor.insertedLineBackground#22C55E12
- diffEditor.insertedTextBackground#22C55E26
- diffEditor.removedLineBackground#EF444412
- diffEditor.removedTextBackground#EF444426
- dropdown.background#212121
- dropdown.border#343434
- dropdown.foreground#e0e2ea
- dropdown.listBackground#212121
- editor.background#1b1b1b
- editor.findMatchBackground#F2D06B66
- editor.findMatchBorder#F2D06B
- editor.findMatchHighlightBackground#F2D06B3D
- editor.findMatchHighlightBorder#F2D06BAA
- editor.findRangeHighlightBackground#F2D06B24
- editor.foldBackground#27272766
- editor.foreground#e0e2ea
- editor.hoverHighlightBackground#1a3a3222
- editor.inactiveSelectionBackground#272727fb
- editor.lineHighlightBackground#212121
- editor.lineHighlightBorder#21212100
- editor.linkedEditingBackground#1a3a3244
- editor.rangeHighlightBackground#21212199
- 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#272727
- editorGroup.dropBackground#4AEDC41a
- editorGroupHeader.noTabsBackground#171717
- editorGroupHeader.tabsBackground#171717
- editorGroupHeader.tabsBorder#272727
- editorGutter.addedBackground#22C55E
- editorGutter.background#1b1b1b
- editorGutter.deletedBackground#EF4444
- editorGutter.foldingControlForeground#6E7681
- editorGutter.modifiedBackground#3ECFA0
- editorHint.foreground#3ECFA0
- editorHoverWidget.background#212121
- editorHoverWidget.border#343434
- editorHoverWidget.foreground#e0e2ea
- editorHoverWidget.statusBarBackground#272727
- editorIndentGuide.activeBackground1#4a4a4a
- editorIndentGuide.background1#343434
- editorInfo.foreground#4AEDC4
- editorInlayHint.background#1b1b1b00
- editorInlayHint.foreground#515962aa
- editorInlayHint.parameterBackground#1b1b1b00
- editorInlayHint.parameterForeground#51596299
- editorInlayHint.typeBackground#1b1b1b00
- editorInlayHint.typeForeground#51596299
- editorLineNumber.activeForeground#bacac3
- editorLineNumber.foreground#515962
- editorLink.activeForeground#4AEDC4
- editorMarkerNavigation.background#212121
- editorMarkerNavigationError.background#f4756633
- editorMarkerNavigationInfo.background#4AEDC433
- editorMarkerNavigationWarning.background#e2c56e33
- editorOverviewRuler.addedForeground#22C55E66
- editorOverviewRuler.border#272727
- editorOverviewRuler.deletedForeground#EF444466
- editorOverviewRuler.errorForeground#f47566
- editorOverviewRuler.findMatchForeground#F2D06BCC
- editorOverviewRuler.infoForeground#4AEDC4
- editorOverviewRuler.modifiedForeground#3ECFA066
- editorOverviewRuler.selectionHighlightForeground#4AEDC466
- editorOverviewRuler.warningForeground#e2c56e
- editorRuler.foreground#343434
- editorSuggestWidget.background#212121
- editorSuggestWidget.border#343434
- editorSuggestWidget.focusHighlightForeground#4AEDC4
- editorSuggestWidget.foreground#e0e2ea
- editorSuggestWidget.highlightForeground#4AEDC4
- editorSuggestWidget.selectedBackground#1a3a32
- editorWarning.foreground#e2c56e
- editorWhitespace.foreground#343434
- editorWidget.background#212121
- editorWidget.border#343434
- editorWidget.foreground#e0e2ea
- editorWidget.resizeBorder#4AEDC4
- errorForeground#f47566
- extensionBadge.remoteBackground#4AEDC4
- extensionBadge.remoteForeground#171717
- extensionButton.prominentBackground#4AEDC4
- extensionButton.prominentForeground#171717
- 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#212121
- input.border#343434
- input.foreground#e0e2ea
- input.placeholderForeground#515962
- inputOption.activeBackground#4AEDC433
- inputOption.activeBorder#4AEDC4
- inputOption.activeForeground#e0e2ea
- inputValidation.errorBackground#212121
- inputValidation.errorBorder#f47566
- inputValidation.infoBackground#212121
- inputValidation.infoBorder#4AEDC4
- inputValidation.warningBackground#212121
- inputValidation.warningBorder#e2c56e
- keybindingLabel.background#212121
- keybindingLabel.border#343434
- keybindingLabel.bottomBorder#343434
- 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#212121
- list.hoverForeground#e0e2ea
- list.inactiveSelectionBackground#212121
- list.inactiveSelectionForeground#e0e2ea
- list.invalidItemForeground#f4756688
- list.warningForeground#e2c56e
- listFilterWidget.background#212121
- 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#343434
- notificationCenterHeader.background#212121
- notificationCenterHeader.foreground#e0e2ea
- notificationLink.foreground#4AEDC4
- notifications.background#212121
- notifications.border#343434
- notifications.foreground#e0e2ea
- notificationsErrorIcon.foreground#f47566
- notificationsInfoIcon.foreground#4AEDC4
- notificationsWarningIcon.foreground#e2c56e
- panel.background#171717
- panel.border#272727
- panel.dropBorder#4AEDC4
- panelInput.border#343434
- panelSection.border#272727
- panelSectionHeader.background#212121
- panelTitle.activeBorder#4AEDC4
- panelTitle.activeForeground#e0e2ea
- panelTitle.inactiveForeground#515962
- peekView.border#4AEDC4
- peekViewEditor.background#171717
- peekViewEditor.matchHighlightBackground#E2C56E33
- peekViewResult.background#1b1b1b
- peekViewResult.fileForeground#e0e2ea
- peekViewResult.lineForeground#bacac3
- peekViewResult.matchHighlightBackground#E2C56E33
- peekViewResult.selectionBackground#1a3a32
- peekViewResult.selectionForeground#e0e2ea
- peekViewTitle.background#212121
- peekViewTitleDescription.foreground#bacac3
- peekViewTitleLabel.foreground#e0e2ea
- progressBar.background#4AEDC4
- quickInput.background#1b1b1b
- quickInput.foreground#e0e2ea
- quickInputList.focusBackground#1a3a32
- quickInputList.focusForeground#e0e2ea
- quickInputList.focusIconForeground#e0e2ea
- quickInputTitle.background#212121
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#bacac340
- scrollbarSlider.background#bacac315
- scrollbarSlider.hoverBackground#bacac325
- selection.background#1a3a3266
- settings.checkboxBackground#212121
- settings.checkboxBorder#343434
- settings.checkboxForeground#4AEDC4
- settings.dropdownBackground#212121
- settings.dropdownBorder#343434
- settings.dropdownForeground#e0e2ea
- settings.focusedRowBackground#1a3a3222
- settings.headerForeground#e0e2ea
- settings.modifiedItemIndicator#4AEDC4
- settings.numberInputBackground#212121
- settings.numberInputBorder#343434
- settings.numberInputForeground#e0e2ea
- settings.rowHoverBackground#21212166
- settings.textInputBackground#212121
- settings.textInputBorder#343434
- settings.textInputForeground#e0e2ea
- sideBar.background#171717
- sideBar.border#272727
- sideBar.dropBackground#4AEDC41a
- sideBar.foreground#bacac3
- sideBarSectionHeader.background#171717
- sideBarSectionHeader.border#272727
- sideBarSectionHeader.foreground#bacac3
- sideBarTitle.foreground#bacac3
- statusBar.background#171717
- statusBar.border#272727
- statusBar.debuggingBackground#3ECFA0
- statusBar.debuggingForeground#171717
- statusBar.foreground#bacac3
- statusBar.noFolderBackground#1b1b1b
- statusBar.noFolderForeground#bacac3
- statusBarItem.activeBackground#4AEDC433
- statusBarItem.errorBackground#f47566
- statusBarItem.errorForeground#171717
- statusBarItem.hoverBackground#272727
- statusBarItem.prominentBackground#1a3a32
- statusBarItem.prominentHoverBackground#1a3a3266
- statusBarItem.remoteBackground#4AEDC4
- statusBarItem.remoteForeground#171717
- statusBarItem.warningBackground#e2c56e
- statusBarItem.warningForeground#171717
- tab.activeBackground#1b1b1b
- tab.activeBorderTop#4AEDC4
- tab.activeForeground#e0e2ea
- tab.activeModifiedBorder#3ECFA0
- tab.border#272727
- tab.hoverBackground#212121
- tab.inactiveBackground#171717
- tab.inactiveForeground#6E7681
- tab.inactiveModifiedBorder#3ECFA066
- tab.lastPinnedBorder#343434
- tab.unfocusedActiveBorderTop#4AEDC466
- tab.unfocusedHoverBackground#212121
- terminal.ansiBlack#171717
- 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#171717
- terminal.border#272727
- terminal.foreground#e0e2ea
- terminal.selectionBackground#1a3a3266
- terminalCursor.background#171717
- 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#212121
- textBlockQuote.border#4AEDC444
- textLink.activeForeground#3ECFA0
- textLink.foreground#4AEDC4
- textPreformat.foreground#bacac3
- textSeparator.foreground#343434
- titleBar.activeBackground#171717
- titleBar.activeForeground#bacac3
- titleBar.border#272727
- titleBar.inactiveBackground#171717
- titleBar.inactiveForeground#515962
- toolbar.activeBackground#343434
- toolbar.hoverBackground#272727
- tree.indentGuidesStroke#343434
- tree.tableColumnsBorder#343434
- walkThrough.embeddedEditorBackground#171717
- welcomePage.progress.foreground#4AEDC4
- welcomePage.tileBackground#212121
- welcomePage.tileBorder#343434
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #D7D7D7 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #14148A | — |
| comment | #55615C99 | italic |
| constant.language | #64A4D9 | — |
| constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #BBD2AF | — |
| constant.regexp | #70729D | — |
| entity.name.tag | #64A4D9 | — |
| entity.name.tag.css | #DAC087 | — |
| entity.other.attribute-name | #A4DFFE | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #DAC087 | — |
| invalid | #F55656 | — |
| markup.underline | — | underline |
| markup.bold | #64A4D9 | bold |
| markup.heading | #64A4D9 | bold |
| markup.italic | — | italic |
| markup.inserted | #BBD2AF | — |
| markup.deleted | #D29A83 | — |
| markup.changed | #64A4D9 | — |
| punctuation.definition.quote.begin.markdown | #76A163 | — |
| punctuation.definition.list.begin.markdown | #739EE8 | — |
| markup.inline.raw | #D29A83 | — |
| punctuation.definition.tag | #8A8A8A | — |
| meta.preprocessor | #64A4D9 | — |
| meta.preprocessor.string | #D29A83 | — |
| meta.preprocessor.numeric | #BBD2AF | — |
| meta.structure.dictionary.key.python | #A4DFFE | — |
| meta.diff.header | #64A4D9 | — |
| storage | #64A4D9 | — |
| storage.type | #64A4D9 | — |
| storage.modifier, keyword.operator.noexcept | #64A4D9 | — |
| string, entity.name.operator.custom-literal.string, meta.embedded.assembly | #D29A83 | — |
| string.tag | #D29A83 | — |
| string.value | #D29A83 | — |
| string.regexp | #D57575 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #64A4D9 | — |
| meta.template.expression | #D7D7D7 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #BEE9FF | — |
| keyword.control, keyword.operator | #CA90C5 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #64A4D9 | — |
| keyword.other.unit | #BBD2AF | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #64A4D9 | — |
| support.function.git-rebase | #A4DFFE | — |
| constant.sha.git-rebase | #BBD2AF | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #D7D7D7 | — |
| variable.language | #64A4D9 | — |
| variable.language.rust, variable.language.self.rust, variable.language.self.rust.mutable | #64A4D9 | italic |
| entity.name.function.preprocessor, entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #DFDFB1 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, variable.other.enummember, entity.name.type.option.rust, entity.name.type.result.rust | #5CCDB6 | — |
| meta.attribute.rust entity.name.type, meta.attribute.rust entity.name.class, meta.attribute.rust support.class, meta.attribute.rust support.type | #D29A83 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #5CCDB6 | — |
| keyword.control, keyword.operator.dereference.rust, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator | #CA90C5 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable | #E8EAF1 | — |
| meta.object-literal.key | #D6F3FF | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #D29A83 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #D29A83 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #D57575 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DFDFB1 | — |
| keyword.operator.quantifier.regexp | #DAC087 | — |
| constant.character | #64A4D9 | — |
| constant.character.escape | #DAC087 | — |
| entity.name.label | #CCCCCC | — |
| keyword, storage.type.java | #64A4D9 | — |
| support.other.excluded | #8A8A8A | — |
| keyword.preprocessor | #8A8A8A | — |
| punctuation.semi | #5E5E5E | — |
| punctuation.definition.comment | #55615C99 | italic |
| punctuation.definition.string | #D29A83 | — |
| entity.name.namespace | #D7D7D7 | — |
| entity.name.variable.field | #D6F3FF | — |
| variable.other.property | #D6F3FF | — |
| variable.other.constant | #E8EAF1 | — |
| entity.name.type.interface | #BEDAAA | — |
| entity.name.type.enum | #CA90C5 | — |
| entity.name.type.parameter | #BEDAAA | — |
| entity.name.type.struct | #90CB9A | — |
| entity.name.function.extension | #DFDFB1 | — |
| comment.documentation | #55615C99 | italic |
| comment.documentation.attribute | #55615C99 | italic |
| comment.documentation.cdata | #55615C99 | italic |
| comment.documentation.delimiter | #55615C99 | italic |
| comment.documentation.name | #55615C99 | italic |