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#64748B
- activityBar.background#ECEFF3
- activityBar.border#D9DEE7
- activityBar.dropBorder#64748B
- activityBar.foreground#1F2937
- activityBar.inactiveForeground#748193
- activityBarBadge.background#64748B
- activityBarBadge.foreground#ECEFF3
- badge.background#64748B
- badge.foreground#ECEFF3
- banner.background#E6EBF2
- banner.foreground#1F2937
- banner.iconForeground#64748B
- breadcrumb.activeSelectionForeground#1F2937
- breadcrumb.focusForeground#1F2937
- breadcrumb.foreground#7C8798
- breadcrumbPicker.background#FFFFFF
- button.background#64748B
- button.border#64748B00
- button.foreground#ECEFF3
- button.hoverBackground#2563EB
- button.secondaryBackground#C6CEDA
- button.secondaryForeground#1F2937
- button.secondaryHoverBackground#AAB4C2
- checkbox.background#FFFFFF
- checkbox.border#C6CEDA
- checkbox.foreground#64748B
- commandCenter.activeBackground#FFFFFF
- commandCenter.activeForeground#1F2937
- commandCenter.background#F3F4F6
- commandCenter.border#C6CEDA
- commandCenter.foreground#556070
- contrastActiveBorder#64748B00
- contrastBorder#D9DEE700
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#556070
- debugConsole.warningForeground#9A6700
- debugConsoleInputIcon.foreground#64748B
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#64748B
- debugIcon.pauseForeground#9A6700
- debugIcon.restartForeground#64748B
- debugIcon.startForeground#64748B
- debugIcon.stepIntoForeground#64748B
- debugIcon.stepOutForeground#64748B
- debugIcon.stepOverForeground#64748B
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFFFF
- descriptionForeground#556070
- diffEditor.diagonalFill#C6CEDA
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFFFF
- dropdown.border#C6CEDA
- dropdown.foreground#1F2937
- dropdown.listBackground#FFFFFF
- editor.background#F3F4F6
- editor.findMatchBackground#9A670066
- editor.findMatchBorder#9A6700
- editor.findMatchHighlightBackground#9A67003D
- editor.findMatchHighlightBorder#9A6700AA
- editor.findRangeHighlightBackground#9A670024
- editor.foldBackground#D9DEE788
- editor.foreground#1F2937
- editor.hoverHighlightBackground#E6EBF238
- editor.inactiveSelectionBackground#EEF1F5F2
- editor.lineHighlightBackground#FFFFFF
- editor.lineHighlightBorder#FFFFFF00
- editor.linkedEditingBackground#E6EBF270
- editor.rangeHighlightBackground#E7ECF2CC
- editor.selectionBackground#DCE3EC
- editor.selectionForeground#1F2937
- editor.selectionHighlightBackground#64748B4A
- editor.wordHighlightBackground#1D6FB830
- editor.wordHighlightStrongBackground#1D6FB84D
- editorBracketHighlight.foreground1#64748B
- editorBracketHighlight.foreground2#9656B0
- editorBracketHighlight.foreground3#8C7B42
- editorBracketHighlight.foreground4#475569
- editorBracketMatch.background#E6EBF252
- editorBracketMatch.border#64748B66
- editorCodeLens.foreground#74819388
- editorCursor.foreground#64748B
- editorError.foreground#C2413B
- editorGroup.border#D9DEE7
- editorGroup.dropBackground#64748B1A
- editorGroupHeader.noTabsBackground#ECEFF3
- editorGroupHeader.tabsBackground#ECEFF3
- editorGroupHeader.tabsBorder#D9DEE7
- editorGutter.addedBackground#2F855A
- editorGutter.background#F3F4F6
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#7C8798
- editorGutter.modifiedBackground#2563EB
- editorHint.foreground#2563EB
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#C6CEDA
- editorHoverWidget.foreground#1F2937
- editorHoverWidget.statusBarBackground#D9DEE7
- editorIndentGuide.activeBackground1#AAB4C2
- editorIndentGuide.background1#C6CEDA
- editorInfo.foreground#64748B
- editorInlayHint.background#F3F4F600
- editorInlayHint.foreground#748193AA
- editorInlayHint.parameterBackground#F3F4F600
- editorInlayHint.parameterForeground#74819399
- editorInlayHint.typeBackground#F3F4F600
- editorInlayHint.typeForeground#74819399
- editorLineNumber.activeForeground#556070
- editorLineNumber.foreground#748193
- editorLink.activeForeground#64748B
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#64748B33
- editorMarkerNavigationWarning.background#9A670033
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#D9DEE7
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#9A6700CC
- editorOverviewRuler.infoForeground#64748B
- editorOverviewRuler.modifiedForeground#2563EB66
- editorOverviewRuler.selectionHighlightForeground#64748B66
- editorOverviewRuler.warningForeground#9A6700
- editorRuler.foreground#C6CEDA
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#C6CEDA
- editorSuggestWidget.focusHighlightForeground#64748B
- editorSuggestWidget.foreground#1F2937
- editorSuggestWidget.highlightForeground#64748B
- editorSuggestWidget.selectedBackground#E6EBF2
- editorWarning.foreground#9A6700
- editorWhitespace.foreground#C6CEDA
- editorWidget.background#FFFFFF
- editorWidget.border#C6CEDA
- editorWidget.foreground#1F2937
- editorWidget.resizeBorder#64748B
- errorForeground#C2413B
- extensionBadge.remoteBackground#64748B
- extensionBadge.remoteForeground#ECEFF3
- extensionButton.prominentBackground#64748B
- extensionButton.prominentForeground#ECEFF3
- extensionButton.prominentHoverBackground#2563EB
- extensionIcon.starForeground#9A6700
- focusBorder#64748B66
- foreground#1F2937
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#9A6700
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#748193
- gitDecoration.modifiedResourceForeground#2563EB
- gitDecoration.renamedResourceForeground#2563EB
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#2563EB
- gitDecoration.submoduleResourceForeground#556070
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#556070
- input.background#FFFFFF
- input.border#C6CEDA
- input.foreground#1F2937
- input.placeholderForeground#748193
- inputOption.activeBackground#64748B33
- inputOption.activeBorder#64748B
- inputOption.activeForeground#1F2937
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#64748B
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#9A6700
- keybindingLabel.background#FFFFFF
- keybindingLabel.border#C6CEDA
- keybindingLabel.bottomBorder#C6CEDA
- keybindingLabel.foreground#1F2937
- list.activeSelectionBackground#E6EBF2
- list.activeSelectionForeground#1F2937
- list.activeSelectionIconForeground#1F2937
- list.deemphasizedForeground#748193
- list.dropBackground#64748B1A
- list.errorForeground#C2413B
- list.filterMatchBackground#9A670033
- list.filterMatchBorder#9A670088
- list.focusBackground#E6EBF2
- list.focusForeground#1F2937
- list.focusHighlightForeground#64748B
- list.focusOutline#64748B66
- list.highlightForeground#64748B
- list.hoverBackground#FFFFFF
- list.hoverForeground#1F2937
- list.inactiveSelectionBackground#FFFFFF
- list.inactiveSelectionForeground#1F2937
- list.invalidItemForeground#C2413B88
- list.warningForeground#9A6700
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#64748B
- merge.currentContentBackground#64748B1A
- merge.currentHeaderBackground#64748B33
- merge.incomingContentBackground#2563EB1A
- merge.incomingHeaderBackground#2563EB33
- minimap.findMatchHighlight#9A6700CC
- minimap.selectionHighlight#DCE3EC99
- minimap.selectionOccurrenceHighlight#1D6FB866
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#2563EB
- minimapSlider.activeBackground#55607030
- minimapSlider.background#55607010
- minimapSlider.hoverBackground#55607020
- notificationCenter.border#C6CEDA
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#1F2937
- notificationLink.foreground#64748B
- notifications.background#FFFFFF
- notifications.border#C6CEDA
- notifications.foreground#1F2937
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#64748B
- notificationsWarningIcon.foreground#9A6700
- panel.background#ECEFF3
- panel.border#D9DEE7
- panel.dropBorder#64748B
- panelInput.border#C6CEDA
- panelSection.border#D9DEE7
- panelSectionHeader.background#FFFFFF
- panelTitle.activeBorder#64748B
- panelTitle.activeForeground#1F2937
- panelTitle.inactiveForeground#748193
- peekView.border#64748B
- peekViewEditor.background#ECEFF3
- peekViewEditor.matchHighlightBackground#9A670033
- peekViewResult.background#F3F4F6
- peekViewResult.fileForeground#1F2937
- peekViewResult.lineForeground#556070
- peekViewResult.matchHighlightBackground#9A670033
- peekViewResult.selectionBackground#E6EBF2
- peekViewResult.selectionForeground#1F2937
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#556070
- peekViewTitleLabel.foreground#1F2937
- progressBar.background#64748B
- quickInput.background#F3F4F6
- quickInput.foreground#1F2937
- quickInputList.focusBackground#E6EBF2
- quickInputList.focusForeground#1F2937
- quickInputList.focusIconForeground#1F2937
- quickInputTitle.background#FFFFFF
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#55607040
- scrollbarSlider.background#55607015
- scrollbarSlider.hoverBackground#55607025
- selection.background#E6EBF2A3
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#C6CEDA
- settings.checkboxForeground#64748B
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#C6CEDA
- settings.dropdownForeground#1F2937
- settings.focusedRowBackground#E6EBF238
- settings.headerForeground#1F2937
- settings.modifiedItemIndicator#64748B
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#C6CEDA
- settings.numberInputForeground#1F2937
- settings.rowHoverBackground#F0F2F588
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#C6CEDA
- settings.textInputForeground#1F2937
- sideBar.background#ECEFF3
- sideBar.border#D9DEE7
- sideBar.dropBackground#64748B1A
- sideBar.foreground#556070
- sideBarSectionHeader.background#ECEFF3
- sideBarSectionHeader.border#D9DEE7
- sideBarSectionHeader.foreground#556070
- sideBarTitle.foreground#556070
- statusBar.background#ECEFF3
- statusBar.border#D9DEE7
- statusBar.debuggingBackground#2563EB
- statusBar.debuggingForeground#ECEFF3
- statusBar.foreground#556070
- statusBar.noFolderBackground#F3F4F6
- statusBar.noFolderForeground#556070
- statusBarItem.activeBackground#64748B33
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#ECEFF3
- statusBarItem.hoverBackground#D9DEE7
- statusBarItem.prominentBackground#E6EBF2
- statusBarItem.prominentHoverBackground#E6EBF2A3
- statusBarItem.remoteBackground#64748B
- statusBarItem.remoteForeground#ECEFF3
- statusBarItem.warningBackground#9A6700
- statusBarItem.warningForeground#ECEFF3
- tab.activeBackground#F3F4F6
- tab.activeBorderTop#64748B
- tab.activeForeground#1F2937
- tab.activeModifiedBorder#2563EB
- tab.border#D9DEE7
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#ECEFF3
- tab.inactiveForeground#7C8798
- tab.inactiveModifiedBorder#2563EB66
- tab.lastPinnedBorder#C6CEDA
- tab.unfocusedActiveBorderTop#64748B66
- tab.unfocusedHoverBackground#FFFFFF
- terminal.ansiBlack#ECEFF3
- terminal.ansiBlue#475569
- terminal.ansiBrightBlack#748193
- terminal.ansiBrightBlue#93A4BA
- terminal.ansiBrightCyan#2563EB
- terminal.ansiBrightGreen#64748B
- terminal.ansiBrightMagenta#C084FC
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#1F2937
- terminal.ansiBrightYellow#9A6700
- terminal.ansiCyan#2563EB
- terminal.ansiGreen#64748B
- terminal.ansiMagenta#9656B0
- terminal.ansiRed#C2413B
- terminal.ansiWhite#556070
- terminal.ansiYellow#9A6700
- terminal.background#ECEFF3
- terminal.border#D9DEE7
- terminal.foreground#1F2937
- terminal.selectionBackground#E6EBF2A3
- terminalCursor.background#ECEFF3
- terminalCursor.foreground#64748B
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#64748B
- testing.iconQueued#9A6700
- testing.iconSkipped#748193
- testing.iconUnset#7C8798
- testing.runAction#64748B
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#64748B44
- textLink.activeForeground#2563EB
- textLink.foreground#64748B
- textPreformat.foreground#556070
- textSeparator.foreground#C6CEDA
- titleBar.activeBackground#ECEFF3
- titleBar.activeForeground#556070
- titleBar.border#D9DEE7
- titleBar.inactiveBackground#ECEFF3
- titleBar.inactiveForeground#748193
- toolbar.activeBackground#C6CEDA
- toolbar.hoverBackground#D9DEE7
- tree.indentGuidesStroke#C6CEDA
- tree.tableColumnsBorder#C6CEDA
- walkThrough.embeddedEditorBackground#ECEFF3
- welcomePage.progress.foreground#64748B
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#C6CEDA
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #8B95A388 | 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 | #475569 | 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 | #475569 | bold |
| keyword | #475569 | 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 | #5C6675 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #B86A1B | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #0E8AA8 | italic |
| constant.numeric | #BE185D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #BE185D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #344054 | — |
| variable.parameter, meta.parameter | #526A80 | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0F766E | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #4C6EDB | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #64748B | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #1D6FB8 | bold |
| entity.name.type.interface | #5B67D5 | italic |
| entity.name.type.enum | #7C3AED | bold |
| entity.name.struct | #0E8AA8 | bold |
| entity.name.type.parameter | #526A80 | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #5B67D5 | — |
| entity.name.namespace, entity.name.module, support.module | #5C6675 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #9A6700 | bold |
| entity.name.function.macro, support.function.macro | #B83280 | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #B83280 | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #526A80 | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #B83280 | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #475569 | bold |
| support.class.component | #1D6FB8 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #4C6EDB | italic |
| entity.name.label | #4C6EDB | — |
| constant.character.escape | #9A6700 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #475569 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #475569 | bold |
| markup.bold | #1F2937 | bold |
| markup.italic | #1F2937 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #1D6FB8 | — |
| markup.list, punctuation.definition.list | #5C6675 | — |
| markup.quote | #788596 | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #4C6EDB | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #0F766E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #475569 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #4C6EDB | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #1D6FB8 | bold |
| support.type.property-name.json | #4C6EDB | 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#7C3AED
- activityBar.background#F2EEF9
- activityBar.border#E1D9EE
- activityBar.dropBorder#7C3AED
- activityBar.foreground#25223A
- activityBar.inactiveForeground#7A7695
- activityBarBadge.background#7C3AED
- activityBarBadge.foreground#F2EEF9
- badge.background#7C3AED
- badge.foreground#F2EEF9
- banner.background#EFE7FF
- banner.foreground#25223A
- banner.iconForeground#7C3AED
- breadcrumb.activeSelectionForeground#25223A
- breadcrumb.focusForeground#25223A
- breadcrumb.foreground#847FA3
- breadcrumbPicker.background#FFFFFF
- button.background#7C3AED
- button.border#7C3AED00
- button.foreground#F2EEF9
- button.hoverBackground#4F46E5
- button.secondaryBackground#D0C5E2
- button.secondaryForeground#25223A
- button.secondaryHoverBackground#BBAFD3
- checkbox.background#FFFFFF
- checkbox.border#D0C5E2
- checkbox.foreground#7C3AED
- commandCenter.activeBackground#FFFFFF
- commandCenter.activeForeground#25223A
- commandCenter.background#F8F6FC
- commandCenter.border#D0C5E2
- commandCenter.foreground#5E5A78
- contrastActiveBorder#7C3AED00
- contrastBorder#E1D9EE00
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#5E5A78
- debugConsole.warningForeground#A16207
- debugConsoleInputIcon.foreground#7C3AED
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#7C3AED
- debugIcon.pauseForeground#A16207
- debugIcon.restartForeground#7C3AED
- debugIcon.startForeground#7C3AED
- debugIcon.stepIntoForeground#7C3AED
- debugIcon.stepOutForeground#7C3AED
- debugIcon.stepOverForeground#7C3AED
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFFFF
- descriptionForeground#5E5A78
- diffEditor.diagonalFill#D0C5E2
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFFFF
- dropdown.border#D0C5E2
- dropdown.foreground#25223A
- dropdown.listBackground#FFFFFF
- editor.background#F8F6FC
- editor.findMatchBackground#A1620766
- editor.findMatchBorder#A16207
- editor.findMatchHighlightBackground#A162073D
- editor.findMatchHighlightBorder#A16207AA
- editor.findRangeHighlightBackground#A1620724
- editor.foldBackground#E1D9EE88
- editor.foreground#25223A
- editor.hoverHighlightBackground#EFE7FF38
- editor.inactiveSelectionBackground#F4F0FAF2
- editor.lineHighlightBackground#FFFFFF
- editor.lineHighlightBorder#FFFFFF00
- editor.linkedEditingBackground#EFE7FF70
- editor.rangeHighlightBackground#EDE6F8CC
- editor.selectionBackground#E6DBFF
- editor.selectionForeground#25223A
- editor.selectionHighlightBackground#7C3AED4A
- editor.wordHighlightBackground#4F46E530
- editor.wordHighlightStrongBackground#4F46E54D
- editorBracketHighlight.foreground1#7C3AED
- editorBracketHighlight.foreground2#9D5AAE
- editorBracketHighlight.foreground3#8C7A3F
- editorBracketHighlight.foreground4#5B34B2
- editorBracketMatch.background#EFE7FF52
- editorBracketMatch.border#7C3AED66
- editorCodeLens.foreground#7A769588
- editorCursor.foreground#7C3AED
- editorError.foreground#C2413B
- editorGroup.border#E1D9EE
- editorGroup.dropBackground#7C3AED1A
- editorGroupHeader.noTabsBackground#F2EEF9
- editorGroupHeader.tabsBackground#F2EEF9
- editorGroupHeader.tabsBorder#E1D9EE
- editorGutter.addedBackground#2F855A
- editorGutter.background#F8F6FC
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#847FA3
- editorGutter.modifiedBackground#4F46E5
- editorHint.foreground#4F46E5
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#D0C5E2
- editorHoverWidget.foreground#25223A
- editorHoverWidget.statusBarBackground#E1D9EE
- editorIndentGuide.activeBackground1#BBAFD3
- editorIndentGuide.background1#D0C5E2
- editorInfo.foreground#7C3AED
- editorInlayHint.background#F8F6FC00
- editorInlayHint.foreground#7A7695AA
- editorInlayHint.parameterBackground#F8F6FC00
- editorInlayHint.parameterForeground#7A769599
- editorInlayHint.typeBackground#F8F6FC00
- editorInlayHint.typeForeground#7A769599
- editorLineNumber.activeForeground#5E5A78
- editorLineNumber.foreground#7A7695
- editorLink.activeForeground#7C3AED
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#7C3AED33
- editorMarkerNavigationWarning.background#A1620733
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#E1D9EE
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#A16207CC
- editorOverviewRuler.infoForeground#7C3AED
- editorOverviewRuler.modifiedForeground#4F46E566
- editorOverviewRuler.selectionHighlightForeground#7C3AED66
- editorOverviewRuler.warningForeground#A16207
- editorRuler.foreground#D0C5E2
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#D0C5E2
- editorSuggestWidget.focusHighlightForeground#7C3AED
- editorSuggestWidget.foreground#25223A
- editorSuggestWidget.highlightForeground#7C3AED
- editorSuggestWidget.selectedBackground#EFE7FF
- editorWarning.foreground#A16207
- editorWhitespace.foreground#D0C5E2
- editorWidget.background#FFFFFF
- editorWidget.border#D0C5E2
- editorWidget.foreground#25223A
- editorWidget.resizeBorder#7C3AED
- errorForeground#C2413B
- extensionBadge.remoteBackground#7C3AED
- extensionBadge.remoteForeground#F2EEF9
- extensionButton.prominentBackground#7C3AED
- extensionButton.prominentForeground#F2EEF9
- extensionButton.prominentHoverBackground#4F46E5
- extensionIcon.starForeground#A16207
- focusBorder#7C3AED66
- foreground#25223A
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#A16207
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#7A7695
- gitDecoration.modifiedResourceForeground#4F46E5
- gitDecoration.renamedResourceForeground#4F46E5
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#4F46E5
- gitDecoration.submoduleResourceForeground#5E5A78
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#5E5A78
- input.background#FFFFFF
- input.border#D0C5E2
- input.foreground#25223A
- input.placeholderForeground#7A7695
- inputOption.activeBackground#7C3AED33
- inputOption.activeBorder#7C3AED
- inputOption.activeForeground#25223A
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#7C3AED
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#A16207
- keybindingLabel.background#FFFFFF
- keybindingLabel.border#D0C5E2
- keybindingLabel.bottomBorder#D0C5E2
- keybindingLabel.foreground#25223A
- list.activeSelectionBackground#EFE7FF
- list.activeSelectionForeground#25223A
- list.activeSelectionIconForeground#25223A
- list.deemphasizedForeground#7A7695
- list.dropBackground#7C3AED1A
- list.errorForeground#C2413B
- list.filterMatchBackground#A1620733
- list.filterMatchBorder#A1620788
- list.focusBackground#EFE7FF
- list.focusForeground#25223A
- list.focusHighlightForeground#7C3AED
- list.focusOutline#7C3AED66
- list.highlightForeground#7C3AED
- list.hoverBackground#FFFFFF
- list.hoverForeground#25223A
- list.inactiveSelectionBackground#FFFFFF
- list.inactiveSelectionForeground#25223A
- list.invalidItemForeground#C2413B88
- list.warningForeground#A16207
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#7C3AED
- merge.currentContentBackground#7C3AED1A
- merge.currentHeaderBackground#7C3AED33
- merge.incomingContentBackground#4F46E51A
- merge.incomingHeaderBackground#4F46E533
- minimap.findMatchHighlight#A16207CC
- minimap.selectionHighlight#E6DBFF99
- minimap.selectionOccurrenceHighlight#4F46E566
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#4F46E5
- minimapSlider.activeBackground#5E5A7830
- minimapSlider.background#5E5A7810
- minimapSlider.hoverBackground#5E5A7820
- notificationCenter.border#D0C5E2
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#25223A
- notificationLink.foreground#7C3AED
- notifications.background#FFFFFF
- notifications.border#D0C5E2
- notifications.foreground#25223A
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#7C3AED
- notificationsWarningIcon.foreground#A16207
- panel.background#F2EEF9
- panel.border#E1D9EE
- panel.dropBorder#7C3AED
- panelInput.border#D0C5E2
- panelSection.border#E1D9EE
- panelSectionHeader.background#FFFFFF
- panelTitle.activeBorder#7C3AED
- panelTitle.activeForeground#25223A
- panelTitle.inactiveForeground#7A7695
- peekView.border#7C3AED
- peekViewEditor.background#F2EEF9
- peekViewEditor.matchHighlightBackground#A1620733
- peekViewResult.background#F8F6FC
- peekViewResult.fileForeground#25223A
- peekViewResult.lineForeground#5E5A78
- peekViewResult.matchHighlightBackground#A1620733
- peekViewResult.selectionBackground#EFE7FF
- peekViewResult.selectionForeground#25223A
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#5E5A78
- peekViewTitleLabel.foreground#25223A
- progressBar.background#7C3AED
- quickInput.background#F8F6FC
- quickInput.foreground#25223A
- quickInputList.focusBackground#EFE7FF
- quickInputList.focusForeground#25223A
- quickInputList.focusIconForeground#25223A
- quickInputTitle.background#FFFFFF
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#5E5A7840
- scrollbarSlider.background#5E5A7815
- scrollbarSlider.hoverBackground#5E5A7825
- selection.background#EFE7FFA3
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D0C5E2
- settings.checkboxForeground#7C3AED
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#D0C5E2
- settings.dropdownForeground#25223A
- settings.focusedRowBackground#EFE7FF38
- settings.headerForeground#25223A
- settings.modifiedItemIndicator#7C3AED
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D0C5E2
- settings.numberInputForeground#25223A
- settings.rowHoverBackground#F3EFF888
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D0C5E2
- settings.textInputForeground#25223A
- sideBar.background#F2EEF9
- sideBar.border#E1D9EE
- sideBar.dropBackground#7C3AED1A
- sideBar.foreground#5E5A78
- sideBarSectionHeader.background#F2EEF9
- sideBarSectionHeader.border#E1D9EE
- sideBarSectionHeader.foreground#5E5A78
- sideBarTitle.foreground#5E5A78
- statusBar.background#F2EEF9
- statusBar.border#E1D9EE
- statusBar.debuggingBackground#4F46E5
- statusBar.debuggingForeground#F2EEF9
- statusBar.foreground#5E5A78
- statusBar.noFolderBackground#F8F6FC
- statusBar.noFolderForeground#5E5A78
- statusBarItem.activeBackground#7C3AED33
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#F2EEF9
- statusBarItem.hoverBackground#E1D9EE
- statusBarItem.prominentBackground#EFE7FF
- statusBarItem.prominentHoverBackground#EFE7FFA3
- statusBarItem.remoteBackground#7C3AED
- statusBarItem.remoteForeground#F2EEF9
- statusBarItem.warningBackground#A16207
- statusBarItem.warningForeground#F2EEF9
- tab.activeBackground#F8F6FC
- tab.activeBorderTop#7C3AED
- tab.activeForeground#25223A
- tab.activeModifiedBorder#4F46E5
- tab.border#E1D9EE
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#F2EEF9
- tab.inactiveForeground#847FA3
- tab.inactiveModifiedBorder#4F46E566
- tab.lastPinnedBorder#D0C5E2
- tab.unfocusedActiveBorderTop#7C3AED66
- tab.unfocusedHoverBackground#FFFFFF
- terminal.ansiBlack#F2EEF9
- terminal.ansiBlue#5B34B2
- terminal.ansiBrightBlack#7A7695
- terminal.ansiBrightBlue#A78BFA
- terminal.ansiBrightCyan#4F46E5
- terminal.ansiBrightGreen#7C3AED
- terminal.ansiBrightMagenta#C084FC
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#25223A
- terminal.ansiBrightYellow#A16207
- terminal.ansiCyan#4F46E5
- terminal.ansiGreen#7C3AED
- terminal.ansiMagenta#9D5AAE
- terminal.ansiRed#C2413B
- terminal.ansiWhite#5E5A78
- terminal.ansiYellow#A16207
- terminal.background#F2EEF9
- terminal.border#E1D9EE
- terminal.foreground#25223A
- terminal.selectionBackground#EFE7FFA3
- terminalCursor.background#F2EEF9
- terminalCursor.foreground#7C3AED
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#7C3AED
- testing.iconQueued#A16207
- testing.iconSkipped#7A7695
- testing.iconUnset#847FA3
- testing.runAction#7C3AED
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#7C3AED44
- textLink.activeForeground#4F46E5
- textLink.foreground#7C3AED
- textPreformat.foreground#5E5A78
- textSeparator.foreground#D0C5E2
- titleBar.activeBackground#F2EEF9
- titleBar.activeForeground#5E5A78
- titleBar.border#E1D9EE
- titleBar.inactiveBackground#F2EEF9
- titleBar.inactiveForeground#7A7695
- toolbar.activeBackground#D0C5E2
- toolbar.hoverBackground#E1D9EE
- tree.indentGuidesStroke#D0C5E2
- tree.tableColumnsBorder#D0C5E2
- walkThrough.embeddedEditorBackground#F2EEF9
- welcomePage.progress.foreground#7C3AED
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#D0C5E2
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #9793B188 | 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 | #8B5CF6 | 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 | #8B5CF6 | bold |
| keyword | #8B5CF6 | 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 | #6D6988 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #B86A1B | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #7C3AED | italic |
| constant.numeric | #BE185D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #BE185D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #373454 | — |
| variable.parameter, meta.parameter | #645E8C | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0E7490 | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #A78BFA | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #7C3AED | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #4F46E5 | bold |
| entity.name.type.interface | #6E62E8 | italic |
| entity.name.type.enum | #A855F7 | bold |
| entity.name.struct | #7C3AED | bold |
| entity.name.type.parameter | #645E8C | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #6E62E8 | — |
| entity.name.namespace, entity.name.module, support.module | #6D6988 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #A16207 | bold |
| entity.name.function.macro, support.function.macro | #C2416C | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #C2416C | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #645E8C | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #C2416C | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #8B5CF6 | bold |
| support.class.component | #4F46E5 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #A78BFA | italic |
| entity.name.label | #A78BFA | — |
| constant.character.escape | #A16207 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #8B5CF6 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #8B5CF6 | bold |
| markup.bold | #25223A | bold |
| markup.italic | #25223A | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #4F46E5 | — |
| markup.list, punctuation.definition.list | #6D6988 | — |
| markup.quote | #807B9D | italic |
| invalid, invalid.deprecated | #C2413B | 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 | #0E7490 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #8B5CF6 | 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 | #4F46E5 | 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#DB2777
- activityBar.background#F5EEF3
- activityBar.border#E7D9E1
- activityBar.dropBorder#DB2777
- activityBar.foreground#2D2230
- activityBar.inactiveForeground#8A738E
- activityBarBadge.background#DB2777
- activityBarBadge.foreground#F5EEF3
- badge.background#DB2777
- badge.foreground#F5EEF3
- banner.background#F9E6EF
- banner.foreground#2D2230
- banner.iconForeground#DB2777
- breadcrumb.activeSelectionForeground#2D2230
- breadcrumb.focusForeground#2D2230
- breadcrumb.foreground#957B99
- breadcrumbPicker.background#FFFFFF
- button.background#DB2777
- button.border#DB277700
- button.foreground#F5EEF3
- button.hoverBackground#A855F7
- button.secondaryBackground#D8C5D0
- button.secondaryForeground#2D2230
- button.secondaryHoverBackground#C7AFBC
- checkbox.background#FFFFFF
- checkbox.border#D8C5D0
- checkbox.foreground#DB2777
- commandCenter.activeBackground#FFFFFF
- commandCenter.activeForeground#2D2230
- commandCenter.background#FAF6F8
- commandCenter.border#D8C5D0
- commandCenter.foreground#6E5870
- contrastActiveBorder#DB277700
- contrastBorder#E7D9E100
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#6E5870
- debugConsole.warningForeground#A16207
- debugConsoleInputIcon.foreground#DB2777
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#DB2777
- debugIcon.pauseForeground#A16207
- debugIcon.restartForeground#DB2777
- debugIcon.startForeground#DB2777
- debugIcon.stepIntoForeground#DB2777
- debugIcon.stepOutForeground#DB2777
- debugIcon.stepOverForeground#DB2777
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFFFF
- descriptionForeground#6E5870
- diffEditor.diagonalFill#D8C5D0
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFFFF
- dropdown.border#D8C5D0
- dropdown.foreground#2D2230
- dropdown.listBackground#FFFFFF
- editor.background#FAF6F8
- editor.findMatchBackground#A1620766
- editor.findMatchBorder#A16207
- editor.findMatchHighlightBackground#A162073D
- editor.findMatchHighlightBorder#A16207AA
- editor.findRangeHighlightBackground#A1620724
- editor.foldBackground#E7D9E188
- editor.foreground#2D2230
- editor.hoverHighlightBackground#F9E6EF38
- editor.inactiveSelectionBackground#F7EEF3F2
- editor.lineHighlightBackground#FFFFFF
- editor.lineHighlightBorder#FFFFFF00
- editor.linkedEditingBackground#F9E6EF70
- editor.rangeHighlightBackground#F3E4ECCC
- editor.selectionBackground#F7D6E7
- editor.selectionForeground#2D2230
- editor.selectionHighlightBackground#DB27774A
- editor.wordHighlightBackground#7C3AED30
- editor.wordHighlightStrongBackground#7C3AED4D
- editorBracketHighlight.foreground1#DB2777
- editorBracketHighlight.foreground2#AD5AA5
- editorBracketHighlight.foreground3#9C7A34
- editorBracketHighlight.foreground4#BE185D
- editorBracketMatch.background#F9E6EF52
- editorBracketMatch.border#DB277766
- editorCodeLens.foreground#8A738E88
- editorCursor.foreground#DB2777
- editorError.foreground#C2413B
- editorGroup.border#E7D9E1
- editorGroup.dropBackground#DB27771A
- editorGroupHeader.noTabsBackground#F5EEF3
- editorGroupHeader.tabsBackground#F5EEF3
- editorGroupHeader.tabsBorder#E7D9E1
- editorGutter.addedBackground#2F855A
- editorGutter.background#FAF6F8
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#957B99
- editorGutter.modifiedBackground#A855F7
- editorHint.foreground#A855F7
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#D8C5D0
- editorHoverWidget.foreground#2D2230
- editorHoverWidget.statusBarBackground#E7D9E1
- editorIndentGuide.activeBackground1#C7AFBC
- editorIndentGuide.background1#D8C5D0
- editorInfo.foreground#DB2777
- editorInlayHint.background#FAF6F800
- editorInlayHint.foreground#8A738EAA
- editorInlayHint.parameterBackground#FAF6F800
- editorInlayHint.parameterForeground#8A738E99
- editorInlayHint.typeBackground#FAF6F800
- editorInlayHint.typeForeground#8A738E99
- editorLineNumber.activeForeground#6E5870
- editorLineNumber.foreground#8A738E
- editorLink.activeForeground#DB2777
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#DB277733
- editorMarkerNavigationWarning.background#A1620733
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#E7D9E1
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#A16207CC
- editorOverviewRuler.infoForeground#DB2777
- editorOverviewRuler.modifiedForeground#A855F766
- editorOverviewRuler.selectionHighlightForeground#DB277766
- editorOverviewRuler.warningForeground#A16207
- editorRuler.foreground#D8C5D0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#D8C5D0
- editorSuggestWidget.focusHighlightForeground#DB2777
- editorSuggestWidget.foreground#2D2230
- editorSuggestWidget.highlightForeground#DB2777
- editorSuggestWidget.selectedBackground#F9E6EF
- editorWarning.foreground#A16207
- editorWhitespace.foreground#D8C5D0
- editorWidget.background#FFFFFF
- editorWidget.border#D8C5D0
- editorWidget.foreground#2D2230
- editorWidget.resizeBorder#DB2777
- errorForeground#C2413B
- extensionBadge.remoteBackground#DB2777
- extensionBadge.remoteForeground#F5EEF3
- extensionButton.prominentBackground#DB2777
- extensionButton.prominentForeground#F5EEF3
- extensionButton.prominentHoverBackground#A855F7
- extensionIcon.starForeground#A16207
- focusBorder#DB277766
- foreground#2D2230
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#A16207
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#8A738E
- gitDecoration.modifiedResourceForeground#A855F7
- gitDecoration.renamedResourceForeground#A855F7
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#A855F7
- gitDecoration.submoduleResourceForeground#6E5870
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#6E5870
- input.background#FFFFFF
- input.border#D8C5D0
- input.foreground#2D2230
- input.placeholderForeground#8A738E
- inputOption.activeBackground#DB277733
- inputOption.activeBorder#DB2777
- inputOption.activeForeground#2D2230
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#DB2777
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#A16207
- keybindingLabel.background#FFFFFF
- keybindingLabel.border#D8C5D0
- keybindingLabel.bottomBorder#D8C5D0
- keybindingLabel.foreground#2D2230
- list.activeSelectionBackground#F9E6EF
- list.activeSelectionForeground#2D2230
- list.activeSelectionIconForeground#2D2230
- list.deemphasizedForeground#8A738E
- list.dropBackground#DB27771A
- list.errorForeground#C2413B
- list.filterMatchBackground#A1620733
- list.filterMatchBorder#A1620788
- list.focusBackground#F9E6EF
- list.focusForeground#2D2230
- list.focusHighlightForeground#DB2777
- list.focusOutline#DB277766
- list.highlightForeground#DB2777
- list.hoverBackground#FFFFFF
- list.hoverForeground#2D2230
- list.inactiveSelectionBackground#FFFFFF
- list.inactiveSelectionForeground#2D2230
- list.invalidItemForeground#C2413B88
- list.warningForeground#A16207
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#DB2777
- merge.currentContentBackground#DB27771A
- merge.currentHeaderBackground#DB277733
- merge.incomingContentBackground#A855F71A
- merge.incomingHeaderBackground#A855F733
- minimap.findMatchHighlight#A16207CC
- minimap.selectionHighlight#F7D6E799
- minimap.selectionOccurrenceHighlight#7C3AED66
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#A855F7
- minimapSlider.activeBackground#6E587030
- minimapSlider.background#6E587010
- minimapSlider.hoverBackground#6E587020
- notificationCenter.border#D8C5D0
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#2D2230
- notificationLink.foreground#DB2777
- notifications.background#FFFFFF
- notifications.border#D8C5D0
- notifications.foreground#2D2230
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#DB2777
- notificationsWarningIcon.foreground#A16207
- panel.background#F5EEF3
- panel.border#E7D9E1
- panel.dropBorder#DB2777
- panelInput.border#D8C5D0
- panelSection.border#E7D9E1
- panelSectionHeader.background#FFFFFF
- panelTitle.activeBorder#DB2777
- panelTitle.activeForeground#2D2230
- panelTitle.inactiveForeground#8A738E
- peekView.border#DB2777
- peekViewEditor.background#F5EEF3
- peekViewEditor.matchHighlightBackground#A1620733
- peekViewResult.background#FAF6F8
- peekViewResult.fileForeground#2D2230
- peekViewResult.lineForeground#6E5870
- peekViewResult.matchHighlightBackground#A1620733
- peekViewResult.selectionBackground#F9E6EF
- peekViewResult.selectionForeground#2D2230
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#6E5870
- peekViewTitleLabel.foreground#2D2230
- progressBar.background#DB2777
- quickInput.background#FAF6F8
- quickInput.foreground#2D2230
- quickInputList.focusBackground#F9E6EF
- quickInputList.focusForeground#2D2230
- quickInputList.focusIconForeground#2D2230
- quickInputTitle.background#FFFFFF
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#6E587040
- scrollbarSlider.background#6E587015
- scrollbarSlider.hoverBackground#6E587025
- selection.background#F9E6EFA3
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D8C5D0
- settings.checkboxForeground#DB2777
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#D8C5D0
- settings.dropdownForeground#2D2230
- settings.focusedRowBackground#F9E6EF38
- settings.headerForeground#2D2230
- settings.modifiedItemIndicator#DB2777
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D8C5D0
- settings.numberInputForeground#2D2230
- settings.rowHoverBackground#F6EFF488
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D8C5D0
- settings.textInputForeground#2D2230
- sideBar.background#F5EEF3
- sideBar.border#E7D9E1
- sideBar.dropBackground#DB27771A
- sideBar.foreground#6E5870
- sideBarSectionHeader.background#F5EEF3
- sideBarSectionHeader.border#E7D9E1
- sideBarSectionHeader.foreground#6E5870
- sideBarTitle.foreground#6E5870
- statusBar.background#F5EEF3
- statusBar.border#E7D9E1
- statusBar.debuggingBackground#A855F7
- statusBar.debuggingForeground#F5EEF3
- statusBar.foreground#6E5870
- statusBar.noFolderBackground#FAF6F8
- statusBar.noFolderForeground#6E5870
- statusBarItem.activeBackground#DB277733
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#F5EEF3
- statusBarItem.hoverBackground#E7D9E1
- statusBarItem.prominentBackground#F9E6EF
- statusBarItem.prominentHoverBackground#F9E6EFA3
- statusBarItem.remoteBackground#DB2777
- statusBarItem.remoteForeground#F5EEF3
- statusBarItem.warningBackground#A16207
- statusBarItem.warningForeground#F5EEF3
- tab.activeBackground#FAF6F8
- tab.activeBorderTop#DB2777
- tab.activeForeground#2D2230
- tab.activeModifiedBorder#A855F7
- tab.border#E7D9E1
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#F5EEF3
- tab.inactiveForeground#957B99
- tab.inactiveModifiedBorder#A855F766
- tab.lastPinnedBorder#D8C5D0
- tab.unfocusedActiveBorderTop#DB277766
- tab.unfocusedHoverBackground#FFFFFF
- terminal.ansiBlack#F5EEF3
- terminal.ansiBlue#BE185D
- terminal.ansiBrightBlack#8A738E
- terminal.ansiBrightBlue#F472B6
- terminal.ansiBrightCyan#A855F7
- terminal.ansiBrightGreen#DB2777
- terminal.ansiBrightMagenta#D895C8
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#2D2230
- terminal.ansiBrightYellow#A16207
- terminal.ansiCyan#A855F7
- terminal.ansiGreen#DB2777
- terminal.ansiMagenta#AD5AA5
- terminal.ansiRed#C2413B
- terminal.ansiWhite#6E5870
- terminal.ansiYellow#A16207
- terminal.background#F5EEF3
- terminal.border#E7D9E1
- terminal.foreground#2D2230
- terminal.selectionBackground#F9E6EFA3
- terminalCursor.background#F5EEF3
- terminalCursor.foreground#DB2777
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#DB2777
- testing.iconQueued#A16207
- testing.iconSkipped#8A738E
- testing.iconUnset#957B99
- testing.runAction#DB2777
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#DB277744
- textLink.activeForeground#A855F7
- textLink.foreground#DB2777
- textPreformat.foreground#6E5870
- textSeparator.foreground#D8C5D0
- titleBar.activeBackground#F5EEF3
- titleBar.activeForeground#6E5870
- titleBar.border#E7D9E1
- titleBar.inactiveBackground#F5EEF3
- titleBar.inactiveForeground#8A738E
- toolbar.activeBackground#D8C5D0
- toolbar.hoverBackground#E7D9E1
- tree.indentGuidesStroke#D8C5D0
- tree.tableColumnsBorder#D8C5D0
- walkThrough.embeddedEditorBackground#F5EEF3
- welcomePage.progress.foreground#DB2777
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#D8C5D0
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #A38EA588 | 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 | #E11D48 | 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 | #E11D48 | bold |
| keyword | #E11D48 | 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 | #7A667E | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #C76A1A | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #A855F7 | italic |
| constant.numeric | #C0266D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #C0266D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #3A2E3D | — |
| variable.parameter, meta.parameter | #7D607A | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0369A1 | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #C084FC | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #DB2777 | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #7C3AED | bold |
| entity.name.type.interface | #C45CE2 | italic |
| entity.name.type.enum | #9333EA | bold |
| entity.name.struct | #A855F7 | bold |
| entity.name.type.parameter | #7D607A | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #C45CE2 | — |
| entity.name.namespace, entity.name.module, support.module | #7A667E | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #A16207 | bold |
| entity.name.function.macro, support.function.macro | #BE185D | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #BE185D | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #7D607A | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #BE185D | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #E11D48 | bold |
| support.class.component | #7C3AED | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #C084FC | italic |
| entity.name.label | #C084FC | — |
| constant.character.escape | #A16207 | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #E11D48 | bold |
| markup.heading, markup.heading punctuation.definition.heading | #E11D48 | bold |
| markup.bold | #2D2230 | bold |
| markup.italic | #2D2230 | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #7C3AED | — |
| markup.list, punctuation.definition.list | #7A667E | — |
| markup.quote | #917A95 | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #C084FC | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #0369A1 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #E11D48 | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #C084FC | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #7C3AED | bold |
| support.type.property-name.json | #C084FC | 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#C56B2C
- activityBar.background#F0EBE3
- activityBar.border#E1D8CB
- activityBar.dropBorder#C56B2C
- activityBar.foreground#31261D
- activityBar.inactiveForeground#847468
- activityBarBadge.background#C56B2C
- activityBarBadge.foreground#F0EBE3
- badge.background#C56B2C
- badge.foreground#F0EBE3
- banner.background#F5E8D7
- banner.foreground#31261D
- banner.iconForeground#C56B2C
- breadcrumb.activeSelectionForeground#31261D
- breadcrumb.focusForeground#31261D
- breadcrumb.foreground#8D7C70
- breadcrumbPicker.background#FFFDFC
- button.background#C56B2C
- button.border#C56B2C00
- button.foreground#F0EBE3
- button.hoverBackground#8B5CF6
- button.secondaryBackground#D1C3B2
- button.secondaryForeground#31261D
- button.secondaryHoverBackground#BEAF9E
- checkbox.background#FFFDFC
- checkbox.border#D1C3B2
- checkbox.foreground#C56B2C
- commandCenter.activeBackground#FFFDFC
- commandCenter.activeForeground#31261D
- commandCenter.background#F6F3EE
- commandCenter.border#D1C3B2
- commandCenter.foreground#665548
- contrastActiveBorder#C56B2C00
- contrastBorder#E1D8CB00
- debugConsole.errorForeground#C2413B
- debugConsole.infoForeground#665548
- debugConsole.warningForeground#B7791F
- debugConsoleInputIcon.foreground#C56B2C
- debugIcon.breakpointForeground#C2413B
- debugIcon.continueForeground#C56B2C
- debugIcon.pauseForeground#B7791F
- debugIcon.restartForeground#C56B2C
- debugIcon.startForeground#C56B2C
- debugIcon.stepIntoForeground#C56B2C
- debugIcon.stepOutForeground#C56B2C
- debugIcon.stepOverForeground#C56B2C
- debugIcon.stopForeground#C2413B
- debugToolBar.background#FFFDFC
- descriptionForeground#665548
- diffEditor.diagonalFill#D1C3B2
- diffEditor.insertedLineBackground#2F855A12
- diffEditor.insertedTextBackground#2F855A26
- diffEditor.removedLineBackground#C2413B12
- diffEditor.removedTextBackground#C2413B26
- dropdown.background#FFFDFC
- dropdown.border#D1C3B2
- dropdown.foreground#31261D
- dropdown.listBackground#FFFDFC
- editor.background#F6F3EE
- editor.findMatchBackground#B7791F66
- editor.findMatchBorder#B7791F
- editor.findMatchHighlightBackground#B7791F3D
- editor.findMatchHighlightBorder#B7791FAA
- editor.findRangeHighlightBackground#B7791F24
- editor.foldBackground#E1D8CB88
- editor.foreground#31261D
- editor.hoverHighlightBackground#F5E8D738
- editor.inactiveSelectionBackground#F4EEE7F2
- editor.lineHighlightBackground#FFFDFC
- editor.lineHighlightBorder#FFFDFC00
- editor.linkedEditingBackground#F5E8D770
- editor.rangeHighlightBackground#F1E6DACC
- editor.selectionBackground#EEDBC2
- editor.selectionForeground#31261D
- editor.selectionHighlightBackground#C56B2C4A
- editor.wordHighlightBackground#2E6CC830
- editor.wordHighlightStrongBackground#2E6CC84D
- editorBracketHighlight.foreground1#C56B2C
- editorBracketHighlight.foreground2#A85576
- editorBracketHighlight.foreground3#906C28
- editorBracketHighlight.foreground4#A8551B
- editorBracketMatch.background#F5E8D752
- editorBracketMatch.border#C56B2C66
- editorCodeLens.foreground#84746888
- editorCursor.foreground#C56B2C
- editorError.foreground#C2413B
- editorGroup.border#E1D8CB
- editorGroup.dropBackground#C56B2C1A
- editorGroupHeader.noTabsBackground#F0EBE3
- editorGroupHeader.tabsBackground#F0EBE3
- editorGroupHeader.tabsBorder#E1D8CB
- editorGutter.addedBackground#2F855A
- editorGutter.background#F6F3EE
- editorGutter.deletedBackground#C2413B
- editorGutter.foldingControlForeground#8D7C70
- editorGutter.modifiedBackground#8B5CF6
- editorHint.foreground#8B5CF6
- editorHoverWidget.background#FFFDFC
- editorHoverWidget.border#D1C3B2
- editorHoverWidget.foreground#31261D
- editorHoverWidget.statusBarBackground#E1D8CB
- editorIndentGuide.activeBackground1#BEAF9E
- editorIndentGuide.background1#D1C3B2
- editorInfo.foreground#C56B2C
- editorInlayHint.background#F6F3EE00
- editorInlayHint.foreground#847468AA
- editorInlayHint.parameterBackground#F6F3EE00
- editorInlayHint.parameterForeground#84746899
- editorInlayHint.typeBackground#F6F3EE00
- editorInlayHint.typeForeground#84746899
- editorLineNumber.activeForeground#665548
- editorLineNumber.foreground#847468
- editorLink.activeForeground#C56B2C
- editorMarkerNavigation.background#FFFDFC
- editorMarkerNavigationError.background#C2413B33
- editorMarkerNavigationInfo.background#C56B2C33
- editorMarkerNavigationWarning.background#B7791F33
- editorOverviewRuler.addedForeground#2F855A66
- editorOverviewRuler.border#E1D8CB
- editorOverviewRuler.deletedForeground#C2413B66
- editorOverviewRuler.errorForeground#C2413B
- editorOverviewRuler.findMatchForeground#B7791FCC
- editorOverviewRuler.infoForeground#C56B2C
- editorOverviewRuler.modifiedForeground#8B5CF666
- editorOverviewRuler.selectionHighlightForeground#C56B2C66
- editorOverviewRuler.warningForeground#B7791F
- editorRuler.foreground#D1C3B2
- editorSuggestWidget.background#FFFDFC
- editorSuggestWidget.border#D1C3B2
- editorSuggestWidget.focusHighlightForeground#C56B2C
- editorSuggestWidget.foreground#31261D
- editorSuggestWidget.highlightForeground#C56B2C
- editorSuggestWidget.selectedBackground#F5E8D7
- editorWarning.foreground#B7791F
- editorWhitespace.foreground#D1C3B2
- editorWidget.background#FFFDFC
- editorWidget.border#D1C3B2
- editorWidget.foreground#31261D
- editorWidget.resizeBorder#C56B2C
- errorForeground#C2413B
- extensionBadge.remoteBackground#C56B2C
- extensionBadge.remoteForeground#F0EBE3
- extensionButton.prominentBackground#C56B2C
- extensionButton.prominentForeground#F0EBE3
- extensionButton.prominentHoverBackground#8B5CF6
- extensionIcon.starForeground#B7791F
- focusBorder#C56B2C66
- foreground#31261D
- gitDecoration.addedResourceForeground#2F855A
- gitDecoration.conflictingResourceForeground#B7791F
- gitDecoration.deletedResourceForeground#C2413B
- gitDecoration.ignoredResourceForeground#847468
- gitDecoration.modifiedResourceForeground#8B5CF6
- gitDecoration.renamedResourceForeground#8B5CF6
- gitDecoration.stageDeletedResourceForeground#C2413B
- gitDecoration.stageModifiedResourceForeground#8B5CF6
- gitDecoration.submoduleResourceForeground#665548
- gitDecoration.untrackedResourceForeground#2F855AAA
- icon.foreground#665548
- input.background#FFFDFC
- input.border#D1C3B2
- input.foreground#31261D
- input.placeholderForeground#847468
- inputOption.activeBackground#C56B2C33
- inputOption.activeBorder#C56B2C
- inputOption.activeForeground#31261D
- inputValidation.errorBackground#FFFDFC
- inputValidation.errorBorder#C2413B
- inputValidation.infoBackground#FFFDFC
- inputValidation.infoBorder#C56B2C
- inputValidation.warningBackground#FFFDFC
- inputValidation.warningBorder#B7791F
- keybindingLabel.background#FFFDFC
- keybindingLabel.border#D1C3B2
- keybindingLabel.bottomBorder#D1C3B2
- keybindingLabel.foreground#31261D
- list.activeSelectionBackground#F5E8D7
- list.activeSelectionForeground#31261D
- list.activeSelectionIconForeground#31261D
- list.deemphasizedForeground#847468
- list.dropBackground#C56B2C1A
- list.errorForeground#C2413B
- list.filterMatchBackground#B7791F33
- list.filterMatchBorder#B7791F88
- list.focusBackground#F5E8D7
- list.focusForeground#31261D
- list.focusHighlightForeground#C56B2C
- list.focusOutline#C56B2C66
- list.highlightForeground#C56B2C
- list.hoverBackground#FFFDFC
- list.hoverForeground#31261D
- list.inactiveSelectionBackground#FFFDFC
- list.inactiveSelectionForeground#31261D
- list.invalidItemForeground#C2413B88
- list.warningForeground#B7791F
- listFilterWidget.background#FFFDFC
- listFilterWidget.noMatchesOutline#C2413B
- listFilterWidget.outline#C56B2C
- merge.currentContentBackground#C56B2C1A
- merge.currentHeaderBackground#C56B2C33
- merge.incomingContentBackground#8B5CF61A
- merge.incomingHeaderBackground#8B5CF633
- minimap.findMatchHighlight#B7791FCC
- minimap.selectionHighlight#EEDBC299
- minimap.selectionOccurrenceHighlight#2E6CC866
- minimapGutter.addedBackground#2F855A
- minimapGutter.deletedBackground#C2413B
- minimapGutter.modifiedBackground#8B5CF6
- minimapSlider.activeBackground#66554830
- minimapSlider.background#66554810
- minimapSlider.hoverBackground#66554820
- notificationCenter.border#D1C3B2
- notificationCenterHeader.background#FFFDFC
- notificationCenterHeader.foreground#31261D
- notificationLink.foreground#C56B2C
- notifications.background#FFFDFC
- notifications.border#D1C3B2
- notifications.foreground#31261D
- notificationsErrorIcon.foreground#C2413B
- notificationsInfoIcon.foreground#C56B2C
- notificationsWarningIcon.foreground#B7791F
- panel.background#F0EBE3
- panel.border#E1D8CB
- panel.dropBorder#C56B2C
- panelInput.border#D1C3B2
- panelSection.border#E1D8CB
- panelSectionHeader.background#FFFDFC
- panelTitle.activeBorder#C56B2C
- panelTitle.activeForeground#31261D
- panelTitle.inactiveForeground#847468
- peekView.border#C56B2C
- peekViewEditor.background#F0EBE3
- peekViewEditor.matchHighlightBackground#B7791F33
- peekViewResult.background#F6F3EE
- peekViewResult.fileForeground#31261D
- peekViewResult.lineForeground#665548
- peekViewResult.matchHighlightBackground#B7791F33
- peekViewResult.selectionBackground#F5E8D7
- peekViewResult.selectionForeground#31261D
- peekViewTitle.background#FFFDFC
- peekViewTitleDescription.foreground#665548
- peekViewTitleLabel.foreground#31261D
- progressBar.background#C56B2C
- quickInput.background#F6F3EE
- quickInput.foreground#31261D
- quickInputList.focusBackground#F5E8D7
- quickInputList.focusForeground#31261D
- quickInputList.focusIconForeground#31261D
- quickInputTitle.background#FFFDFC
- scrollbar.shadow#00000018
- scrollbarSlider.activeBackground#66554840
- scrollbarSlider.background#66554815
- scrollbarSlider.hoverBackground#66554825
- selection.background#F5E8D7A3
- settings.checkboxBackground#FFFDFC
- settings.checkboxBorder#D1C3B2
- settings.checkboxForeground#C56B2C
- settings.dropdownBackground#FFFDFC
- settings.dropdownBorder#D1C3B2
- settings.dropdownForeground#31261D
- settings.focusedRowBackground#F5E8D738
- settings.headerForeground#31261D
- settings.modifiedItemIndicator#C56B2C
- settings.numberInputBackground#FFFDFC
- settings.numberInputBorder#D1C3B2
- settings.numberInputForeground#31261D
- settings.rowHoverBackground#F3EDE588
- settings.textInputBackground#FFFDFC
- settings.textInputBorder#D1C3B2
- settings.textInputForeground#31261D
- sideBar.background#F0EBE3
- sideBar.border#E1D8CB
- sideBar.dropBackground#C56B2C1A
- sideBar.foreground#665548
- sideBarSectionHeader.background#F0EBE3
- sideBarSectionHeader.border#E1D8CB
- sideBarSectionHeader.foreground#665548
- sideBarTitle.foreground#665548
- statusBar.background#F0EBE3
- statusBar.border#E1D8CB
- statusBar.debuggingBackground#8B5CF6
- statusBar.debuggingForeground#F0EBE3
- statusBar.foreground#665548
- statusBar.noFolderBackground#F6F3EE
- statusBar.noFolderForeground#665548
- statusBarItem.activeBackground#C56B2C33
- statusBarItem.errorBackground#C2413B
- statusBarItem.errorForeground#F0EBE3
- statusBarItem.hoverBackground#E1D8CB
- statusBarItem.prominentBackground#F5E8D7
- statusBarItem.prominentHoverBackground#F5E8D7A3
- statusBarItem.remoteBackground#C56B2C
- statusBarItem.remoteForeground#F0EBE3
- statusBarItem.warningBackground#B7791F
- statusBarItem.warningForeground#F0EBE3
- tab.activeBackground#F6F3EE
- tab.activeBorderTop#C56B2C
- tab.activeForeground#31261D
- tab.activeModifiedBorder#8B5CF6
- tab.border#E1D8CB
- tab.hoverBackground#FFFDFC
- tab.inactiveBackground#F0EBE3
- tab.inactiveForeground#8D7C70
- tab.inactiveModifiedBorder#8B5CF666
- tab.lastPinnedBorder#D1C3B2
- tab.unfocusedActiveBorderTop#C56B2C66
- tab.unfocusedHoverBackground#FFFDFC
- terminal.ansiBlack#F0EBE3
- terminal.ansiBlue#A8551B
- terminal.ansiBrightBlack#847468
- terminal.ansiBrightBlue#E89A5A
- terminal.ansiBrightCyan#8B5CF6
- terminal.ansiBrightGreen#C56B2C
- terminal.ansiBrightMagenta#D092AE
- terminal.ansiBrightRed#C2413B
- terminal.ansiBrightWhite#31261D
- terminal.ansiBrightYellow#B7791F
- terminal.ansiCyan#8B5CF6
- terminal.ansiGreen#C56B2C
- terminal.ansiMagenta#A85576
- terminal.ansiRed#C2413B
- terminal.ansiWhite#665548
- terminal.ansiYellow#B7791F
- terminal.background#F0EBE3
- terminal.border#E1D8CB
- terminal.foreground#31261D
- terminal.selectionBackground#F5E8D7A3
- terminalCursor.background#F0EBE3
- terminalCursor.foreground#C56B2C
- testing.iconErrored#C2413B
- testing.iconFailed#C2413B
- testing.iconPassed#C56B2C
- testing.iconQueued#B7791F
- testing.iconSkipped#847468
- testing.iconUnset#8D7C70
- testing.runAction#C56B2C
- textBlockQuote.background#FFFDFC
- textBlockQuote.border#C56B2C44
- textLink.activeForeground#8B5CF6
- textLink.foreground#C56B2C
- textPreformat.foreground#665548
- textSeparator.foreground#D1C3B2
- titleBar.activeBackground#F0EBE3
- titleBar.activeForeground#665548
- titleBar.border#E1D8CB
- titleBar.inactiveBackground#F0EBE3
- titleBar.inactiveForeground#847468
- toolbar.activeBackground#D1C3B2
- toolbar.hoverBackground#E1D8CB
- tree.indentGuidesStroke#D1C3B2
- tree.tableColumnsBorder#D1C3B2
- walkThrough.embeddedEditorBackground#F0EBE3
- welcomePage.progress.foreground#C56B2C
- welcomePage.tileBackground#FFFDFC
- welcomePage.tileBorder#D1C3B2
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation, comment.line.documentation, comment.block, comment.line, punctuation.definition.comment | #A0908288 | 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 | #C56B2C | 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 | #C56B2C | bold |
| keyword | #C56B2C | 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 | #736255 | — |
| string, string.template, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.interpolated, punctuation.definition.string | #B45309 | — |
| string.regexp, constant.regexp, regexp, support.other.regexp | #D97706 | italic |
| constant.numeric | #B5476D | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language, support.constant.builtin | #B5476D | bold |
| variable, variable.other.readwrite, entity.name.variable, variable.other, variable.language.this, variable.language.self, variable.language.super | #3E3228 | — |
| variable.parameter, meta.parameter | #7A624F | italic |
| variable.other.property, variable.object.property, meta.property-name, support.variable.property, entity.name.record.field | #0F766E | — |
| variable.other.constant, variable.other.enummember, constant.other, support.constant, entity.name.constant | #E89A5A | italic bold |
| entity.name.type, entity.name.type.alias, entity.name.union, support.type | #C56B2C | bold |
| entity.name.type.class, support.class, entity.other.inherited-class | #2E6CC8 | bold |
| entity.name.type.interface | #B96E37 | italic |
| entity.name.type.enum | #8B5CF6 | bold |
| entity.name.struct | #D97706 | bold |
| entity.name.type.parameter | #7A624F | italic |
| support.type.primitive, support.type.builtin, storage.type.primitive, storage.type.built-in, keyword.type.boolean, keyword.type.number, keyword.type.string | #B96E37 | — |
| entity.name.namespace, entity.name.module, support.module | #736255 | italic |
| entity.name.function, entity.name.function.member, meta.function-call, support.function, variable.function | #B7791F | bold |
| entity.name.function.macro, support.function.macro | #C2416C | bold |
| entity.name.function.decorator, meta.decorator, entity.name.tag.annotation, punctuation.decorator | #C2416C | italic |
| punctuation.definition.lifetime, entity.name.type.lifetime, storage.modifier.lifetime | #7A624F | italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #C2416C | italic |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #C56B2C | bold |
| support.class.component | #2E6CC8 | bold |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id | #E89A5A | italic |
| entity.name.label | #E89A5A | — |
| constant.character.escape | #B7791F | bold |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #C56B2C | bold |
| markup.heading, markup.heading punctuation.definition.heading | #C56B2C | bold |
| markup.bold | #31261D | bold |
| markup.italic | #31261D | italic |
| markup.inline.raw, markup.underline.link, string.other.link.title, string.other.link | #2E6CC8 | — |
| markup.list, punctuation.definition.list | #736255 | — |
| markup.quote | #89796D | italic |
| invalid, invalid.deprecated | #C2413B | bold |
| support.type.property-name.css, support.type.property-name.scss, meta.property-name.css | #E89A5A | italic |
| support.constant.property-value.css, keyword.other.unit.css, constant.numeric.css | #0F766E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C56B2C | bold |
| keyword.key.toml, support.type.property-name.toml, entity.name.tag.toml | #E89A5A | italic |
| entity.other.attribute-name.table.toml, entity.other.attribute-name.table.array.toml | #2E6CC8 | bold |
| support.type.property-name.json | #E89A5A | italic |