Lynx Theme Pro + (Icons)
Publisher: Gohit XThemes in package: 8
8 stunning themes + 3 icon packs for VS Code, Cursor, Windsurf & more. Dark, Light, Night, Ghibli, Fury, Kiro, NVIM & Blur. Reduce eye strain and boost your coding productivity.
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.activeBackground#10b98130
- activityBar.activeBorder#34d399
- activityBar.activeFocusBorder#34d399
- activityBar.background#080c09
- activityBar.border#080c09
- activityBar.foreground#c8dcd0
- activityBarBadge.background#10b981
- activityBarBadge.foreground#040a06
- activityBarTop.foreground#10b981
- activityBarTop.inactiveForeground#2e4a38
- banner.background#0d1a10
- banner.foreground#e8f0ec
- banner.iconForeground#10b981
- breadcrumb.activeSelectionForeground#34d399
- breadcrumb.background#0b140c
- breadcrumb.focusForeground#34d399
- breadcrumb.foreground#5a7a64
- breadcrumbPicker.background#0b140c
- button.background#065f46
- button.foreground#ffffff
- button.hoverBackground#059669
- button.secondaryBackground#047857
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#059669
- charts.blue#10b981
- charts.foreground#c8dcd0
- charts.green#34d399
- charts.lines#1a3020
- charts.orange#ff8c6a
- charts.purple#c870ff
- charts.red#ff3a4a
- charts.yellow#f5c842
- chat.avatarBackground#111611
- chat.avatarForeground#e8f0ec
- chat.requestBorder#1a3020
- commandCenter.activeBackground#0d1a10
- commandCenter.background#060806
- commandCenter.border#1a3d26
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#f5c842
- debugIcon.restartForeground#4dc9ff
- debugIcon.stopForeground#ff5c6a
- debugToolBar.background#0a1810
- debugToolBar.border#1a3020
- diffEditor.diagonalFill#ffffff20
- diffEditor.insertedLineBackground#10b98110
- diffEditor.insertedTextBackground#10b98120
- diffEditor.removedLineBackground#ff687810
- diffEditor.removedTextBackground#ff687818
- disabledForeground#3d5c48
- dropdown.background#0b1410
- dropdown.border#1a3d26
- dropdown.foreground#d4ead8
- dropdown.listBackground#0f1c14
- editor.background#080c09
- editor.findMatchBackground#a05a20cc
- editor.findMatchBorder#e8903a
- editor.findMatchHighlightBackground#7a4010d8
- editor.findMatchHighlightBorder#e8a060
- editor.findRangeHighlightBackground#e8903a35
- editor.foldBackground#10b98110
- editor.foreground#d4ead8
- editor.lineHighlightBackground#ffffff08
- editor.lineHighlightBorder#ffffff0d
- editor.linkedEditingBackground#10b98128
- editor.rangeHighlightBackground#4dc9ff12
- editor.selectionBackground#10b98150
- editor.selectionHighlightBackground#f5c84220
- editor.wordHighlightBackground#f5c84228
- editor.wordHighlightStrongBackground#85b3ff28
- editorBracketHighlight.foreground1#f5c842
- editorBracketHighlight.foreground2#c870ff
- editorBracketHighlight.foreground3#4db8ff
- editorBracketHighlight.foreground4#ff8c6a
- editorBracketHighlight.foreground5#ff6888
- editorBracketHighlight.foreground6#00e8c8
- editorBracketHighlight.unexpectedBracket.foreground#ff5c6a
- editorBracketMatch.background#10b98125
- editorBracketMatch.border#10b98170
- editorCodeLens.foreground#3d5c48
- editorCursor.foreground#34d399
- editorError.foreground#ff5c6a
- editorGhostText.foreground#2e4a38
- editorGroup.border#1a3020
- editorGroup.dropBackground#10b98118
- editorGroup.emptyBackground#060806
- editorGroup.focusedEmptyBorder#10b981
- editorGroupHeader.border#0a1410
- editorGroupHeader.noTabsBackground#060806
- editorGroupHeader.tabsBackground#060806
- editorGroupHeader.tabsBorder#0f2018
- editorGutter.addedBackground#10b981
- editorGutter.deletedBackground#ff5c6a
- editorGutter.foldingControlForeground#3d5c48
- editorGutter.modifiedBackground#4dc9ff
- editorHint.foreground#10b981
- editorHoverWidget.background#0b1410
- editorHoverWidget.border#1a3020
- editorHoverWidget.foreground#d4ead8
- editorHoverWidget.statusBarBackground#0f1c14
- editorIndentGuide.activeBackground1#10b98145
- editorIndentGuide.background1#1e3d2835
- editorInfo.foreground#4dc9ff
- editorInlayHint.background#050e0750
- editorInlayHint.foreground#2e5a40
- editorInlayHint.parameterBackground#10082008
- editorInlayHint.parameterForeground#9d70e8
- editorInlayHint.typeBackground#001a1060
- editorInlayHint.typeForeground#10b981
- editorLightBulb.foreground#f5c842
- editorLightBulbAi.foreground#00e8c8
- editorLightBulbAutoFix.foreground#10b981
- editorLineNumber.activeForeground#10b981
- editorLineNumber.foreground#1e3d28
- editorLink.activeForeground#34d399
- editorOverviewRuler.addedForeground#10b98190
- editorOverviewRuler.border#0f201870
- editorOverviewRuler.deletedForeground#ff5c6a90
- editorOverviewRuler.errorForeground#ff5c6acc
- editorOverviewRuler.findMatchForeground#10b98170
- editorOverviewRuler.infoForeground#4dc9ffcc
- editorOverviewRuler.modifiedForeground#4dc9ff90
- editorOverviewRuler.rangeHighlightForeground#34d39970
- editorOverviewRuler.warningForeground#f5c842cc
- editorRuler.foreground#1a302060
- editorStickyScroll.background#0b1410
- editorStickyScroll.border#1a3020
- editorStickyScroll.shadow#00000088
- editorStickyScrollHover.background#111611
- editorSuggestWidget.background#0b1410
- editorSuggestWidget.border#1a3020
- editorSuggestWidget.focusHighlightForeground#34d399
- editorSuggestWidget.foreground#c8dcd0
- editorSuggestWidget.highlightForeground#34d399
- editorSuggestWidget.selectedBackground#10b98140
- editorSuggestWidget.selectedForeground#e8f0ec
- editorWarning.foreground#f5c842
- editorWhitespace.foreground#1e3d2860
- editorWidget.background#0b1410
- editorWidget.border#1a3d26
- editorWidget.foreground#c8dcd0
- editorWidget.resizeBorder#10b981
- extensionIcon.verifiedForeground#10b981
- focusBorder#10b981
- foreground#d4ead8
- gitDecoration.addedResourceForeground#e8d060
- gitDecoration.conflictingResourceForeground#4db8ff
- gitDecoration.deletedResourceForeground#ff6878
- gitDecoration.ignoredResourceForeground#3a4a3abe
- gitDecoration.modifiedResourceForeground#10b981
- gitDecoration.renamedResourceForeground#e8d060
- gitDecoration.stageDeletedResourceForeground#f5c842
- gitDecoration.stageModifiedResourceForeground#f5c842
- gitDecoration.submoduleResourceForeground#f5c842
- gitDecoration.untrackedResourceForeground#28EB65
- icon.foreground#c8dcd0
- input.background#0b1410
- input.border#1a3d26
- input.foreground#d4ead8
- input.placeholderForeground#3d5c48
- inputOption.activeBackground#10b98150
- inputOption.activeForeground#e8f0ec
- inputValidation.errorBackground#ff5c6a20
- inputValidation.errorBorder#ff5c6a
- inputValidation.errorForeground#ff5c6a
- inputValidation.infoBackground#4dc9ff20
- inputValidation.infoBorder#4dc9ff
- inputValidation.infoForeground#4dc9ff
- inputValidation.warningBackground#f5c84220
- inputValidation.warningBorder#f5c842
- inputValidation.warningForeground#f5c842
- keybindingLabel.background#1a3020
- keybindingLabel.border#00000000
- keybindingLabel.bottomBorder#10b981
- keybindingLabel.foreground#e8f0ec
- list.activeSelectionBackground#10b98130
- list.activeSelectionForeground#e8f0ec
- list.dropBackground#000000
- list.errorForeground#ff5c6a
- list.focusBackground#1a3028
- list.focusForeground#d4ead8
- list.focusOutline#10b981
- list.highlightForeground#34d399
- list.hoverBackground#0f2018b8
- list.hoverForeground#d4ead8
- list.inactiveSelectionBackground#111611
- list.inactiveSelectionForeground#b8ccbe
- list.invalidItemForeground#ff5c6a
- list.warningForeground#f59e0b
- menu.background#0b1410
- menu.border#1a3d26
- menu.foreground#d4ead8
- menu.selectionBackground#10b98150
- menu.selectionBorder#10b981
- menu.selectionForeground#10b981
- menu.separatorBackground#1e3d28
- menubar.selectionBackground#10b98128
- menubar.selectionBorder#10b981
- menubar.selectionForeground#10b981
- merge.border#10b981
- merge.commonContentBackground#f5c84218
- merge.commonHeaderBackground#f5c84235
- merge.currentContentBackground#10b98118
- merge.currentHeaderBackground#10b98135
- merge.incomingContentBackground#4db8ff18
- merge.incomingHeaderBackground#4db8ff35
- minimap.background#060806
- minimap.errorHighlight#ff5c6a
- minimap.findMatchHighlight#10b981b0
- minimap.selectionHighlight#34d39950
- minimap.warningHighlight#f5c842
- minimapGutter.addedBackground#10b981
- minimapGutter.deletedBackground#ff5c6a
- minimapGutter.modifiedBackground#4dc9ff
- minimapSlider.activeBackground#10b98155
- minimapSlider.background#10b98130
- minimapSlider.hoverBackground#10b98145
- notificationCenter.border#1a3d26
- notificationCenterHeader.background#0f1c14
- notificationCenterHeader.foreground#10b981
- notificationLink.foreground#10b981
- notifications.background#0b1410
- notifications.border#1a3d26
- notifications.foreground#d4ead8
- notificationsErrorIcon.foreground#ff5c6a
- notificationsInfoIcon.foreground#10b981
- notificationsWarningIcon.foreground#f5c842
- notificationToast.border#1a3d26
- panel.background#060806
- panel.border#1a3d2660
- panelSection.border#1a3d26
- panelSection.dropBackground#10b98130
- panelSectionHeader.background#0f1c14
- panelSectionHeader.foreground#10b981
- panelTitle.activeBorder#10b981
- panelTitle.activeForeground#e8f0ec
- panelTitle.inactiveForeground#3d5c48
- peekView.border#10b981
- peekViewEditor.background#0b1410
- peekViewEditor.matchHighlightBackground#10b98135
- peekViewEditor.matchHighlightBorder#10b981
- peekViewEditorGutter.background#0b1410
- peekViewResult.background#060806
- peekViewResult.fileForeground#c8dcd0
- peekViewResult.lineForeground#3d5c48
- peekViewResult.matchHighlightBackground#10b98135
- peekViewResult.selectionBackground#1a3020
- peekViewResult.selectionForeground#d4ead8
- peekViewTitle.background#060806
- peekViewTitleDescription.foreground#10b981
- peekViewTitleLabel.foreground#d4ead8
- problemsErrorIcon.foreground#ff5c6a
- problemsInfoIcon.foreground#4dc9ff
- problemsWarningIcon.foreground#f5c842
- progressBar.background#10b981
- quickInput.background#0b1410
- quickInput.foreground#d4ead8
- quickInputList.focusBackground#10b98160
- quickInputList.focusForeground#e8f0ec
- quickInputList.focusIconForeground#e8f0ec
- sash.hoverBorder#10b981
- scrollbar.shadow#00000028
- scrollbarSlider.activeBackground#10b98158
- scrollbarSlider.background#10b98128
- scrollbarSlider.hoverBackground#10b98140
- selection.background#1a4830
- settings.checkboxBackground#0b1410
- settings.checkboxBorder#1a3020
- settings.checkboxForeground#10b981
- settings.dropdownBackground#0b1410
- settings.dropdownBorder#1a3020
- settings.dropdownForeground#d4ead8
- settings.dropdownListBorder#10b981
- settings.headerForeground#e8f0ec
- settings.modifiedItemIndicator#10b981
- settings.numberInputBackground#0b1410
- settings.numberInputBorder#1a3020
- settings.numberInputForeground#d4ead8
- settings.textInputBackground#0b1410
- settings.textInputBorder#1a3020
- settings.textInputForeground#d4ead8
- sideBar.background#080c09
- sideBar.border#0f201870
- sideBar.foreground#8ea898
- sideBarSectionHeader.background#060806
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#10b981
- sideBarTitle.foreground#c8dcd0
- statusBar.background#060806
- statusBar.border#00000000
- statusBar.debuggingBackground#0a1c12
- statusBar.debuggingForeground#d4ead8
- statusBar.foreground#2e6a4a
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#3d5c48
- statusBarItem.activeBackground#10b98115
- statusBarItem.hoverBackground#0f1c14
- statusBarItem.hoverForeground#d4ead8
- statusBarItem.prominentBackground#1a3020
- statusBarItem.remoteBackground#065f46
- statusBarItem.remoteForeground#e8f0ec
- statusBarItem.remoteHoverForeground#ffffff
- symbolIcon.arrayForeground#f5c842
- symbolIcon.booleanForeground#ff8c6a
- symbolIcon.classForeground#10b981
- symbolIcon.colorForeground#c870ff
- symbolIcon.constantForeground#34d399
- symbolIcon.constructorForeground#4dc9ff
- symbolIcon.enumeratorForeground#f5c842
- symbolIcon.enumeratorMemberForeground#10b981
- symbolIcon.eventForeground#ff5c6a
- symbolIcon.fieldForeground#4db8ff
- symbolIcon.fileForeground#c8dcd0
- symbolIcon.folderForeground#f5c842
- symbolIcon.functionForeground#10b981
- symbolIcon.interfaceForeground#4dc9ff
- symbolIcon.keyForeground#c870ff
- symbolIcon.keywordForeground#10b981
- symbolIcon.methodForeground#4dc9ff
- symbolIcon.moduleForeground#f5c842
- symbolIcon.namespaceForeground#f5a060
- symbolIcon.nullForeground#ff5c6a
- symbolIcon.numberForeground#10b981
- symbolIcon.objectForeground#f5c842
- symbolIcon.operatorForeground#00e8c8
- symbolIcon.packageForeground#f5a060
- symbolIcon.propertyForeground#4db8ff
- symbolIcon.referenceForeground#ff8c6a
- symbolIcon.snippetForeground#10b981
- symbolIcon.stringForeground#10b981
- symbolIcon.structForeground#4dc9ff
- symbolIcon.textForeground#c8dcd0
- symbolIcon.typeParameterForeground#c870ff
- symbolIcon.unitForeground#00e8c8
- symbolIcon.variableForeground#4db8ff
- tab.activeBackground#0b140c
- tab.activeBorder#0b140c
- tab.activeBorderTop#10b981
- tab.activeForeground#e8f0ec
- tab.border#0f2018
- tab.hoverBackground#0f2018
- tab.hoverBorder#0f2018
- tab.hoverForeground#b8ccbe
- tab.inactiveBackground#060806
- tab.inactiveForeground#3d5c48
- tab.unfocusedActiveForeground#6a8a74
- tab.unfocusedInactiveForeground#2e4a38
- terminal.ansiBlack#0a0c0a
- terminal.ansiBlue#4db8ff
- terminal.ansiBrightBlack#3d5c48
- terminal.ansiBrightBlue#7de4ff
- terminal.ansiBrightCyan#4de5f0
- terminal.ansiBrightGreen#34d399
- terminal.ansiBrightMagenta#d4a5ff
- terminal.ansiBrightRed#ff7888
- terminal.ansiBrightWhite#e8f0ec
- terminal.ansiBrightYellow#f5c842
- terminal.ansiCyan#00e8c8
- terminal.ansiGreen#10b981
- terminal.ansiMagenta#c870ff
- terminal.ansiRed#ff5c6a
- terminal.ansiWhite#c8dcd0
- terminal.ansiYellow#f5c842
- terminal.background#060806
- terminal.foreground#c8dcd0
- terminal.selectionBackground#10b98145
- terminalCursor.background#060806
- terminalCursor.foreground#10b981
- testing.iconErrored#f5c842
- testing.iconFailed#ff5c6a
- testing.iconPassed#10b981
- testing.iconQueued#f5c842
- testing.iconSkipped#3d5c48
- testing.iconUnset#2e4a38
- testing.message.error.lineBackground#ff5c6a28
- testing.peekBorder#10b981
- testing.peekHeaderBackground#0b1410
- textBlockQuote.background#0b1410b0
- textBlockQuote.border#10b98160
- textCodeBlock.background#0b1410
- textLink.activeForeground#34d399
- textLink.foreground#10b981
- textPreformat.foreground#f5c842
- titleBar.activeBackground#090c0a
- titleBar.activeForeground#e8f0ec
- titleBar.border#00000000
- titleBar.inactiveBackground#060806
- titleBar.inactiveForeground#3d5c48
- toolbar.hoverBackground#ffffff18
- tree.indentGuidesStroke#10b98140
- widget.border#1a3d26
- widget.shadow#00000058
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #1e4a30 | italic |
| comment.block | #1e4a30 | italic |
| comment.block.documentation, comment.line.documentation | #285a3c | italic bold |
| string.quoted.astro | #059669 | — |
| source.astro | #c8dcd0 | — |
| keyword.control | #ff8040 | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #ff5fa8 | bold |
| keyword.control.new, keyword.operator.new | #ff5fa8 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #f5c842 | — |
| keyword.control.async, keyword.control.await | #4db8ff | bold italic |
| keyword.other | #ff8040 | — |
| storage.type | #ff8040 | bold |
| storage.type.annotation | #8878f8 | — |
| storage.type.generic | #34d399 | — |
| storage.type.function.arrow | #c8dcd0 | — |
| storage.modifier | #ff8040 | italic |
| storage.modifier.import | #6a8a78 | — |
| keyword.operator | #8ab0a0 | — |
| keyword.operator.assignment | #8ab0a0 | bold |
| keyword.operator.expression | #f5c842 | — |
| keyword.operator.logical | #a870fa | bold |
| keyword.operator.comparison | #a870fa | — |
| keyword.operator.rest, keyword.operator.spread | #00e8c8 | — |
| keyword.operator.type.annotation | #8ab0a0 | — |
| keyword.operator.ternary | #f5c842 | — |
| punctuation.accessor, punctuation.bracket, punctuation.definition, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.string, punctuation.section, punctuation.separator, punctuation.separator.dot-access, punctuation.terminator.statement | #4a7060 | — |
| punctuation.definition.annotation | #8878f8 | — |
| variable.other, variable.object.property | #c8dcd0 | — |
| meta.block variable.other | #b8ccc0 | — |
| variable.other.constant | #4db8ff | bold |
| variable.other.readonly | #38c4e8 | — |
| variable.other.macro.argument | #a870fa | — |
| variable.parameter, variable.parameter.probably | #ff7a90 | italic |
| variable.language | #ff5fa8 | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #38c4e8 | — |
| entity.name.function | #10b981 | bold |
| entity.name.method | #38c4e8 | bold |
| entity.name.function.constructor | #f5c842 | bold |
| meta.function-call | #38c4e8 | — |
| meta.definition.function | #38c4e8 | — |
| meta.definition.method | #38c4e8 | — |
| meta.definition.property | #5a8070 | — |
| string.quoted.single, string.quoted.double | #10b981 | — |
| string.template | #10b981 | — |
| meta.template.expression | #f5c842 | — |
| string.regexp | #00e8c8 | — |
| string.other.link | #4db8ff | — |
| constant.numeric | #10b981 | bold |
| constant.language | #00e8c8 | bold |
| constant.other.variable | #10b981 | — |
| constant.character.escape | #00e8c8 | — |
| entity.name.tag | #ff5fa8 | bold |
| entity.name.type | #34d399 | bold |
| entity.name.type.class | #34d399 | bold |
| entity.name.type.interface | #4db8ff | bold |
| entity.name.type.enum | #f5c842 | bold |
| entity.name.type.module | #38c4e8 | — |
| entity.other | #34d399 | — |
| entity.other.attribute-name | #a870fa | — |
| entity.scope.name | #4db8ff | — |
| support.type.primitive | #ff8040 | bold |
| support.type.property-name | #38c4e8 | — |
| support.type.builtin | #ff8040 | bold |
| support.function | #38c4e8 | — |
| support.class | #34d399 | — |
| meta.brace | #8ab0a0 | — |
| meta.definition.variable | #5a8070 | — |
| meta.import | #c8dcd0 | — |
| meta.import string.quoted, meta.import.from string.quoted, meta.import.js string.quoted, meta.import.ts string.quoted, meta.import.astro string.quoted, meta.import string.quoted.single, meta.import string.quoted.double, meta.import string.quoted.single.astro, meta.import string.quoted.double.astro, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.ts, meta.import string.quoted.double.ts | #ff7ac8 | — |
| meta.object-literal.key | #38c4e8 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #ff8040 | — |
| support.type.property-name.css | #c8dcd0 | — |
| support.constant.property-value.css | #059669 | — |
| entity.other.attribute-name.id.css | #f5c842 | — |
| entity.other.attribute-name.pseudo-class.css | #a870fa | — |
| support.type.property-name.json | #f5c842 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #a870fa | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #4db8ff | — |
| string.quoted.double.json | #059669 | — |
| entity.name.tag.yaml | #f5c842 | — |
| invalid | #ff5fa8 | bold underline |
| invalid.deprecated | #ff7888 | — |
| text.html.markdown fenced_code.block.language | #ff8040 | — |
| text.html.markdown markup.bold | #ff5fa8 | bold |
| text.html.markdown markup.italic | #10b981 | italic |
| text.html.markdown markup.strikethrough | #ff5fa8 | strikethrough |
| text.html.markdown markup.inline.raw.string | #f5c842 | — |
| text.html.markdown markup.underline.link | #38c4e8 | — |
| text.html.markdown meta.paragraph | #c8dcd0 | — |
| text.html.markdown punctuation.definition.heading | #c870ff | bold |
| text.html.markdown entity.name.section | #c870ff | bold |
| text.html.markdown string.other.link.title | #38c4e8 | — |
| text.html.markdown meta.separator | #1e4a30 | — |
| support.class.component.jsx, support.class.component.tsx | #f5c842 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #a870fa | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #4a7060 | — |
| entity.name.type.ts, entity.name.type.tsx | #34d399 | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #4db8ff | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #38c4e8 | bold |
| punctuation.decorator | #8878f8 | bold |
| entity.name.function.decorator | #8878f8 | bold |
| support.function.magic.python | #a870fa | bold italic |
| support.function.builtin.python | #38c4e8 | — |
| storage.type.function.lambda | #a870fa | — |
| entity.name.type.parameter | #c870ff | — |
| keyword.control.default | #00e8c8 | bold |
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.activeBackground#47967140
- activityBar.activeBorder#347534
- activityBar.activeFocusBorder#347534
- activityBar.background#eaeaea
- activityBar.border#eaeaea
- activityBar.foreground#2d2d2d
- activityBarBadge.background#479671
- activityBarBadge.foreground#ffffff
- activityBarTop.foreground#479671
- activityBarTop.inactiveForeground#9aaa9a
- banner.background#f5faf5
- banner.foreground#2d2d2d
- banner.iconForeground#479671
- breadcrumb.activeSelectionForeground#347534
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#347534
- breadcrumb.foreground#656a65
- breadcrumbPicker.background#f5faf5
- button.background#408164
- button.foreground#2d3d2d
- button.hoverBackground#479671
- button.secondaryBackground#e5e5e5
- button.secondaryForeground#31875f
- button.secondaryHoverBackground#d9d9d9
- charts.blue#479671
- charts.foreground#2d3d2d
- charts.green#22c55e
- charts.lines#c5d5c5
- charts.orange#ff6941
- charts.purple#9475ff
- charts.red#d52f2f
- charts.yellow#cc9915
- chat.avatarBackground#e5e5e5
- chat.avatarForeground#2d2d2d
- chat.requestBorder#b0c0b5
- commandCenter.activeBackground#ffffff
- commandCenter.background#f5f5f5
- commandCenter.border#c0d0c0
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#c5952e
- debugIcon.restartForeground#2d99ff
- debugIcon.stopForeground#d64545
- debugToolBar.background#ffffff
- debugToolBar.border#cccccc
- diffEditor.diagonalFill#00000025
- diffEditor.insertedLineBackground#55d55515
- diffEditor.insertedTextBackground#55d55525
- diffEditor.removedLineBackground#d5555515
- diffEditor.removedTextBackground#d5555520
- disabledForeground#656a65
- dropdown.background#ffffff
- dropdown.border#cccccc
- dropdown.foreground#000000
- dropdown.listBackground#f4f4f4
- editor.background#f4f4f4
- editor.findMatchBackground#669933cc
- editor.findMatchBorder#4d7a26
- editor.findMatchHighlightBackground#85b35fe0
- editor.findMatchHighlightBorder#629742
- editor.findRangeHighlightBackground#4d7a2640
- editor.foldBackground#47967110
- editor.foreground#2d2d2d
- editor.lineHighlightBackground#ffffff70
- editor.lineHighlightBorder#00000012
- editor.linkedEditingBackground#47967130
- editor.rangeHighlightBackground#2d99ff15
- editor.selectionBackground#47967160
- editor.selectionHighlightBackground#c5952e25
- editor.wordHighlightBackground#c5952e30
- editor.wordHighlightStrongBackground#4573ff30
- editorBracketHighlight.foreground1#c5952e
- editorBracketHighlight.foreground2#9475ff
- editorBracketHighlight.foreground3#4573ff
- editorBracketHighlight.foreground4#ff6941
- editorBracketHighlight.foreground5#ff8391
- editorBracketHighlight.foreground6#4dc8ff
- editorBracketHighlight.unexpectedBracket.foreground#a4685a
- editorBracketMatch.background#b5c5d050
- editorBracketMatch.border#5573a5
- editorCodeLens.foreground#656a65
- editorCursor.foreground#656565
- editorError.foreground#d64545
- editorGhostText.foreground#717171
- editorGroup.border#c5d5c5
- editorGroup.dropBackground#47967120
- editorGroup.emptyBackground#f5f5f5
- editorGroup.focusedEmptyBorder#479671
- editorGroupHeader.border#e0f0e0
- editorGroupHeader.noTabsBackground#eaeaea
- editorGroupHeader.tabsBackground#eaeaea
- editorGroupHeader.tabsBorder#d0e0d4
- editorGutter.addedBackground#22c55e
- editorGutter.deletedBackground#d64545
- editorGutter.foldingControlForeground#656a65
- editorGutter.modifiedBackground#07daffb7
- editorHint.foreground#479671
- editorHoverWidget.background#f5faf5
- editorHoverWidget.border#c5d5c5
- editorHoverWidget.foreground#2d2d2d
- editorHoverWidget.statusBarBackground#e5f0e5
- editorIndentGuide.activeBackground1#0D948850
- editorIndentGuide.background1#cecece40
- editorInfo.foreground#2d99ff
- editorInlayHint.background#e8f0ec50
- editorInlayHint.foreground#5a7a5a
- editorInlayHint.parameterBackground#ebe8f40a
- editorInlayHint.parameterForeground#6040a0
- editorInlayHint.typeBackground#d0ece050
- editorInlayHint.typeForeground#1a6e4a
- editorLightBulb.foreground#c5952e
- editorLightBulbAi.foreground#2d99ff
- editorLightBulbAutoFix.foreground#22c55e
- editorLineNumber.activeForeground#0D9488
- editorLineNumber.foreground#b3bcbb
- editorLink.activeForeground#06da62
- editorOverviewRuler.addedForeground#22c55e90
- editorOverviewRuler.border#c0d0c380
- editorOverviewRuler.deletedForeground#d6454590
- editorOverviewRuler.errorForeground#d64545cc
- editorOverviewRuler.findMatchForeground#55c55580
- editorOverviewRuler.infoForeground#2d99ffcc
- editorOverviewRuler.modifiedForeground#07daff90
- editorOverviewRuler.rangeHighlightForeground#65d56580
- editorOverviewRuler.warningForeground#c5952ecc
- editorRuler.foreground#c5d5c560
- editorStickyScroll.background#f5faf5
- editorStickyScroll.border#c5d5c5
- editorStickyScroll.shadow#00000090
- editorStickyScrollHover.background#e5e5e5
- editorSuggestWidget.background#f0f5f0
- editorSuggestWidget.border#c5d5c5
- editorSuggestWidget.focusHighlightForeground#347534
- editorSuggestWidget.foreground#2d3d2d
- editorSuggestWidget.highlightForeground#347534
- editorSuggestWidget.selectedBackground#47967150
- editorSuggestWidget.selectedForeground#2d2d2d
- editorWarning.foreground#c5952e
- editorWhitespace.foreground#b3bcbb60
- editorWidget.background#f5faf5
- editorWidget.border#c0d0c3
- editorWidget.foreground#2d2d2d
- editorWidget.resizeBorder#479671
- extensionIcon.verifiedForeground#479671
- focusBorder#479671
- foreground#2d2d2d
- gitDecoration.addedResourceForeground#f0ae34
- gitDecoration.conflictingResourceForeground#00a1fe90
- gitDecoration.deletedResourceForeground#f07177f5
- gitDecoration.ignoredResourceForeground#61616190
- gitDecoration.modifiedResourceForeground#469b8b
- gitDecoration.renamedResourceForeground#f0ae34
- gitDecoration.stageDeletedResourceForeground#f0ae34
- gitDecoration.stageModifiedResourceForeground#f0ae34
- gitDecoration.submoduleResourceForeground#f0ae34
- gitDecoration.untrackedResourceForeground#287ce8
- icon.foreground#2d2d2d
- input.background#f5f5f5
- input.border#c5d5c5
- input.foreground#2d2d2d
- input.placeholderForeground#8a9a8a
- inputOption.activeBackground#47967160
- inputOption.activeForeground#2d2d2d
- inputValidation.errorBackground#d6454525
- inputValidation.errorBorder#d64545
- inputValidation.errorForeground#d64545
- inputValidation.infoBackground#2d99ff25
- inputValidation.infoBorder#2d99ff
- inputValidation.infoForeground#2d99ff
- inputValidation.warningBackground#c5952e25
- inputValidation.warningBorder#c5952e
- inputValidation.warningForeground#c5952e
- keybindingLabel.background#eaeaea
- keybindingLabel.border#cccccc00
- keybindingLabel.bottomBorder#5fc05c
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#47967140
- list.activeSelectionForeground#000000
- list.dropBackground#ffffff
- list.errorForeground#d64545
- list.focusBackground#d0e0d5
- list.focusForeground#2d3d2d
- list.focusOutline#479671
- list.highlightForeground#5fc05c
- list.hoverBackground#e5f0e5ad
- list.hoverForeground#2d2d2d
- list.inactiveSelectionBackground#e5e5e5
- list.inactiveSelectionForeground#2d2d2d
- list.invalidItemForeground#d64545
- list.warningForeground#F59E0B
- menu.background#f0f5f0
- menu.border#c0d0c0
- menu.foreground#2d3d2d
- menu.selectionBackground#47967155
- menu.selectionBorder#479671
- menu.selectionForeground#347534
- menu.separatorBackground#b0c0b0
- menubar.selectionBackground#47967135
- menubar.selectionBorder#479671
- menubar.selectionForeground#347534
- merge.border#479671
- merge.commonContentBackground#c5952e20
- merge.commonHeaderBackground#c5952e40
- merge.currentContentBackground#47967120
- merge.currentHeaderBackground#47967140
- merge.incomingContentBackground#4573ff20
- merge.incomingHeaderBackground#4573ff40
- minimap.background#eaeaea
- minimap.errorHighlight#d64545
- minimap.findMatchHighlight#4b8360cc
- minimap.selectionHighlight#55c55560
- minimap.warningHighlight#c5952e
- minimapGutter.addedBackground#22c55e
- minimapGutter.deletedBackground#d64545
- minimapGutter.modifiedBackground#07daffb7
- minimapSlider.activeBackground#47967160
- minimapSlider.background#47967140
- minimapSlider.hoverBackground#47967150
- notificationCenter.border#c0d0c3
- notificationCenterHeader.background#d0e0d4
- notificationCenterHeader.foreground#2eb82e
- notificationLink.foreground#479671
- notifications.background#e5e5e5
- notifications.border#c0d0c3
- notifications.foreground#2d2d2d
- notificationsErrorIcon.foreground#d64545
- notificationsInfoIcon.foreground#479671
- notificationsWarningIcon.foreground#c5952e
- notificationToast.border#c0d0c3
- panel.background#eaeaea
- panel.border#a5a5a570
- panelSection.border#c0d0c3
- panelSection.dropBackground#47967140
- panelSectionHeader.background#d0e0d4
- panelSectionHeader.foreground#3a9a3a
- panelTitle.activeBorder#347534
- panelTitle.activeForeground#2d2d2d
- panelTitle.inactiveForeground#656a65
- peekView.border#479671
- peekViewEditor.background#f5faf5
- peekViewEditor.matchHighlightBackground#47967140
- peekViewEditor.matchHighlightBorder#479671
- peekViewEditorGutter.background#f5faf5
- peekViewResult.background#eaeaea
- peekViewResult.fileForeground#2d2d2d
- peekViewResult.lineForeground#656a65
- peekViewResult.matchHighlightBackground#47967140
- peekViewResult.selectionBackground#c5d5c5
- peekViewResult.selectionForeground#2d2d2d
- peekViewTitle.background#f5f5f5
- peekViewTitleDescription.foreground#479671
- peekViewTitleLabel.foreground#2d2d2d
- problemsErrorIcon.foreground#d64545
- problemsInfoIcon.foreground#2d99ff
- problemsWarningIcon.foreground#c5952e
- progressBar.background#3a9a3a
- quickInput.background#f5faf5
- quickInput.foreground#1a1a1a
- quickInputList.focusBackground#5fc05c60
- quickInputList.focusForeground#1a1a1a
- quickInputList.focusIconForeground#2d2d2d
- sash.hoverBorder#479671
- scrollbar.shadow#ffffff18
- scrollbarSlider.activeBackground#7ab89780
- scrollbarSlider.background#7ab89740
- scrollbarSlider.hoverBackground#7ab89760
- selection.background#d0e5df
- settings.checkboxBackground#f5faf5
- settings.checkboxBorder#c5d5c5
- settings.checkboxForeground#479671
- settings.dropdownBackground#f5faf5
- settings.dropdownBorder#c5d5c5
- settings.dropdownForeground#2d2d2d
- settings.dropdownListBorder#479671
- settings.headerForeground#2d2d2d
- settings.modifiedItemIndicator#479671
- settings.numberInputBackground#f5faf5
- settings.numberInputBorder#c5d5c5
- settings.numberInputForeground#2d2d2d
- settings.textInputBackground#f5faf5
- settings.textInputBorder#c5d5c5
- settings.textInputForeground#2d2d2d
- sideBar.background#eaeaea
- sideBar.border#c0d0c380
- sideBar.foreground#4d5a5d
- sideBarSectionHeader.background#f5f5f5
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#479671
- sideBarTitle.foreground#2d2d2d
- statusBar.background#eaeaea
- statusBar.border#00000000
- statusBar.debuggingBackground#ffffff
- statusBar.debuggingForeground#000000
- statusBar.foreground#616161
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#61616f
- statusBarItem.activeBackground#f0717880
- statusBarItem.hoverBackground#eaeaea
- statusBarItem.hoverForeground#000000
- statusBarItem.prominentBackground#ffffff
- statusBarItem.remoteBackground#4fc68e
- statusBarItem.remoteForeground#232323
- statusBarItem.remoteHoverForeground#000000
- symbolIcon.arrayForeground#c5952e
- symbolIcon.booleanForeground#ff6941
- symbolIcon.classForeground#479671
- symbolIcon.colorForeground#9475ff
- symbolIcon.constantForeground#3a9a3a
- symbolIcon.constructorForeground#2d99ff
- symbolIcon.enumeratorForeground#c5952e
- symbolIcon.enumeratorMemberForeground#3a9a3a
- symbolIcon.eventForeground#d64545
- symbolIcon.fieldForeground#4573ff
- symbolIcon.fileForeground#2d2d2d
- symbolIcon.folderForeground#c5952e
- symbolIcon.functionForeground#2d99ff
- symbolIcon.interfaceForeground#4dc8ff
- symbolIcon.keyForeground#9475ff
- symbolIcon.keywordForeground#479671
- symbolIcon.methodForeground#2d99ff
- symbolIcon.moduleForeground#c5952e
- symbolIcon.namespaceForeground#c5952e
- symbolIcon.nullForeground#d64545
- symbolIcon.numberForeground#3a9a3a
- symbolIcon.objectForeground#c5952e
- symbolIcon.operatorForeground#4dc8ff
- symbolIcon.packageForeground#c5952e
- symbolIcon.propertyForeground#4573ff
- symbolIcon.referenceForeground#ff6941
- symbolIcon.snippetForeground#3a9a3a
- symbolIcon.stringForeground#3a9a3a
- symbolIcon.structForeground#2d99ff
- symbolIcon.textForeground#2d2d2d
- symbolIcon.typeParameterForeground#4dc8ff
- symbolIcon.unitForeground#4dc8ff
- symbolIcon.variableForeground#4573ff
- tab.activeBackground#ffffff
- tab.activeBorder#f5faf5
- tab.activeBorderTop#479671
- tab.activeForeground#2d2d2d
- tab.border#d0e0d4
- tab.hoverBackground#eff5f0
- tab.hoverBorder#d0e0d4
- tab.hoverForeground#2d3d2d
- tab.inactiveBackground#eaeaea
- tab.inactiveForeground#8a9a8a
- tab.unfocusedActiveForeground#6a7a6a
- tab.unfocusedInactiveForeground#a5b5a5
- terminal.ansiBlack#2d2d2d
- terminal.ansiBlue#4a90d9
- terminal.ansiBrightBlack#5a5a5a
- terminal.ansiBrightBlue#4dc9ff
- terminal.ansiBrightCyan#2db5c7
- terminal.ansiBrightGreen#2eb82e
- terminal.ansiBrightMagenta#a475ff
- terminal.ansiBrightRed#d55555
- terminal.ansiBrightWhite#2d2d2d
- terminal.ansiBrightYellow#c5952e
- terminal.ansiCyan#2d99ff
- terminal.ansiGreen#479671
- terminal.ansiMagenta#9475ff
- terminal.ansiRed#d64545
- terminal.ansiWhite#2d2d2d
- terminal.ansiYellow#c5952e
- terminal.background#f5f5f5
- terminal.foreground#2d3d2d
- terminal.selectionBackground#2d66ff80
- terminalCursor.background#eaeaea
- terminalCursor.foreground#479671
- testing.iconErrored#c5952e
- testing.iconFailed#d64545
- testing.iconPassed#479671
- testing.iconQueued#c5952e
- testing.iconSkipped#656a65
- testing.iconUnset#8a9a8a
- testing.message.error.lineBackground#d6454530
- testing.peekBorder#479671
- testing.peekHeaderBackground#f5faf5
- textBlockQuote.background#e5e5e5
- textBlockQuote.border#c0d0c3
- textCodeBlock.background#f5faf5
- textLink.activeForeground#06da62
- textLink.foreground#038c43
- textPreformat.foreground#f05800
- titleBar.activeBackground#eaeaea
- titleBar.activeForeground#2d2d2d
- titleBar.border#00000000
- titleBar.inactiveBackground#f5f5f5
- titleBar.inactiveForeground#8a9a8a
- toolbar.hoverBackground#f5faf5
- tree.indentGuidesStroke#47967150
- widget.border#c0d0c3
- widget.shadow#a0a0a060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #8c929a | italic |
| comment.block | #8c929a | italic |
| comment.block.documentation, comment.line.documentation | #7c828a | italic bold |
| string.quoted.astro | #1d6910 | — |
| source.astro | #2d2d2d | — |
| keyword.control | #7C3AED | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #c234ca | bold |
| keyword.control.new, keyword.operator.new | #c234ca | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #D97706 | — |
| keyword.control.async, keyword.control.await | #0891B2 | bold italic |
| keyword.other | #7C3AED | — |
| storage.type | #7C3AED | bold |
| storage.type.annotation | #0891B2 | — |
| storage.type.generic | #059669 | — |
| storage.type.function.arrow | #1F2937 | — |
| storage.modifier | #7C3AED | italic |
| storage.modifier.import | #2563EB | — |
| keyword.operator | #374151 | — |
| keyword.operator.assignment | #374151 | bold |
| keyword.operator.expression | #D97706 | — |
| keyword.operator.logical | #7C3AED | bold |
| keyword.operator.comparison | #7C3AED | — |
| keyword.operator.rest, keyword.operator.spread | #16A249 | — |
| keyword.operator.type.annotation | #1F2937 | — |
| keyword.operator.ternary | #D97706 | — |
| punctuation.accessor, punctuation.bracket, punctuation.definition, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.string, punctuation.section, punctuation.separator, punctuation.separator.dot-access, punctuation.terminator.statement | #c234ca | — |
| punctuation.definition.annotation | #0891B2 | — |
| variable.other, variable.object.property | #d8b056 | — |
| meta.block variable.other | #788494 | — |
| variable.other.constant | #0891B2 | bold |
| variable.other.readonly | #2563EB | — |
| variable.other.macro.argument | #7C3AED | — |
| variable.parameter, variable.parameter.probably | #04644f | italic |
| variable.language | #C026D3 | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #2563EB | — |
| entity.name.function | #0cd47a | bold |
| entity.name.method | #2563EB | bold |
| entity.name.function.constructor | #D97706 | bold |
| meta.function-call | #2563EB | — |
| meta.definition.function | #2563EB | — |
| meta.definition.method | #2563EB | — |
| meta.definition.property | #0F79AF | — |
| string.quoted.single, string.quoted.double | #1d6910 | — |
| string.template | #1d6910 | — |
| meta.template.expression | #D97706 | — |
| string.regexp | #0891B2 | — |
| string.other.link | #0891B2 | — |
| constant.numeric | #04644f | bold |
| constant.language | #16A249 | bold |
| constant.other.variable | #1d6910 | — |
| constant.character.escape | #0891B2 | — |
| entity.name.tag | #DC2626 | bold |
| entity.name.type | #D97706 | bold |
| entity.name.type.class | #D97706 | bold |
| entity.name.type.interface | #0891B2 | bold |
| entity.name.type.enum | #D97706 | bold |
| entity.name.type.module | #2563EB | — |
| entity.other | #D97706 | — |
| entity.other.attribute-name | #7C3AED | — |
| entity.scope.name | #0891B2 | — |
| support.type.primitive | #7C3AED | bold |
| support.type.property-name | #2563EB | — |
| support.type.builtin | #7C3AED | bold |
| support.function | #0F79AF | — |
| support.class | #D97706 | — |
| meta.brace | #1F2937 | — |
| meta.definition.variable | #0F79AF | — |
| meta.import | #1F2937 | — |
| meta.import string.quoted, meta.import.from string.quoted, meta.import.js string.quoted, meta.import.ts string.quoted, meta.import.astro string.quoted, meta.import string.quoted.single, meta.import string.quoted.double, meta.import string.quoted.single.astro, meta.import string.quoted.double.astro, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.ts, meta.import string.quoted.double.ts | #c234ca | — |
| meta.object-literal.key | #2563EB | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #0F79AF | — |
| support.type.property-name.css | #1F2937 | — |
| support.constant.property-value.css | #1d6910 | — |
| entity.other.attribute-name.id.css | #EA580C | — |
| entity.other.attribute-name.pseudo-class.css | #7C3AED | — |
| support.type.property-name.json | #EA580C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C026D3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0891B2 | — |
| string.quoted.double.json | #1d6910 | — |
| entity.name.tag.yaml | #D97706 | — |
| invalid | #EF4444 | bold underline |
| invalid.deprecated | #DC2626 | — |
| text.html.markdown fenced_code.block.language | #7C3AED | — |
| text.html.markdown markup.bold | #DB2777 | bold |
| text.html.markdown markup.italic | #DB2777 | italic |
| text.html.markdown markup.strikethrough | #DB2777 | strikethrough |
| text.html.markdown markup.inline.raw.string | #7C3AED | — |
| text.html.markdown markup.underline.link | #2563EB | — |
| text.html.markdown meta.paragraph | #1F2937 | — |
| text.html.markdown punctuation.definition.heading | #0891B2 | bold |
| text.html.markdown entity.name.section | #059669 | bold |
| text.html.markdown string.other.link.title | #1d6910 | — |
| text.html.markdown meta.separator | #aaaaaa | — |
| support.class.component.jsx, support.class.component.tsx | #d8b056 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #7C3AED | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #1F2937 | — |
| entity.name.type.ts, entity.name.type.tsx | #D97706 | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #0891B2 | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #2563EB | bold |
| punctuation.decorator | #0891B2 | bold |
| entity.name.function.decorator | #0891B2 | bold |
| support.function.magic.python | #7C3AED | bold italic |
| support.function.builtin.python | #2563EB | — |
| storage.type.function.lambda | #7C3AED | — |
| entity.name.type.parameter | #7C3AED | — |
| keyword.control.default | #16A249 | bold |
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.activeBackground#2db8b030
- activityBar.activeBorder#2db8b0
- activityBar.activeFocusBorder#2db8b0
- activityBar.background#111c21
- activityBar.border#111c21
- activityBar.foreground#c0d8dc
- activityBarBadge.background#2db8b0
- activityBarBadge.foreground#091418
- activityBarTop.foreground#2db8b0
- activityBarTop.inactiveForeground#3d5560
- banner.background#152028
- banner.foreground#ddeef0
- banner.iconForeground#2db8b0
- breadcrumb.activeSelectionForeground#3dd8ce
- breadcrumb.background#111c21
- breadcrumb.focusForeground#3dd8ce
- breadcrumb.foreground#5a7880
- breadcrumbPicker.background#111c21
- button.background#1d9e98
- button.foreground#ffffff
- button.hoverBackground#2db8b0
- button.secondaryBackground#152028
- button.secondaryForeground#2db8b0
- button.secondaryHoverBackground#1e3340
- charts.blue#2db8b0
- charts.foreground#ddeef0
- charts.green#1fa870
- charts.lines#1e3340
- charts.orange#e87850
- charts.purple#b898e8
- charts.red#f07075
- charts.yellow#d4a83a
- chat.avatarBackground#1a2c35
- chat.avatarForeground#ddeef0
- chat.requestBorder#1e3340
- commandCenter.activeBackground#152028
- commandCenter.background#0c1519
- commandCenter.border#1e3340
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#d4a83a
- debugIcon.restartForeground#2db8b0
- debugIcon.stopForeground#f07075
- debugToolBar.background#0f2230
- debugToolBar.border#1e3340
- diffEditor.diagonalFill#1e3340
- diffEditor.insertedLineBackground#2db8b010
- diffEditor.insertedTextBackground#2db8b020
- diffEditor.removedLineBackground#f0707510
- diffEditor.removedTextBackground#f0707518
- disabledForeground#3d5560
- dropdown.background#10191f
- dropdown.border#1e3340
- dropdown.foreground#ddeef0
- dropdown.listBackground#152028
- editor.background#10191f
- editor.findMatchBackground#2db8b070
- editor.findMatchBorder#3dd8ce
- editor.findMatchHighlightBackground#2db8b048
- editor.findMatchHighlightBorder#2db8b090
- editor.findRangeHighlightBackground#2db8b030
- editor.foldBackground#2db8b012
- editor.foreground#ddeef0
- editor.lineHighlightBackground#2db8b00a
- editor.lineHighlightBorder#1e3340
- editor.linkedEditingBackground#2db8b028
- editor.rangeHighlightBackground#6aaedd18
- editor.selectionBackground#2db8b050
- editor.selectionHighlightBackground#d4a83a1e
- editor.wordHighlightBackground#d4a83a22
- editor.wordHighlightStrongBackground#2db8b028
- editorBracketHighlight.foreground1#d4a83a
- editorBracketHighlight.foreground2#b898e8
- editorBracketHighlight.foreground3#2db8b0
- editorBracketHighlight.foreground4#e87850
- editorBracketHighlight.foreground5#6aaedd
- editorBracketHighlight.foreground6#3de070
- editorBracketHighlight.unexpectedBracket.foreground#f07075
- editorBracketMatch.background#2db8b022
- editorBracketMatch.border#2db8b085
- editorCodeLens.foreground#3d5560
- editorCursor.foreground#3dd8ce
- editorError.foreground#f07075
- editorGhostText.foreground#2a4050
- editorGroup.border#1e3340
- editorGroup.dropBackground#2db8b018
- editorGroup.emptyBackground#0c1519
- editorGroup.focusedEmptyBorder#2db8b0
- editorGroupHeader.border#10191f
- editorGroupHeader.noTabsBackground#111c21
- editorGroupHeader.tabsBackground#111c21
- editorGroupHeader.tabsBorder#1e3340
- editorGutter.addedBackground#1fa870
- editorGutter.deletedBackground#b84850
- editorGutter.foldingControlForeground#3d5560
- editorGutter.modifiedBackground#2db8b0
- editorHint.foreground#2db8b0
- editorHoverWidget.background#111c21
- editorHoverWidget.border#1e3340
- editorHoverWidget.foreground#ddeef0
- editorHoverWidget.statusBarBackground#1a2c35
- editorIndentGuide.activeBackground1#2db8b055
- editorIndentGuide.background1#1e334050
- editorInfo.foreground#2db8b0
- editorInlayHint.background#111c2160
- editorInlayHint.foreground#4e7585
- editorInlayHint.parameterBackground#281830a0
- editorInlayHint.parameterForeground#9870c8
- editorInlayHint.typeBackground#0d383860
- editorInlayHint.typeForeground#2db8b0
- editorLightBulb.foreground#d4a83a
- editorLightBulbAi.foreground#2db8b0
- editorLightBulbAutoFix.foreground#1fa870
- editorLineNumber.activeForeground#2db8b0
- editorLineNumber.foreground#1e3e48
- editorLink.activeForeground#3dd8ce
- editorOverviewRuler.addedForeground#1fa87090
- editorOverviewRuler.border#1e334070
- editorOverviewRuler.deletedForeground#b8485090
- editorOverviewRuler.errorForeground#f07075cc
- editorOverviewRuler.findMatchForeground#2db8b075
- editorOverviewRuler.infoForeground#2db8b0cc
- editorOverviewRuler.modifiedForeground#2db8b090
- editorOverviewRuler.rangeHighlightForeground#3dd8ce70
- editorOverviewRuler.warningForeground#d4a83acc
- editorRuler.foreground#1e334060
- editorStickyScroll.background#10191f
- editorStickyScroll.border#1e3340
- editorStickyScroll.shadow#00000092
- editorStickyScrollHover.background#1a2c35
- editorSuggestWidget.background#10191f
- editorSuggestWidget.border#1e3340
- editorSuggestWidget.focusHighlightForeground#3dd8ce
- editorSuggestWidget.foreground#ddeef0
- editorSuggestWidget.highlightForeground#3dd8ce
- editorSuggestWidget.selectedBackground#2db8b045
- editorSuggestWidget.selectedForeground#ddeef0
- editorWarning.foreground#d4a83a
- editorWhitespace.foreground#1e3e4860
- editorWidget.background#10191f
- editorWidget.border#1e3340
- editorWidget.foreground#ddeef0
- editorWidget.resizeBorder#2db8b0
- extensionIcon.verifiedForeground#2db8b0
- focusBorder#2db8b0
- foreground#ddeef0
- gitDecoration.addedResourceForeground#d4a83a
- gitDecoration.conflictingResourceForeground#6aaedd
- gitDecoration.deletedResourceForeground#f07075
- gitDecoration.ignoredResourceForeground#3d5560b8
- gitDecoration.modifiedResourceForeground#2db8b0
- gitDecoration.renamedResourceForeground#d4a83a
- gitDecoration.stageDeletedResourceForeground#d4a83a
- gitDecoration.stageModifiedResourceForeground#d4a83a
- gitDecoration.submoduleResourceForeground#d4a83a
- gitDecoration.untrackedResourceForeground#3de070
- icon.foreground#8aaab0
- input.background#111c21
- input.border#1e3340
- input.foreground#ddeef0
- input.placeholderForeground#3d5560
- inputOption.activeBackground#2db8b050
- inputOption.activeForeground#ddeef0
- inputValidation.errorBackground#f0707520
- inputValidation.errorBorder#b84850
- inputValidation.errorForeground#f07075
- inputValidation.infoBackground#2db8b020
- inputValidation.infoBorder#0d8880
- inputValidation.infoForeground#2db8b0
- inputValidation.warningBackground#d4a83a20
- inputValidation.warningBorder#a07820
- inputValidation.warningForeground#d4a83a
- keybindingLabel.background#1e3a44
- keybindingLabel.border#00000000
- keybindingLabel.bottomBorder#2db8b0
- keybindingLabel.foreground#ddeef0
- list.activeSelectionBackground#2db8b038
- list.activeSelectionForeground#ddeef0
- list.dropBackground#0c1519
- list.errorForeground#f07075
- list.focusBackground#1e3a44
- list.focusForeground#ddeef0
- list.focusOutline#2db8b0
- list.highlightForeground#ddeef0
- list.hoverBackground#1a2c35
- list.hoverForeground#ddeef0
- list.inactiveSelectionBackground#152028
- list.inactiveSelectionForeground#b0ccd0
- list.invalidItemForeground#f07075
- list.warningForeground#e8a84a
- menu.background#152028
- menu.border#1e3340
- menu.foreground#ddeef0
- menu.selectionBackground#2db8b048
- menu.selectionBorder#2db8b0
- menu.selectionForeground#3dd8ce
- menu.separatorBackground#1e3340
- menubar.selectionBackground#2db8b028
- menubar.selectionBorder#2db8b0
- menubar.selectionForeground#3dd8ce
- merge.border#2db8b0
- merge.commonContentBackground#d4a83a18
- merge.commonHeaderBackground#d4a83a38
- merge.currentContentBackground#2db8b018
- merge.currentHeaderBackground#2db8b038
- merge.incomingContentBackground#6aaedd18
- merge.incomingHeaderBackground#6aaedd38
- minimap.background#111c21
- minimap.errorHighlight#f07075
- minimap.findMatchHighlight#2db8b0c0
- minimap.selectionHighlight#2db8b058
- minimap.warningHighlight#d4a83a
- minimapGutter.addedBackground#1fa870
- minimapGutter.deletedBackground#b84850
- minimapGutter.modifiedBackground#2db8b0
- minimapSlider.activeBackground#2db8b068
- minimapSlider.background#2db8b038
- minimapSlider.hoverBackground#2db8b050
- notificationCenter.border#1e3340
- notificationCenterHeader.background#1a2c35
- notificationCenterHeader.foreground#2db8b0
- notificationLink.foreground#3dd8ce
- notifications.background#152028
- notifications.border#1e3340
- notifications.foreground#ddeef0
- notificationsErrorIcon.foreground#f07075
- notificationsInfoIcon.foreground#2db8b0
- notificationsWarningIcon.foreground#d4a83a
- notificationToast.border#1e3340
- panel.background#111c21
- panel.border#1e334060
- panelSection.border#1e3340
- panelSection.dropBackground#2db8b035
- panelSectionHeader.background#152028
- panelSectionHeader.foreground#2db8b0
- panelTitle.activeBorder#2db8b0
- panelTitle.activeForeground#ddeef0
- panelTitle.inactiveForeground#3d5560
- peekView.border#2db8b0
- peekViewEditor.background#10191f
- peekViewEditor.matchHighlightBackground#2db8b038
- peekViewEditor.matchHighlightBorder#2db8b0
- peekViewEditorGutter.background#10191f
- peekViewResult.background#111c21
- peekViewResult.fileForeground#ddeef0
- peekViewResult.lineForeground#5a7880
- peekViewResult.matchHighlightBackground#2db8b038
- peekViewResult.selectionBackground#1e3340
- peekViewResult.selectionForeground#ddeef0
- peekViewTitle.background#0c1519
- peekViewTitleDescription.foreground#2db8b0
- peekViewTitleLabel.foreground#ddeef0
- problemsErrorIcon.foreground#f07075
- problemsInfoIcon.foreground#2db8b0
- problemsWarningIcon.foreground#d4a83a
- progressBar.background#2db8b0
- quickInput.background#10191f
- quickInput.foreground#ddeef0
- quickInputList.focusBackground#2db8b065
- quickInputList.focusForeground#ddeef0
- quickInputList.focusIconForeground#ddeef0
- sash.hoverBorder#2db8b0
- scrollbar.shadow#0c151980
- scrollbarSlider.activeBackground#1a5a5878
- scrollbarSlider.background#1a5a5838
- scrollbarSlider.hoverBackground#1a5a5858
- selection.background#0e4848
- settings.checkboxBackground#10191f
- settings.checkboxBorder#1e3340
- settings.checkboxForeground#2db8b0
- settings.dropdownBackground#10191f
- settings.dropdownBorder#1e3340
- settings.dropdownForeground#ddeef0
- settings.dropdownListBorder#2db8b0
- settings.headerForeground#ddeef0
- settings.modifiedItemIndicator#2db8b0
- settings.numberInputBackground#10191f
- settings.numberInputBorder#1e3340
- settings.numberInputForeground#ddeef0
- settings.textInputBackground#10191f
- settings.textInputBorder#1e3340
- settings.textInputForeground#ddeef0
- sideBar.background#111c21
- sideBar.border#1e334070
- sideBar.foreground#8aaab0
- sideBarSectionHeader.background#0c1519
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#2db8b0
- sideBarTitle.foreground#c0d8dc
- statusBar.background#111c21
- statusBar.border#00000000
- statusBar.debuggingBackground#1a3848
- statusBar.debuggingForeground#ddeef0
- statusBar.foreground#4e7585
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#6a9098
- statusBarItem.activeBackground#2db8b018
- statusBarItem.hoverBackground#1a2c35
- statusBarItem.hoverForeground#ddeef0
- statusBarItem.prominentBackground#1a3a3a
- statusBarItem.remoteBackground#0a6e68
- statusBarItem.remoteForeground#e8f8f8
- statusBarItem.remoteHoverForeground#ddeef0
- symbolIcon.arrayForeground#d4a83a
- symbolIcon.booleanForeground#e87850
- symbolIcon.classForeground#2db8b0
- symbolIcon.colorForeground#b898e8
- symbolIcon.constantForeground#3dd8ce
- symbolIcon.constructorForeground#6aaedd
- symbolIcon.enumeratorForeground#d4a83a
- symbolIcon.enumeratorMemberForeground#2db8b0
- symbolIcon.eventForeground#f07075
- symbolIcon.fieldForeground#6aaedd
- symbolIcon.fileForeground#ddeef0
- symbolIcon.folderForeground#d4a83a
- symbolIcon.functionForeground#6aaedd
- symbolIcon.interfaceForeground#2db8b0
- symbolIcon.keyForeground#b898e8
- symbolIcon.keywordForeground#2db8b0
- symbolIcon.methodForeground#6aaedd
- symbolIcon.moduleForeground#d4a83a
- symbolIcon.namespaceForeground#e87850
- symbolIcon.nullForeground#f07075
- symbolIcon.numberForeground#d4a83a
- symbolIcon.objectForeground#d4a83a
- symbolIcon.operatorForeground#5a7880
- symbolIcon.packageForeground#d4a83a
- symbolIcon.propertyForeground#6aaedd
- symbolIcon.referenceForeground#e87850
- symbolIcon.snippetForeground#3dd8ce
- symbolIcon.stringForeground#2db8b0
- symbolIcon.structForeground#6aaedd
- symbolIcon.textForeground#c0d8dc
- symbolIcon.typeParameterForeground#b898e8
- symbolIcon.unitForeground#2db8b0
- symbolIcon.variableForeground#8aaab0
- tab.activeBackground#10191f
- tab.activeBorder#10191f
- tab.activeBorderTop#2db8b0
- tab.activeForeground#ddeef0
- tab.border#1e3340
- tab.hoverBackground#1a2c35
- tab.hoverBorder#1e3340
- tab.hoverForeground#b0ccd0
- tab.inactiveBackground#111c21
- tab.inactiveForeground#3d5560
- tab.unfocusedActiveForeground#6a9098
- tab.unfocusedInactiveForeground#2e4a52
- terminal.ansiBlack#111c21
- terminal.ansiBlue#6aaedd
- terminal.ansiBrightBlack#3d5560
- terminal.ansiBrightBlue#60c8f0
- terminal.ansiBrightCyan#3dd8ce
- terminal.ansiBrightGreen#3de070
- terminal.ansiBrightMagenta#c898f0
- terminal.ansiBrightRed#f09090
- terminal.ansiBrightWhite#eef8f8
- terminal.ansiBrightYellow#e8cc60
- terminal.ansiCyan#2db8b0
- terminal.ansiGreen#1fa870
- terminal.ansiMagenta#a870d8
- terminal.ansiRed#e05858
- terminal.ansiWhite#b0ccd0
- terminal.ansiYellow#c8a030
- terminal.background#0c1519
- terminal.foreground#c8e8e8
- terminal.selectionBackground#2db8b070
- terminalCursor.background#111c21
- terminalCursor.foreground#2db8b0
- testing.iconErrored#d4a83a
- testing.iconFailed#f07075
- testing.iconPassed#1fa870
- testing.iconQueued#d4a83a
- testing.iconSkipped#5a7880
- testing.iconUnset#3d5560
- testing.message.error.lineBackground#f0707528
- testing.peekBorder#2db8b0
- testing.peekHeaderBackground#10191f
- textBlockQuote.background#111c21b8
- textBlockQuote.border#1e5858
- textCodeBlock.background#111c21
- textLink.activeForeground#3dd8ce
- textLink.foreground#2db8b0
- textPreformat.foreground#d4a83a
- titleBar.activeBackground#111c21
- titleBar.activeForeground#ddeef0
- titleBar.border#00000000
- titleBar.inactiveBackground#0c1519
- titleBar.inactiveForeground#4e7585
- toolbar.hoverBackground#ffffff18
- tree.indentGuidesStroke#2db8b040
- widget.border#1e3340
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #2e5060 | italic |
| comment.block | #2e5060 | italic |
| comment.block.documentation, comment.line.documentation | #3a6070 | italic bold |
| string.quoted.astro | #2db8b0 | — |
| source.astro | #ddeef0 | — |
| keyword.control | #e87850 | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #e87850 | bold |
| keyword.control.new, keyword.operator.new | #f07075 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #8aaab0 | — |
| keyword.control.async, keyword.control.await | #3dd8ce | bold italic |
| keyword.other | #d4a83a | — |
| storage.type | #d4a83a | bold |
| storage.type.annotation | #c870a0 | — |
| storage.type.generic | #e89858 | — |
| storage.type.function.arrow | #7a9098 | — |
| storage.modifier | #e87850 | italic |
| storage.modifier.import | #2db8b0 | — |
| keyword.operator | #5a8898 | — |
| keyword.operator.assignment | #5a8898 | bold |
| keyword.operator.expression | #e87850 | — |
| keyword.operator.logical | #c898e8 | bold |
| keyword.operator.comparison | #c898e8 | — |
| keyword.operator.rest, keyword.operator.spread | #2db8b0 | — |
| keyword.operator.type.annotation | #7a9098 | — |
| keyword.operator.ternary | #e87850 | — |
| punctuation.accessor, punctuation.bracket, punctuation.definition, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.string, punctuation.section, punctuation.separator, punctuation.separator.dot-access, punctuation.terminator.statement | #3a6878 | — |
| punctuation.definition.annotation | #c870a0 | — |
| variable.other, variable.object.property | #e89858 | — |
| meta.block variable.other | #c0d8dc | — |
| variable.other.constant | #3dd8ce | bold |
| variable.other.readonly | #6aaedd | — |
| variable.other.macro.argument | #c898e8 | — |
| variable.parameter, variable.parameter.probably | #6aaedd | italic |
| variable.language | #f07075 | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #6aaedd | — |
| entity.name.function | #2db8b0 | bold |
| entity.name.method | #3dd8ce | bold |
| entity.name.function.constructor | #e87850 | bold |
| meta.function-call | #2db8b0 | — |
| meta.definition.function | #2db8b0 | — |
| meta.definition.method | #2db8b0 | — |
| meta.definition.property | #98bcc0 | — |
| string.quoted.single, string.quoted.double | #2db8b0 | — |
| string.template | #2db8b0 | — |
| meta.template.expression | #e87850 | — |
| string.regexp | #3de070 | — |
| string.other.link | #3dd8ce | — |
| constant.numeric | #6aaedd | bold |
| constant.language | #3dd8ce | bold |
| constant.other.variable | #2db8b0 | — |
| constant.character.escape | #3de070 | — |
| entity.name.tag | #e04868 | bold |
| entity.name.type | #e89858 | bold |
| entity.name.type.class | #e89858 | bold |
| entity.name.type.interface | #3dd8ce | bold |
| entity.name.type.enum | #d4a83a | bold |
| entity.name.type.module | #2db8b0 | — |
| entity.other | #e89858 | — |
| entity.other.attribute-name | #e87850 | — |
| entity.scope.name | #2db8b0 | — |
| support.type.primitive | #e87850 | bold |
| support.type.property-name | #2db8b0 | — |
| support.type.builtin | #e87850 | bold |
| support.function | #d4a83a | — |
| support.class | #e89858 | — |
| meta.brace | #7a9098 | — |
| meta.definition.variable | #98bcc0 | — |
| meta.import | #c0d8dc | — |
| meta.import string.quoted, meta.import.from string.quoted, meta.import.js string.quoted, meta.import.ts string.quoted, meta.import.astro string.quoted, meta.import string.quoted.single, meta.import string.quoted.double, meta.import string.quoted.single.astro, meta.import string.quoted.double.astro, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.ts, meta.import string.quoted.double.ts | #e87850 | — |
| meta.object-literal.key | #3dd8ce | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #e87850 | — |
| support.type.property-name.css | #c870a0 | — |
| support.constant.property-value.css | #2db8b0 | — |
| entity.other.attribute-name.id.css | #3dd8ce | — |
| entity.other.attribute-name.pseudo-class.css | #c898e8 | — |
| support.type.property-name.json | #e87850 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c898e8 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #6aaedd | — |
| string.quoted.double.json | #2db8b0 | — |
| entity.name.tag.yaml | #e87850 | — |
| invalid | #f07075 | bold underline |
| invalid.deprecated | #c870a0 | — |
| text.html.markdown fenced_code.block.language | #9870c8 | — |
| text.html.markdown markup.bold | #e87850 | bold |
| text.html.markdown markup.italic | #c898e8 | italic |
| text.html.markdown markup.strikethrough | #f07075 | strikethrough |
| text.html.markdown markup.inline.raw.string | #3de070 | — |
| text.html.markdown markup.underline.link | #6aaedd | — |
| text.html.markdown meta.paragraph | #b0ccd0 | — |
| text.html.markdown punctuation.definition.heading | #d4a83a | bold |
| text.html.markdown entity.name.section | #e8d040 | bold |
| text.html.markdown string.other.link.title | #2db8b0 | — |
| text.html.markdown meta.separator | #4a7080 | — |
| support.class.component.jsx, support.class.component.tsx | #e89858 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #f08898 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #7a9098 | — |
| entity.name.type.ts, entity.name.type.tsx | #e89858 | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #3dd8ce | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #6aaedd | bold |
| punctuation.decorator | #2db8b0 | bold |
| entity.name.function.decorator | #2db8b0 | bold |
| support.function.magic.python | #c898e8 | bold italic |
| support.function.builtin.python | #2db8b0 | — |
| storage.type.function.lambda | #c898e8 | — |
| entity.name.type.parameter | #c898e8 | — |
| keyword.control.default | #2db8b0 | bold |
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.activeBackground#e8d5c4
- activityBar.activeBorder#b19b7d
- activityBar.activeFocusBorder#b19b7d
- activityBar.background#f2e6d3
- activityBar.border#f2e6d3
- activityBar.foreground#4a3f35
- activityBarBadge.background#8b7865
- activityBarBadge.foreground#f2e6d3
- activityBarTop.foreground#a76913
- activityBarTop.inactiveForeground#a0927f
- banner.background#f2e6d3
- banner.foreground#4a3f35
- banner.iconForeground#b19b7d
- breadcrumb.activeSelectionForeground#b19b7d
- breadcrumb.background#e8d5c4
- breadcrumb.focusForeground#4a3f35
- breadcrumb.foreground#8a7b6d
- breadcrumbPicker.background#e8d5c4
- button.background#cbb8a0
- button.foreground#6b5d4f
- button.hoverBackground#dfccb5
- button.secondaryBackground#e8d5c4
- button.secondaryForeground#453b30
- button.secondaryHoverBackground#cbb5a1
- charts.blue#b19b7d
- charts.foreground#6b5d4f
- charts.green#8b7865
- charts.lines#dcc5a9
- charts.orange#d4bfa0
- charts.purple#c4a894
- charts.red#b5836a
- charts.yellow#c4a373
- chat.avatarBackground#e8d5c4
- chat.avatarForeground#4a3f35
- chat.requestBorder#d4c4a8
- commandCenter.activeBackground#f2e6d3
- commandCenter.background#e8d5c4
- commandCenter.border#d4c4a8
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#c4a373
- debugIcon.restartForeground#9db1c6
- debugIcon.stopForeground#b5836a
- debugToolBar.background#e8d5c4
- debugToolBar.border#d4c4a8
- diffEditor.diagonalFill#faf5ea20
- diffEditor.insertedLineBackground#c4b59810
- diffEditor.insertedTextBackground#c4b59814
- diffEditor.removedLineBackground#d4bfa010
- diffEditor.removedTextBackground#d4bfa000
- disabledForeground#a0927f
- dropdown.background#e8d5c4
- dropdown.border#d4c4a8
- dropdown.foreground#4a3f35
- dropdown.listBackground#f2e6d3
- editor.background#f5ead6
- editor.findMatchBackground#e8d5c4
- editor.findMatchBorder#c4a373
- editor.findMatchHighlightBackground#c4a373e3
- editor.findMatchHighlightBorder#b5936b
- editor.findRangeHighlightBackground#c4a37330
- editor.foldBackground#b19b7d10
- editor.foreground#4a3f35
- editor.lineHighlightBackground#f8edde
- editor.lineHighlightBorder#00000012
- editor.linkedEditingBackground#b19b7d30
- editor.rangeHighlightBackground#9db1c60d
- editor.selectionBackground#a0927f50
- editor.selectionHighlightBackground#c4a37320
- editor.wordHighlightBackground#d4bfa030
- editor.wordHighlightStrongBackground#c4b59830
- editorBracketHighlight.foreground1#c4a894
- editorBracketHighlight.foreground2#d4bfa0
- editorBracketHighlight.foreground3#c4a894
- editorBracketHighlight.foreground4#c4a894
- editorBracketHighlight.foreground5#8b7865
- editorBracketHighlight.foreground6#c4a373
- editorBracketHighlight.unexpectedBracket.foreground#b5836a
- editorBracketMatch.background#dcc5a960
- editorBracketMatch.border#8b7865
- editorCodeLens.foreground#a0927f
- editorCursor.foreground#8b7865
- editorError.foreground#b5836a
- editorGhostText.foreground#9d8a78
- editorGroup.border#dcc5a9
- editorGroup.dropBackground#b19b7d20
- editorGroup.emptyBackground#f5ead8
- editorGroup.focusedEmptyBorder#b19b7d
- editorGroupHeader.border#e0d0b5
- editorGroupHeader.noTabsBackground#ede0cd
- editorGroupHeader.tabsBackground#f3e6d4
- editorGroupHeader.tabsBorder#d4c4a8
- editorGutter.addedBackground#22c55e
- editorGutter.deletedBackground#b5836a
- editorGutter.foldingControlForeground#a0927f
- editorGutter.modifiedBackground#9db1c6b7
- editorHint.foreground#a76913
- editorHoverWidget.background#f5ead8
- editorHoverWidget.border#dcc5a9
- editorHoverWidget.foreground#4a3f35
- editorHoverWidget.statusBarBackground#6b5d4f
- editorIndentGuide.activeBackground1#b19b7d50
- editorIndentGuide.background1#d6cfbf40
- editorInfo.foreground#9db1c6
- editorInlayHint.background#f8efe250
- editorInlayHint.foreground#a0927f
- editorInlayHint.parameterBackground#8250df15
- editorInlayHint.parameterForeground#8250df
- editorInlayHint.typeBackground#c4a37330
- editorInlayHint.typeForeground#b19b7d
- editorLightBulb.foreground#c4a373
- editorLightBulbAi.foreground#d47f3a
- editorLightBulbAutoFix.foreground#22c55e
- editorLineNumber.activeForeground#b19b7d
- editorLineNumber.foreground#d4c4a8
- editorLink.activeForeground#8b7865
- editorOverviewRuler.addedForeground#22c55e90
- editorOverviewRuler.border#d4c4a850
- editorOverviewRuler.deletedForeground#b5836a90
- editorOverviewRuler.errorForeground#b5836acc
- editorOverviewRuler.findMatchForeground#b19b7dfa
- editorOverviewRuler.infoForeground#9db1c6cc
- editorOverviewRuler.modifiedForeground#9db1c690
- editorOverviewRuler.rangeHighlightForeground#9db1c6fa
- editorOverviewRuler.warningForeground#c4a373cc
- editorRuler.foreground#d4c4a860
- editorStickyScroll.background#e8d5c4
- editorStickyScroll.border#d4c4a8
- editorStickyScroll.shadow#d4c4a830
- editorStickyScrollHover.background#dcc5a9
- editorSuggestWidget.background#f5ead8
- editorSuggestWidget.border#ede0cd
- editorSuggestWidget.focusHighlightForeground#8b7865
- editorSuggestWidget.foreground#4a3f35
- editorSuggestWidget.highlightForeground#b19b7d
- editorSuggestWidget.selectedBackground#c4b59863
- editorSuggestWidget.selectedForeground#4a3f35
- editorWarning.foreground#c4a373
- editorWhitespace.foreground#d4c4a860
- editorWidget.background#e8d5c4
- editorWidget.border#f2e6d3
- editorWidget.foreground#4a3f35
- editorWidget.resizeBorder#b19b7d
- extensionIcon.verifiedForeground#b19b7d
- focusBorder#e4aa70
- foreground#4a3f35
- gitDecoration.addedResourceForeground#f0ae34
- gitDecoration.conflictingResourceForeground#9db1c690
- gitDecoration.deletedResourceForeground#f07177f5
- gitDecoration.ignoredResourceForeground#a0927f90
- gitDecoration.modifiedResourceForeground#b5836a
- gitDecoration.renamedResourceForeground#f0ae34
- gitDecoration.stageDeletedResourceForeground#f0ae34
- gitDecoration.stageModifiedResourceForeground#f0ae34
- gitDecoration.submoduleResourceForeground#f0ae34
- gitDecoration.untrackedResourceForeground#a85a4c
- icon.foreground#4a3f35
- input.background#e8d5c4
- input.border#f2e6d3
- input.foreground#4a3f35
- input.placeholderForeground#a0927f
- inputOption.activeBackground#e8d5c450
- inputOption.activeForeground#4a3f35
- inputValidation.errorBackground#f5ead8
- inputValidation.errorBorder#d4bfa0
- inputValidation.errorForeground#b5836a
- inputValidation.infoBackground#f6f8fa
- inputValidation.infoBorder#b5c8d8
- inputValidation.infoForeground#9db1c6
- inputValidation.warningBackground#f8f0e5
- inputValidation.warningBorder#dcc189
- inputValidation.warningForeground#c4a373
- keybindingLabel.background#f8efe2
- keybindingLabel.border#4a3f3500
- keybindingLabel.bottomBorder#b19b7d
- keybindingLabel.foreground#4a3f35
- list.activeSelectionBackground#e8d5c4
- list.activeSelectionForeground#000000
- list.dropBackground#8a7b6d
- list.errorForeground#b5836a
- list.focusBackground#dcc5a9
- list.focusForeground#4a3f35
- list.focusOutline#b19b7d
- list.highlightForeground#9db1c6
- list.hoverBackground#e8d5c4
- list.hoverForeground#4a3f35
- list.inactiveSelectionBackground#e8d5c4
- list.inactiveSelectionForeground#4a3f35
- list.invalidItemForeground#b5836a
- list.warningForeground#F59E0B
- menu.background#f2e6d3
- menu.border#d4c4a8
- menu.foreground#443c33
- menu.selectionBackground#e8d5c450
- menu.selectionBorder#d4c4a8
- menu.selectionForeground#6b5d4f
- menu.separatorBackground#d4c4a8
- menubar.selectionBackground#d4c4a830
- menubar.selectionBorder#b19b7d
- menubar.selectionForeground#6b5d4f
- merge.border#b19b7d
- merge.commonContentBackground#c4a37315
- merge.commonHeaderBackground#c4a37330
- merge.currentContentBackground#8b786515
- merge.currentHeaderBackground#8b786530
- merge.incomingContentBackground#b19b7d15
- merge.incomingHeaderBackground#9db1c630
- minimap.background#f2e6d3
- minimap.errorHighlight#b5836a
- minimap.findMatchHighlight#b19b7d30
- minimap.selectionHighlight#b19b7d50
- minimap.warningHighlight#c4a373
- minimapGutter.addedBackground#22c55e
- minimapGutter.deletedBackground#b5836a
- minimapGutter.modifiedBackground#9db1c6b7
- minimapSlider.activeBackground#8a7b6d50
- minimapSlider.background#8a7b6d30
- minimapSlider.hoverBackground#8a7b6d40
- notificationCenter.border#d4c4a8
- notificationCenterHeader.background#f2e6d3
- notificationCenterHeader.foreground#4a3f35
- notificationLink.foreground#b19b7d
- notifications.background#f8efe2
- notifications.border#d4c4a8
- notifications.foreground#4a3f35
- notificationsErrorIcon.foreground#b5836a
- notificationsInfoIcon.foreground#b19b7d
- notificationsWarningIcon.foreground#c4a373
- notificationToast.border#d4c4a8
- panel.background#f2e6d3
- panel.border#a0927f60
- panelSection.border#d4c4a8
- panelSection.dropBackground#dcc5a9
- panelSectionHeader.background#e8d5c4
- panelSectionHeader.foreground#4a3f35
- panelTitle.activeBorder#b19b7d
- panelTitle.activeForeground#8b7865
- panelTitle.inactiveForeground#4a3f35
- peekView.border#b19b7d
- peekViewEditor.background#f5ead8
- peekViewEditor.matchHighlightBackground#b19b7d40
- peekViewEditor.matchHighlightBorder#b19b7d
- peekViewEditorGutter.background#f5ead8
- peekViewResult.background#ede0cd
- peekViewResult.fileForeground#6b5d4f
- peekViewResult.lineForeground#8a7b6d
- peekViewResult.matchHighlightBackground#b19b7d40
- peekViewResult.selectionBackground#dcc5a9
- peekViewResult.selectionForeground#6b5d4f
- peekViewTitle.background#f5ead8
- peekViewTitleDescription.foreground#b19b7d
- peekViewTitleLabel.foreground#6b5d4f
- problemsErrorIcon.foreground#b5836a
- problemsInfoIcon.foreground#9db1c6
- problemsWarningIcon.foreground#c4a373
- progressBar.background#c4b598
- quickInput.background#e8d5c4
- quickInput.foreground#6b5d4f
- quickInputList.focusBackground#b19b7de3
- quickInputList.focusForeground#4a3f35
- quickInputList.focusIconForeground#4a3f35
- sash.hoverBorder#b19b7d
- scrollbar.shadow#ffffff18
- scrollbarSlider.activeBackground#b5a99f80
- scrollbarSlider.background#b5a99f40
- scrollbarSlider.hoverBackground#b5a99f60
- selection.background#ffffff
- settings.checkboxBackground#f5ead8
- settings.checkboxBorder#dcc5a9
- settings.checkboxForeground#b19b7d
- settings.dropdownBackground#f5ead8
- settings.dropdownBorder#dcc5a9
- settings.dropdownForeground#6b5d4f
- settings.dropdownListBorder#b19b7d
- settings.headerForeground#6b5d4f
- settings.modifiedItemIndicator#b19b7d
- settings.numberInputBackground#f5ead8
- settings.numberInputBorder#dcc5a9
- settings.numberInputForeground#6b5d4f
- settings.textInputBackground#f5ead8
- settings.textInputBorder#dcc5a9
- settings.textInputForeground#6b5d4f
- sideBar.background#f2e6d3
- sideBar.border#d4c4a850
- sideBar.foreground#6b5d4f
- sideBarSectionHeader.background#e8d5c4
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#8b7865
- sideBarTitle.foreground#4a3f35
- statusBar.background#f2e6d3
- statusBar.border#00000000
- statusBar.debuggingBackground#eccfb6
- statusBar.debuggingForeground#4a3f35
- statusBar.foreground#8a7b6d
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#8a7b6d
- statusBarItem.activeBackground#c4a37380
- statusBarItem.hoverBackground#fdf4e5
- statusBarItem.hoverForeground#000000
- statusBarItem.prominentBackground#e8d5c4
- statusBarItem.remoteBackground#b19b7d
- statusBarItem.remoteForeground#101010
- statusBarItem.remoteHoverForeground#000000
- symbolIcon.arrayForeground#c4a373
- symbolIcon.booleanForeground#b5836a
- symbolIcon.classForeground#c4a373
- symbolIcon.colorForeground#c4a894
- symbolIcon.constantForeground#9db1c6
- symbolIcon.constructorForeground#c4a894
- symbolIcon.enumeratorForeground#c4a373
- symbolIcon.enumeratorMemberForeground#8b7865
- symbolIcon.eventForeground#b5836a
- symbolIcon.fieldForeground#9db1c6
- symbolIcon.fileForeground#4a3f35
- symbolIcon.folderForeground#c4a373
- symbolIcon.functionForeground#c4a894
- symbolIcon.interfaceForeground#b19b7d
- symbolIcon.keyForeground#c4a894
- symbolIcon.keywordForeground#c4a373
- symbolIcon.methodForeground#c4a894
- symbolIcon.moduleForeground#c4a373
- symbolIcon.namespaceForeground#c4a373
- symbolIcon.nullForeground#b5836a
- symbolIcon.numberForeground#9db1c6
- symbolIcon.objectForeground#c4a373
- symbolIcon.operatorForeground#6b5d4f
- symbolIcon.packageForeground#c4a373
- symbolIcon.propertyForeground#9db1c6
- symbolIcon.referenceForeground#b5836a
- symbolIcon.snippetForeground#8b7865
- symbolIcon.stringForeground#a8beb5
- symbolIcon.structForeground#c4a894
- symbolIcon.textForeground#4a3f35
- symbolIcon.typeParameterForeground#6b5d4f
- symbolIcon.unitForeground#6b5d4f
- symbolIcon.variableForeground#9db1c6
- tab.activeBackground#e8d5c4
- tab.activeBorder#e8d5c4
- tab.activeBorderTop#b19b7d
- tab.activeForeground#4a3f35
- tab.border#d4c4a8
- tab.hoverBackground#ede0cd
- tab.hoverBorder#d4c4a8
- tab.hoverForeground#4a3f35
- tab.inactiveBackground#f2e6d3
- tab.inactiveForeground#8a7b6d
- tab.unfocusedActiveForeground#6b5d4f
- tab.unfocusedInactiveForeground#8a7b6d
- terminal.ansiBlack#4a3f35
- terminal.ansiBlue#7faacc
- terminal.ansiBrightBlack#8a7b6d
- terminal.ansiBrightBlue#b5c8d8
- terminal.ansiBrightCyan#a8beb5
- terminal.ansiBrightGreen#d49d3a
- terminal.ansiBrightMagenta#d4bfa0
- terminal.ansiBrightRed#d4bfa0
- terminal.ansiBrightWhite#faf5ea
- terminal.ansiBrightYellow#dcc189
- terminal.ansiCyan#d47f3a
- terminal.ansiGreen#b19b7d
- terminal.ansiMagenta#c4a894
- terminal.ansiRed#b5836a
- terminal.ansiWhite#f2e6d3
- terminal.ansiYellow#c4a373
- terminal.background#f8f0e5
- terminal.foreground#6b5d4f
- terminal.selectionBackground#9db1c6
- terminalCursor.background#4a3f35
- terminalCursor.foreground#b19b7d
- testing.iconErrored#c4a373
- testing.iconFailed#b5836a
- testing.iconPassed#8b7865
- testing.iconQueued#c4a373
- testing.iconSkipped#a0927f
- testing.iconUnset#8a7b6d
- testing.message.error.lineBackground#b5836a20
- testing.peekBorder#b19b7d
- testing.peekHeaderBackground#e8d5c4
- textBlockQuote.background#f8f0e5
- textBlockQuote.border#d4c4a8
- textCodeBlock.background#fff4eb
- textLink.activeForeground#8b7865
- textLink.foreground#b19b7d
- textPreformat.foreground#c4a373
- titleBar.activeBackground#f2e6d3
- titleBar.activeForeground#6b5d4f
- titleBar.border#00000000
- titleBar.inactiveBackground#f2e6d3
- titleBar.inactiveForeground#8a7b6d
- toolbar.hoverBackground#f8efe2
- tree.indentGuidesStroke#c4b598
- widget.border#dcc5a9
- widget.shadow#8a7b6d50
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #9a8b7a | italic |
| comment.block | #9a8b7a | italic |
| comment.block.documentation, comment.line.documentation | #8a7b6a | italic bold |
| string.quoted.astro | #23ab98 | — |
| source.astro | #4a3f35 | — |
| keyword.control | #cf222e | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #cf222e | bold |
| keyword.control.new, keyword.operator.new | #cf222e | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #0969da | — |
| keyword.control.async, keyword.control.await | #8250df | bold italic |
| keyword.other | #cf222e | — |
| storage.type | #cf222e | bold |
| storage.type.annotation | #6f42c1 | — |
| storage.type.generic | #953800 | — |
| storage.type.function.arrow | #24292e | — |
| storage.modifier | #cf222e | italic |
| storage.modifier.import | #0969da | — |
| keyword.operator | #24292e | — |
| keyword.operator.assignment | #24292e | bold |
| keyword.operator.expression | #8c43ee | — |
| keyword.operator.logical | #8250df | bold |
| keyword.operator.comparison | #8250df | — |
| keyword.operator.rest, keyword.operator.spread | #116329 | — |
| keyword.operator.type.annotation | #24292e | — |
| keyword.operator.ternary | #8c43ee | — |
| punctuation.accessor, punctuation.bracket, punctuation.definition, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.string, punctuation.section, punctuation.separator, punctuation.separator.dot-access, punctuation.terminator.statement | #8c43ee | — |
| punctuation.definition.annotation | #6f42c1 | — |
| variable.other, variable.object.property | #953800 | — |
| meta.block variable.other | #5b636d | — |
| variable.other.constant | #0550ae | bold |
| variable.other.readonly | #0969da | — |
| variable.other.macro.argument | #8250df | — |
| variable.parameter, variable.parameter.probably | #0550ae | italic |
| variable.language | #cf222e | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #0969da | — |
| entity.name.function | #f99b54 | bold |
| entity.name.method | #8250df | bold |
| entity.name.function.constructor | #953800 | bold |
| meta.function-call | #8250df | — |
| meta.definition.function | #8250df | — |
| meta.definition.method | #8250df | — |
| meta.definition.property | #0969da | — |
| string.quoted.single, string.quoted.double | #23ab98 | — |
| string.template | #23ab98 | — |
| meta.template.expression | #8c43ee | — |
| string.regexp | #0969da | — |
| string.other.link | #0969da | — |
| constant.numeric | #0550ae | bold |
| constant.language | #0550ae | bold |
| constant.other.variable | #23ab98 | — |
| constant.character.escape | #0969da | — |
| entity.name.tag | #116329 | bold |
| entity.name.type | #953800 | bold |
| entity.name.type.class | #953800 | bold |
| entity.name.type.interface | #0969da | bold |
| entity.name.type.enum | #953800 | bold |
| entity.name.type.module | #0969da | — |
| entity.other | #953800 | — |
| entity.other.attribute-name | #c142a6 | — |
| entity.scope.name | #0969da | — |
| support.type.primitive | #cf222e | bold |
| support.type.property-name | #0969da | — |
| support.type.builtin | #cf222e | bold |
| support.function | #8250df | — |
| support.class | #953800 | — |
| meta.brace | #24292e | — |
| meta.definition.variable | #0969da | — |
| meta.import | #24292e | — |
| meta.import string.quoted, meta.import.from string.quoted, meta.import.js string.quoted, meta.import.ts string.quoted, meta.import.astro string.quoted, meta.import string.quoted.single, meta.import string.quoted.double, meta.import string.quoted.single.astro, meta.import string.quoted.double.astro, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.ts, meta.import string.quoted.double.ts | #cf222e | — |
| meta.object-literal.key | #0969da | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #116329 | — |
| support.type.property-name.css | #24292e | — |
| support.constant.property-value.css | #23ab98 | — |
| entity.other.attribute-name.id.css | #d4a927 | — |
| entity.other.attribute-name.pseudo-class.css | #8250df | — |
| support.type.property-name.json | #0550ae | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8250df | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0969da | — |
| string.quoted.double.json | #23ab98 | — |
| entity.name.tag.yaml | #953800 | — |
| invalid | #da3633 | bold underline |
| invalid.deprecated | #da3633 | — |
| text.html.markdown fenced_code.block.language | #b39b7f | — |
| text.html.markdown markup.bold | #24292e | bold |
| text.html.markdown markup.italic | #24292e | italic |
| text.html.markdown markup.strikethrough | #da3633 | strikethrough |
| text.html.markdown markup.inline.raw.string | #0969da | — |
| text.html.markdown markup.underline.link | #0969da | — |
| text.html.markdown meta.paragraph | #24292e | — |
| text.html.markdown punctuation.definition.heading | #cf2256 | bold |
| text.html.markdown entity.name.section | #d81998 | bold |
| text.html.markdown string.other.link.title | #0969da | — |
| text.html.markdown meta.separator | #656d76 | — |
| support.class.component.jsx, support.class.component.tsx | #953800 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #c142a6 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #24292e | — |
| entity.name.type.ts, entity.name.type.tsx | #953800 | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #0969da | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #0969da | bold |
| punctuation.decorator | #6f42c1 | bold |
| entity.name.function.decorator | #6f42c1 | bold |
| support.function.magic.python | #8250df | bold italic |
| support.function.builtin.python | #8250df | — |
| storage.type.function.lambda | #8250df | — |
| entity.name.type.parameter | #8250df | — |
| keyword.control.default | #116329 | bold |