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#151515
- activityBar.activeBorder#E91E63
- activityBar.activeFocusBorder#E91E63
- activityBar.background#080808
- activityBar.border#080808
- activityBar.foreground#D5D5D5B3
- activityBarBadge.background#E91E63
- activityBarBadge.foreground#ffffff
- activityBarTop.foreground#D6B48B
- activityBarTop.inactiveForeground#a0a0a0
- banner.background#000000
- banner.foreground#D5D5D5
- banner.iconForeground#E91E63
- breadcrumb.activeSelectionForeground#c9935a
- breadcrumb.background#000000
- breadcrumb.focusForeground#c9935a
- breadcrumb.foreground#d0d0d0
- breadcrumbPicker.background#1a1a1a
- button.background#E91E63
- button.foreground#D5D5D5
- button.hoverBackground#ad2553
- button.secondaryBackground#222222
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#363330
- charts.blue#e8b88a
- charts.foreground#f5c6a5
- charts.green#c9935a
- charts.lines#1a151220
- charts.orange#e8b88a
- charts.purple#ad1457
- charts.red#f06292
- charts.yellow#c9935a
- chat.avatarBackground#0A0A0A
- chat.avatarForeground#D5D8DA
- chat.requestBorder#d6b48b90
- commandCenter.activeBackground#000000
- commandCenter.background#141414
- commandCenter.border#1a151250
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#c9935a
- debugIcon.restartForeground#f8bbd0
- debugIcon.stopForeground#ec407a
- debugToolBar.background#151515
- debugToolBar.border#1a151220
- diffEditor.diagonalFill#ffffff20
- diffEditor.insertedLineBackground#F5C6A51A
- diffEditor.insertedTextBackground#F5C6A51A
- diffEditor.removedLineBackground#F062921A
- diffEditor.removedTextBackground#F062921A
- disabledForeground#505050
- dropdown.background#1a1a1a
- dropdown.border#1a151220
- dropdown.foreground#ffffff
- dropdown.listBackground#222222
- editor.background#000000
- editor.findMatchBackground#000000
- editor.findMatchBorder#f8bbd0
- editor.findMatchHighlightBackground#18181880
- editor.findMatchHighlightBorder#f8bbd0
- editor.findRangeHighlightBackground#6E6E6E1A
- editor.foldBackground#c9935a10
- editor.foreground#D5D5D5
- editor.lineHighlightBackground#080808
- editor.lineHighlightBorder#ffffff10
- editor.linkedEditingBackground#c9935a30
- editor.rangeHighlightBackground#22222280
- editor.selectionBackground#ff40813d
- editor.selectionHighlightBackground#181818f9
- editor.wordHighlightBackground#ff40813d
- editor.wordHighlightStrongBackground#ff40813d
- editorBracketHighlight.foreground1#c9935a
- editorBracketHighlight.foreground2#E91E63
- editorBracketHighlight.foreground3#ec407a
- editorBracketHighlight.foreground4#f8bbd0
- editorBracketHighlight.foreground5#ad1457
- editorBracketHighlight.foreground6#b07d4a
- editorBracketHighlight.unexpectedBracket.foreground#ec407a
- editorBracketMatch.background#6E6E6E80
- editorBracketMatch.border#6E6E6E00
- editorCodeLens.foreground#505050
- editorCursor.foreground#F10086
- editorError.foreground#ec407a
- editorGhostText.foreground#8a6a4a
- editorGroup.border#151515
- editorGroup.dropBackground#6E6E6E4D
- editorGroup.emptyBackground#0d0d0d
- editorGroup.focusedEmptyBorder#E91E63
- editorGroupHeader.border#1a151220
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1a151220
- editorGutter.addedBackground#D6B48B
- editorGutter.deletedBackground#F06292B3
- editorGutter.foldingControlForeground#505050
- editorGutter.modifiedBackground#F8BBD0B3
- editorHint.foreground#D6B48B
- editorHoverWidget.background#141414
- editorHoverWidget.border#1a1a1a
- editorHoverWidget.foreground#D5D5D5
- editorHoverWidget.statusBarBackground#000000
- editorIndentGuide.activeBackground1#222222
- editorIndentGuide.background1#22222257
- editorInfo.foreground#f8bbd0
- editorInlayHint.background#0d0d0d50
- editorInlayHint.foreground#8c8c8c
- editorInlayHint.parameterBackground#e8b88a15
- editorInlayHint.parameterForeground#e8b88a
- editorInlayHint.typeBackground#a0522d30
- editorInlayHint.typeForeground#E91E63
- editorLightBulb.foreground#c9935a
- editorLightBulbAi.foreground#D4A574
- editorLightBulbAutoFix.foreground#D6B48B
- editorLineNumber.activeForeground#D6B48B
- editorLineNumber.foreground#303030
- editorLink.activeForeground#F06292
- editorOverviewRuler.addedForeground#D6B48B90
- editorOverviewRuler.border#222222B3
- editorOverviewRuler.deletedForeground#F0629290
- editorOverviewRuler.errorForeground#ec407acc
- editorOverviewRuler.findMatchForeground#6E6E6EB3
- editorOverviewRuler.infoForeground#f8bbd0cc
- editorOverviewRuler.modifiedForeground#F8BBD090
- editorOverviewRuler.rangeHighlightForeground#c9935afa
- editorOverviewRuler.warningForeground#c9935acc
- editorRuler.foreground#18181860
- editorStickyScroll.background#000000
- editorStickyScroll.border#181818
- editorStickyScroll.shadow#1a151240
- editorStickyScrollHover.background#000000
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#000000
- editorSuggestWidget.focusHighlightForeground#E91E63
- editorSuggestWidget.foreground#f5c6a5
- editorSuggestWidget.highlightForeground#E91E63
- editorSuggestWidget.selectedBackground#a0522d63
- editorSuggestWidget.selectedForeground#ffffff
- editorWarning.foreground#c9935a
- editorWhitespace.foreground#30303060
- editorWidget.background#141414
- editorWidget.border#1a1a1a
- editorWidget.foreground#D5D8DA
- editorWidget.resizeBorder#a0522d
- extensionIcon.verifiedForeground#e8b88a
- focusBorder#F10086
- foreground#D5D8DA
- gitDecoration.addedResourceForeground#ff4081
- gitDecoration.conflictingResourceForeground#ff408190
- gitDecoration.deletedResourceForeground#F06292
- gitDecoration.ignoredResourceForeground#D5D5D54D
- gitDecoration.modifiedResourceForeground#d6c2a1
- gitDecoration.renamedResourceForeground#ff4081
- gitDecoration.stageDeletedResourceForeground#ff4081
- gitDecoration.stageModifiedResourceForeground#ff4081
- gitDecoration.submoduleResourceForeground#ff4081
- gitDecoration.untrackedResourceForeground#D4A574
- icon.foreground#D6B48B
- input.background#0A0A0A
- input.border#D6B48B40
- input.foreground#FFFFFF
- input.placeholderForeground#505050
- inputOption.activeBackground#F1008640
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#F0629280
- inputValidation.errorBorder#F0629200
- inputValidation.errorForeground#ec407a
- inputValidation.infoBackground#f8bbd020
- inputValidation.infoBorder#f8bbd0
- inputValidation.infoForeground#f8bbd0
- inputValidation.warningBackground#c9935a20
- inputValidation.warningBorder#c9935a
- inputValidation.warningForeground#c9935a
- keybindingLabel.background#b07d4a
- keybindingLabel.border#11111100
- keybindingLabel.bottomBorder#c9935a
- keybindingLabel.foreground#ffffff
- list.activeSelectionBackground#D6B48B25
- list.activeSelectionForeground#D5D5D5
- list.dropBackground#6E6E6E80
- list.errorForeground#F06292E6
- list.focusBackground#22222280
- list.focusForeground#D5D5D5
- list.focusOutline#C9935A
- list.highlightForeground#E91E63
- list.hoverBackground#22222280
- list.hoverForeground#D5D5D5
- list.inactiveSelectionBackground#2222224D
- list.inactiveSelectionForeground#D5D5D5
- list.invalidItemForeground#F06292E6
- list.warningForeground#E8B88AB3
- menu.background#0a0a0a
- menu.border#141414
- menu.foreground#D5D5D5
- menu.selectionBackground#22222280
- menu.selectionBorder#E91E63
- menu.selectionForeground#D5D5D5
- menu.separatorBackground#2d1f1a
- menubar.selectionBackground#22222280
- menubar.selectionBorder#E91E63
- menubar.selectionForeground#D5D5D5
- merge.border#E91E63
- merge.commonContentBackground#c9935a15
- merge.commonHeaderBackground#c9935a30
- merge.currentContentBackground#a0522d15
- merge.currentHeaderBackground#a0522d30
- merge.incomingContentBackground#f8bbd015
- merge.incomingHeaderBackground#f8bbd030
- minimap.background#000000
- minimap.errorHighlight#ff5555
- minimap.findMatchHighlight#9a9a9a88
- minimap.selectionHighlight#b0b0b066
- minimap.warningHighlight#f5a623
- minimapGutter.addedBackground#D6B48B
- minimapGutter.deletedBackground#F06292B3
- minimapGutter.modifiedBackground#F8BBD0B3
- minimapSlider.activeBackground#b8b8b852
- minimapSlider.background#8a8a8a24
- minimapSlider.hoverBackground#a0a0a03d
- notificationCenter.border#1a151220
- notificationCenterHeader.background#1a151220
- notificationCenterHeader.foreground#c9935a
- notificationLink.foreground#E91E63
- notifications.background#000000
- notifications.border#1a151220
- notifications.foreground#f5c6a5
- notificationsErrorIcon.foreground#ec407a
- notificationsInfoIcon.foreground#E91E63
- notificationsWarningIcon.foreground#c9935a
- notificationToast.border#1a151220
- panel.background#0a0a0a
- panel.border#8a6a4a60
- panelSection.border#1a151220
- panelSection.dropBackground#c9935a30
- panelSectionHeader.background#1a151220
- panelSectionHeader.foreground#c9935a
- panelTitle.activeBorder#E91E63
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#d0d0d0
- peekView.border#151515
- peekViewEditor.background#1a1a1a
- peekViewEditor.matchHighlightBackground#6E6E6E80
- peekViewEditor.matchHighlightBorder#E91E63
- peekViewEditorGutter.background#000000
- peekViewResult.background#1a1a1a
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#a0a0a0
- peekViewResult.matchHighlightBackground#6E6E6E80
- peekViewResult.selectionBackground#22222280
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#1a1a1a
- peekViewTitleDescription.foreground#D5D8DA80
- peekViewTitleLabel.foreground#ffffff
- problemsErrorIcon.foreground#ec407a
- problemsInfoIcon.foreground#f8bbd0
- problemsWarningIcon.foreground#c9935a
- progressBar.background#E91E63
- quickInput.background#000000
- quickInput.foreground#f5c6a5
- quickInputList.focusBackground#a0522d60
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#ffffff
- sash.hoverBorder#c9935a
- scrollbar.shadow#0a0b0ce0
- scrollbarSlider.activeBackground#2e3135d0
- scrollbarSlider.background#1e2124a0
- scrollbarSlider.hoverBackground#272a2dc0
- selection.background#6E6E6E80
- settings.checkboxBackground#000000
- settings.checkboxBorder#1a151220
- settings.checkboxForeground#E91E63
- settings.dropdownBackground#000000
- settings.dropdownBorder#1a151220
- settings.dropdownForeground#ffffff
- settings.dropdownListBorder#E91E63
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#E91E63
- settings.numberInputBackground#000000
- settings.numberInputBorder#1a151220
- settings.numberInputForeground#ffffff
- settings.textInputBackground#000000
- settings.textInputBorder#1a151220
- settings.textInputForeground#ffffff
- sideBar.background#050505
- sideBar.border#1a151250
- sideBar.foreground#D5D8DA80
- sideBarSectionHeader.background#050505
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#D5D8DAB3
- sideBarTitle.foreground#D6B48B
- statusBar.background#000000
- statusBar.border#00000000
- statusBar.debuggingBackground#1c0a11
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#D5D5D580
- statusBar.noFolderBackground#151515
- statusBar.noFolderForeground#d0d0d0
- statusBarItem.activeBackground#a0522d
- statusBarItem.hoverBackground#222222
- statusBarItem.hoverForeground#ffffff
- statusBarItem.prominentBackground#222222
- statusBarItem.remoteBackground#E91E63
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverForeground#f0f0f0
- symbolIcon.arrayForeground#c9935a
- symbolIcon.booleanForeground#ec407a
- symbolIcon.classForeground#f8bbd0
- symbolIcon.colorForeground#ad1457
- symbolIcon.constantForeground#b07d4a
- symbolIcon.constructorForeground#f8bbd0
- symbolIcon.enumeratorForeground#c9935a
- symbolIcon.enumeratorMemberForeground#c9935a
- symbolIcon.eventForeground#ec407a
- symbolIcon.fieldForeground#f5c6a5
- symbolIcon.fileForeground#f5c6a5
- symbolIcon.folderForeground#c9935a
- symbolIcon.functionForeground#f8bbd0
- symbolIcon.interfaceForeground#f8bbd0
- symbolIcon.keyForeground#ad1457
- symbolIcon.keywordForeground#a0522d
- symbolIcon.methodForeground#f8bbd0
- symbolIcon.moduleForeground#c9935a
- symbolIcon.namespaceForeground#c9935a
- symbolIcon.nullForeground#ec407a
- symbolIcon.numberForeground#b07d4a
- symbolIcon.objectForeground#c9935a
- symbolIcon.operatorForeground#8a6a4a
- symbolIcon.packageForeground#c9935a
- symbolIcon.propertyForeground#f5c6a5
- symbolIcon.referenceForeground#c9935a
- symbolIcon.snippetForeground#c9935a
- symbolIcon.stringForeground#c9935a
- symbolIcon.structForeground#f8bbd0
- symbolIcon.textForeground#f5c6a5
- symbolIcon.typeParameterForeground#8a6a4a
- symbolIcon.unitForeground#8a6a4a
- symbolIcon.variableForeground#f5c6a5
- tab.activeBackground#000000
- tab.activeBorder#00000000
- tab.activeBorderTop#E91E63
- tab.activeForeground#ffffff
- tab.border#15151500
- tab.hoverBackground#181818
- tab.hoverBorder#1a151220
- tab.hoverForeground#ffffff
- tab.inactiveBackground#000000
- tab.inactiveForeground#a0a0a0
- tab.unfocusedActiveForeground#d0d0d0
- tab.unfocusedInactiveForeground#a0a0a0
- terminal.ansiBlack#000000
- terminal.ansiBlue#EC407A
- terminal.ansiBrightBlack#545454
- terminal.ansiBrightBlue#F8BBD0
- terminal.ansiBrightCyan#F8BBD0
- terminal.ansiBrightGreen#F5C6A5
- terminal.ansiBrightMagenta#F8BBD0
- terminal.ansiBrightRed#F8BBD0
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#D4A574
- terminal.ansiCyan#D4A574
- terminal.ansiGreen#E8B88A
- terminal.ansiMagenta#EC407A
- terminal.ansiRed#E91E63
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#D4A574
- terminal.background#0a0a0a
- terminal.foreground#D5D5D5
- terminal.selectionBackground#6E6E6E4D
- terminalCursor.background#D5D5D5
- terminalCursor.foreground#6E6E6E80
- testing.iconErrored#c9935a
- testing.iconFailed#ec407a
- testing.iconPassed#E91E63
- testing.iconQueued#c9935a
- testing.iconSkipped#8c8c8c
- testing.iconUnset#616161
- testing.message.error.lineBackground#ec407a20
- testing.peekBorder#E91E63
- testing.peekHeaderBackground#000000
- textBlockQuote.background#0d0d0db8
- textBlockQuote.border#1a151220
- textCodeBlock.background#000000
- textLink.activeForeground#F06292
- textLink.foreground#E91E63
- textPreformat.foreground#e8b88a
- titleBar.activeBackground#000000
- titleBar.activeForeground#D5D5D5
- titleBar.border#00000000
- titleBar.inactiveBackground#151515
- titleBar.inactiveForeground#a0a0a0
- toolbar.hoverBackground#ffffff4b
- tree.indentGuidesStroke#a0522d48
- widget.border#1a1a1a
- widget.shadow#111111
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #6D6D6D | italic |
| comment.block | #6D6D6D | italic |
| comment.block.documentation, comment.line.documentation | #6D6D6D | italic |
| string.quoted.astro | #88C0D0 | — |
| source.astro | #81A1C1 | — |
| keyword.control | #D87093 | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #D87093 | bold |
| keyword.control.new, keyword.operator.new | #E07A8A | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #E07A8A | — |
| keyword.control.async, keyword.control.await | #B48EAD | bold italic |
| keyword.other | #D87093 | — |
| storage.type | #D87093 | bold |
| storage.type.annotation | #E07A8A | — |
| storage.type.generic | #D08770 | — |
| storage.type.function.arrow | #88C0D0 | — |
| storage.modifier | #D87093 | — |
| storage.modifier.import | #E07A8A | — |
| keyword.operator | #D87093 | bold |
| keyword.operator.assignment | #EBCB8B | bold |
| keyword.operator.expression | #D87093 | bold |
| keyword.operator.logical | #B48EAD | bold |
| keyword.operator.comparison | #EBCB8B | bold |
| keyword.operator.rest, keyword.operator.spread | #88C0D0 | bold |
| keyword.operator.type.annotation | #E07A8A | bold |
| keyword.operator.ternary | #EBCB8B | bold |
| 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 | #9A9A9A | — |
| punctuation.definition.annotation | #EBCB8B | — |
| variable.other, variable.object.property | #ECEFF4 | — |
| meta.block variable.other | #ECEFF4 | — |
| variable.other.constant | #E5D08B | bold |
| variable.other.readonly | #E5D08B | — |
| variable.other.macro.argument | #E5C07B | — |
| variable.parameter, variable.parameter.probably | #E5C07B | italic |
| variable.language | #D87093 | bold |
| meta.object.property, meta.object-binding-pattern-variable | #E5D08B | — |
| entity.name.function | #EBCB8B | bold |
| entity.name.method | #EBCB8B | bold |
| entity.name.function.constructor | #D08770 | bold |
| meta.function-call | #EBCB8B | — |
| meta.definition.function | #EBCB8B | — |
| meta.definition.method | #EBCB8B | — |
| meta.definition.property | #E5D08B | — |
| string.quoted.single, string.quoted.double | #88C0D0 | — |
| string.template | #88C0D0 | — |
| meta.template.expression | #D87093 | — |
| string.regexp | #8FBCBB | — |
| string.other.link | #EBCB8B | — |
| constant.numeric | #E5D08B | — |
| constant.language | #D87093 | — |
| constant.other.variable | #E5D08B | — |
| constant.character.escape | #B48EAD | — |
| entity.name.tag | #E07A8A | bold |
| entity.name.type | #E07A8A | — |
| entity.name.type.class | #E07A8A | bold |
| entity.name.type.interface | #E07A8A | italic |
| entity.name.type.enum | #D08770 | bold |
| entity.name.type.module | #D08770 | — |
| entity.other | #D87093 | — |
| entity.other.attribute-name | #E5D08B | — |
| entity.scope.name | #D08770 | — |
| support.type.primitive | #E07A8A | bold |
| support.type.property-name | #E5D08B | — |
| support.type.builtin | #E07A8A | bold |
| support.function | #EBCB8B | — |
| support.class | #E07A8A | — |
| meta.brace | #9A9A9A | — |
| meta.definition.variable | #ECEFF4 | — |
| meta.import | #E07A8A | — |
| 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 | #4fdaab | — |
| meta.object-literal.key | #E5D08B | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #D87093 | — |
| support.type.property-name.css | #E5D08B | — |
| support.constant.property-value.css | #88C0D0 | — |
| entity.other.attribute-name.id.css | #EBCB8B | — |
| entity.other.attribute-name.pseudo-class.css | #B48EAD | — |
| support.type.property-name.json | #E07A8A | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #EBCB8B | — |
| 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 | #E5D08B | — |
| string.quoted.double.json | #88C0D0 | — |
| entity.name.tag.yaml | #E07A8A | — |
| invalid | #FFFFFF | bold underline |
| invalid.deprecated | #FFFFFF | — |
| text.html.markdown fenced_code.block.language | #88C0D0 | — |
| text.html.markdown markup.bold | #D87093 | bold |
| text.html.markdown markup.italic | #EBCB8B | italic |
| text.html.markdown markup.strikethrough | #E07A8A | strikethrough |
| text.html.markdown markup.inline.raw.string | #E5D08B | — |
| text.html.markdown markup.underline.link | #88C0D0 | — |
| text.html.markdown meta.paragraph | #ECEFF4 | — |
| text.html.markdown punctuation.definition.heading | #D87093 | — |
| text.html.markdown entity.name.section | #D87093 | bold |
| text.html.markdown string.other.link.title | #88C0D0 | — |
| text.html.markdown meta.separator | #9A9A9A | — |
| support.class.component.jsx, support.class.component.tsx | #E07A8A | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #E5D08B | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #9A9A9A | — |
| entity.name.type.ts, entity.name.type.tsx | #E07A8A | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #E07A8A | bold italic |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #E07A8A | bold |
| punctuation.decorator | #D87093 | bold |
| entity.name.function.decorator | #D87093 | bold |
| support.function.magic.python | #B48EAD | bold italic |
| support.function.builtin.python | #EBCB8B | — |
| storage.type.function.lambda | #88C0D0 | — |
| entity.name.type.parameter | #EBCB8B | — |
| keyword.control.default | #D87093 | 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#a78bfa30
- activityBar.activeBorder#c4a8ff
- activityBar.activeFocusBorder#c4a8ff
- activityBar.background#13111a
- activityBar.border#13111a
- activityBar.foreground#c8c0d8
- activityBarBadge.background#7c3aed
- activityBarBadge.foreground#ffffff
- activityBarTop.foreground#a78bfa
- activityBarTop.inactiveForeground#564d66
- banner.background#1c1828
- banner.foreground#e8e3f0
- banner.iconForeground#a78bfa
- breadcrumb.activeSelectionForeground#c4a8ff
- breadcrumb.background#1c1828
- breadcrumb.focusForeground#c4a8ff
- breadcrumb.foreground#7a7090
- breadcrumbPicker.background#1c1828
- button.background#7c3aed
- button.foreground#c8c0d8
- button.hoverBackground#9d6fff
- button.secondaryBackground#7c3aed
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#9056f5
- charts.blue#a78bfa
- charts.foreground#e8e3f0
- charts.green#3dba80
- charts.lines#3d3058
- charts.orange#f0a060
- charts.purple#c4a8ff
- charts.red#f07080
- charts.yellow#e8c547
- chat.avatarBackground#241e30
- chat.avatarForeground#e8e3f0
- chat.requestBorder#3d3050
- commandCenter.activeBackground#1c1828
- commandCenter.background#0e0c14
- commandCenter.border#2e2440
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#e8c547
- debugIcon.restartForeground#56b6f7
- debugIcon.stopForeground#f07080
- debugToolBar.background#241e30
- debugToolBar.border#3d3058
- diffEditor.diagonalFill#2e2440
- diffEditor.insertedLineBackground#7c3aed12
- diffEditor.insertedTextBackground#7c3aed22
- diffEditor.removedLineBackground#f0708010
- diffEditor.removedTextBackground#f0708018
- disabledForeground#6a5f7a
- dropdown.background#1c1828
- dropdown.border#3d3058
- dropdown.foreground#e8e3f0
- dropdown.listBackground#241e30
- editor.background#14111c
- editor.findMatchBackground#7c3aed98
- editor.findMatchBorder#c4a8ff
- editor.findMatchHighlightBackground#6030a0c0
- editor.findMatchHighlightBorder#d4b8ff
- editor.findRangeHighlightBackground#a78bfa35
- editor.foldBackground#a78bfa12
- editor.foreground#e8e3f0
- editor.lineHighlightBackground#a78bfa08
- editor.lineHighlightBorder#2e2440
- editor.linkedEditingBackground#a78bfa28
- editor.rangeHighlightBackground#56b6f718
- editor.selectionBackground#7c3aed50
- editor.selectionHighlightBackground#7c3aed20
- editor.wordHighlightBackground#e8c54720
- editor.wordHighlightStrongBackground#a78bfa28
- editorBracketHighlight.foreground1#e8c547
- editorBracketHighlight.foreground2#a78bfa
- editorBracketHighlight.foreground3#56b6f7
- editorBracketHighlight.foreground4#f0a060
- editorBracketHighlight.foreground5#c4a8ff
- editorBracketHighlight.foreground6#40d4b8
- editorBracketHighlight.unexpectedBracket.foreground#f07080
- editorBracketMatch.background#a78bfa28
- editorBracketMatch.border#a78bfa90
- editorCodeLens.foreground#6a5f7a
- editorCursor.foreground#c4a8ff
- editorError.foreground#f07080
- editorGhostText.foreground#453860
- editorGroup.border#3d3058
- editorGroup.dropBackground#a78bfa18
- editorGroup.emptyBackground#0e0c14
- editorGroup.focusedEmptyBorder#a78bfa
- editorGroupHeader.border#1c1828
- editorGroupHeader.noTabsBackground#13111a
- editorGroupHeader.tabsBackground#13111a
- editorGroupHeader.tabsBorder#2e2440
- editorGutter.addedBackground#3dba80
- editorGutter.deletedBackground#c0445a
- editorGutter.foldingControlForeground#6a5f7a
- editorGutter.modifiedBackground#56b6f7
- editorHint.foreground#a78bfa
- editorHoverWidget.background#1c1828
- editorHoverWidget.border#3d3050
- editorHoverWidget.foreground#e8e3f0
- editorHoverWidget.statusBarBackground#241e30
- editorIndentGuide.activeBackground1#a78bfa55
- editorIndentGuide.background1#2e244050
- editorInfo.foreground#56b6f7
- editorInlayHint.background#1c182880
- editorInlayHint.foreground#7a7090
- editorInlayHint.parameterBackground#56b6f718
- editorInlayHint.parameterForeground#56b6f7
- editorInlayHint.typeBackground#a78bfa28
- editorInlayHint.typeForeground#a78bfa
- editorLightBulb.foreground#e8c547
- editorLightBulbAi.foreground#2ab8c8
- editorLightBulbAutoFix.foreground#3dba80
- editorLineNumber.activeForeground#a78bfa
- editorLineNumber.foreground#3d3055
- editorLink.activeForeground#c4a8ff
- editorOverviewRuler.addedForeground#3dba8090
- editorOverviewRuler.border#3d305870
- editorOverviewRuler.deletedForeground#c0445a90
- editorOverviewRuler.errorForeground#f07080cc
- editorOverviewRuler.findMatchForeground#a78bfa80
- editorOverviewRuler.infoForeground#56b6f7cc
- editorOverviewRuler.modifiedForeground#56b6f790
- editorOverviewRuler.rangeHighlightForeground#c4a8ff80
- editorOverviewRuler.warningForeground#e8c547cc
- editorRuler.foreground#3d305860
- editorStickyScroll.background#1c1828
- editorStickyScroll.border#3d3058
- editorStickyScroll.shadow#00000095
- editorStickyScrollHover.background#241e30
- editorSuggestWidget.background#1c1828
- editorSuggestWidget.border#3d3050
- editorSuggestWidget.focusHighlightForeground#c4a8ff
- editorSuggestWidget.foreground#e8e3f0
- editorSuggestWidget.highlightForeground#c4a8ff
- editorSuggestWidget.selectedBackground#a78bfa40
- editorSuggestWidget.selectedForeground#e8e3f0
- editorWarning.foreground#e8c547
- editorWhitespace.foreground#3d305560
- editorWidget.background#1c1828
- editorWidget.border#3d3058
- editorWidget.foreground#e8e3f0
- editorWidget.resizeBorder#a78bfa
- extensionIcon.verifiedForeground#a78bfa
- focusBorder#a78bfa
- foreground#e8e3f0
- gitDecoration.addedResourceForeground#e8c547
- gitDecoration.conflictingResourceForeground#56b6f7
- gitDecoration.deletedResourceForeground#f07080
- gitDecoration.ignoredResourceForeground#564d66c0
- gitDecoration.modifiedResourceForeground#a78bfa
- gitDecoration.renamedResourceForeground#e8c547
- gitDecoration.stageDeletedResourceForeground#e8c547
- gitDecoration.stageModifiedResourceForeground#e8c547
- gitDecoration.submoduleResourceForeground#e8c547
- gitDecoration.untrackedResourceForeground#7c3aed
- icon.foreground#a8a0b8
- input.background#1c1828
- input.border#3d3058
- input.foreground#e8e3f0
- input.placeholderForeground#6a5f7a
- inputOption.activeBackground#a78bfa50
- inputOption.activeForeground#e8e3f0
- inputValidation.errorBackground#f0708022
- inputValidation.errorBorder#c0445a
- inputValidation.errorForeground#f07080
- inputValidation.infoBackground#56b6f722
- inputValidation.infoBorder#2888c8
- inputValidation.infoForeground#56b6f7
- inputValidation.warningBackground#e8c54722
- inputValidation.warningBorder#b89020
- inputValidation.warningForeground#e8c547
- keybindingLabel.background#3d3058
- keybindingLabel.border#00000000
- keybindingLabel.bottomBorder#c4a8ff
- keybindingLabel.foreground#e8e3f0
- list.activeSelectionBackground#a78bfa38
- list.activeSelectionForeground#e8e3f0
- list.dropBackground#0e0c14
- list.errorForeground#f07080
- list.focusBackground#3d3050
- list.focusForeground#e8e3f0
- list.focusOutline#9d6fff
- list.highlightForeground#c4a8ff
- list.hoverBackground#241e30
- list.hoverForeground#e8e3f0
- list.inactiveSelectionBackground#1c1828
- list.inactiveSelectionForeground#c8c0d8
- list.invalidItemForeground#f07080
- list.warningForeground#e8a44a
- menu.background#1c1828
- menu.border#2e2440
- menu.foreground#e8e3f0
- menu.selectionBackground#8b5cf630
- menu.selectionBorder#9d6fff
- menu.selectionForeground#c4a8ff
- menu.separatorBackground#3d3050
- menubar.selectionBackground#a78bfa28
- menubar.selectionBorder#9d6fff
- menubar.selectionForeground#c4a8ff
- merge.border#a78bfa
- merge.commonContentBackground#e8c54718
- merge.commonHeaderBackground#e8c54738
- merge.currentContentBackground#a78bfa18
- merge.currentHeaderBackground#a78bfa38
- merge.incomingContentBackground#56b6f718
- merge.incomingHeaderBackground#56b6f738
- minimap.background#13111a
- minimap.errorHighlight#f07080
- minimap.findMatchHighlight#a78bfac0
- minimap.selectionHighlight#7c3aed58
- minimap.warningHighlight#e8c547
- minimapGutter.addedBackground#3dba80
- minimapGutter.deletedBackground#c0445a
- minimapGutter.modifiedBackground#56b6f7
- minimapSlider.activeBackground#a78bfa68
- minimapSlider.background#a78bfa38
- minimapSlider.hoverBackground#a78bfa50
- notificationCenter.border#3d3058
- notificationCenterHeader.background#241e30
- notificationCenterHeader.foreground#a78bfa
- notificationLink.foreground#c4a8ff
- notifications.background#1c1828
- notifications.border#3d3058
- notifications.foreground#e8e3f0
- notificationsErrorIcon.foreground#f07080
- notificationsInfoIcon.foreground#a78bfa
- notificationsWarningIcon.foreground#e8c547
- notificationToast.border#3d3058
- panel.background#13111a
- panel.border#2e244070
- panelSection.border#3d3058
- panelSection.dropBackground#a78bfa38
- panelSectionHeader.background#241e30
- panelSectionHeader.foreground#a78bfa
- panelTitle.activeBorder#c4a8ff
- panelTitle.activeForeground#e8e3f0
- panelTitle.inactiveForeground#6a5f7a
- peekView.border#a78bfa
- peekViewEditor.background#1c1828
- peekViewEditor.matchHighlightBackground#7c3aed38
- peekViewEditor.matchHighlightBorder#a78bfa
- peekViewEditorGutter.background#1c1828
- peekViewResult.background#13111a
- peekViewResult.fileForeground#e8e3f0
- peekViewResult.lineForeground#7a7090
- peekViewResult.matchHighlightBackground#7c3aed38
- peekViewResult.selectionBackground#3d3058
- peekViewResult.selectionForeground#e8e3f0
- peekViewTitle.background#0e0c14
- peekViewTitleDescription.foreground#a78bfa
- peekViewTitleLabel.foreground#e8e3f0
- problemsErrorIcon.foreground#f07080
- problemsInfoIcon.foreground#56b6f7
- problemsWarningIcon.foreground#e8c547
- progressBar.background#7c3aed
- quickInput.background#1c1828
- quickInput.foreground#e8e3f0
- quickInputList.focusBackground#a78bfa60
- quickInputList.focusForeground#e8e3f0
- quickInputList.focusIconForeground#e8e3f0
- sash.hoverBorder#a78bfa
- scrollbar.shadow#0e0c1490
- scrollbarSlider.activeBackground#6040a088
- scrollbarSlider.background#6040a040
- scrollbarSlider.hoverBackground#6040a065
- selection.background#6030a0
- settings.checkboxBackground#1c1828
- settings.checkboxBorder#3d3058
- settings.checkboxForeground#a78bfa
- settings.dropdownBackground#1c1828
- settings.dropdownBorder#3d3058
- settings.dropdownForeground#e8e3f0
- settings.dropdownListBorder#a78bfa
- settings.headerForeground#e8e3f0
- settings.modifiedItemIndicator#a78bfa
- settings.numberInputBackground#1c1828
- settings.numberInputBorder#3d3058
- settings.numberInputForeground#e8e3f0
- settings.textInputBackground#1c1828
- settings.textInputBorder#3d3058
- settings.textInputForeground#e8e3f0
- sideBar.background#13111a
- sideBar.border#3d305870
- sideBar.foreground#a8a0b8
- sideBarSectionHeader.background#0e0c14
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#a78bfa
- sideBarTitle.foreground#c8c0d8
- statusBar.background#13111a
- statusBar.border#00000000
- statusBar.debuggingBackground#2e1e50
- statusBar.debuggingForeground#e8e3f0
- statusBar.foreground#7a7090
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#a8a0b8
- statusBarItem.activeBackground#a78bfa18
- statusBarItem.hoverBackground#241e30
- statusBarItem.hoverForeground#e8e3f0
- statusBarItem.prominentBackground#2e2448
- statusBarItem.remoteBackground#5b21b6
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverForeground#f0ecff
- symbolIcon.arrayForeground#e8c547
- symbolIcon.booleanForeground#f0a060
- symbolIcon.classForeground#a78bfa
- symbolIcon.colorForeground#c4a8ff
- symbolIcon.constantForeground#7c3aed
- symbolIcon.constructorForeground#56b6f7
- symbolIcon.enumeratorForeground#e8c547
- symbolIcon.enumeratorMemberForeground#c4a8ff
- symbolIcon.eventForeground#f07080
- symbolIcon.fieldForeground#b8a8ff
- symbolIcon.fileForeground#e8e3f0
- symbolIcon.folderForeground#e8c547
- symbolIcon.functionForeground#56b6f7
- symbolIcon.interfaceForeground#7c3aed
- symbolIcon.keyForeground#c4a8ff
- symbolIcon.keywordForeground#a78bfa
- symbolIcon.methodForeground#56b6f7
- symbolIcon.moduleForeground#e8c547
- symbolIcon.namespaceForeground#f0a060
- symbolIcon.nullForeground#f07080
- symbolIcon.numberForeground#e8c547
- symbolIcon.objectForeground#e8c547
- symbolIcon.operatorForeground#c4a8ff
- symbolIcon.packageForeground#e8c547
- symbolIcon.propertyForeground#b8a8ff
- symbolIcon.referenceForeground#f0a060
- symbolIcon.snippetForeground#c4a8ff
- symbolIcon.stringForeground#40d4b8
- symbolIcon.structForeground#56b6f7
- symbolIcon.textForeground#e8e3f0
- symbolIcon.typeParameterForeground#c4a8ff
- symbolIcon.unitForeground#c4a8ff
- symbolIcon.variableForeground#b8a8ff
- tab.activeBackground#1c1828
- tab.activeBorder#1c1828
- tab.activeBorderTop#a78bfa
- tab.activeForeground#e8e3f0
- tab.border#2e2440
- tab.hoverBackground#241e30
- tab.hoverBorder#2e2440
- tab.hoverForeground#c8c0d8
- tab.inactiveBackground#13111a
- tab.inactiveForeground#6a5f7a
- tab.unfocusedActiveForeground#9088a8
- tab.unfocusedInactiveForeground#4a4058
- terminal.ansiBlack#1a1625
- terminal.ansiBlue#c4a8ff
- terminal.ansiBrightBlack#564d66
- terminal.ansiBrightBlue#6ec8f5
- terminal.ansiBrightCyan#40d4e0
- terminal.ansiBrightGreen#7dd895
- terminal.ansiBrightMagenta#d4a0ff
- terminal.ansiBrightRed#f08090
- terminal.ansiBrightWhite#f0ecff
- terminal.ansiBrightYellow#f0d060
- terminal.ansiCyan#2ab8c8
- terminal.ansiGreen#5dba78
- terminal.ansiMagenta#b888f0
- terminal.ansiRed#e05868
- terminal.ansiWhite#c8c0d8
- terminal.ansiYellow#d8b040
- terminal.background#0e0c14
- terminal.foreground#e8e3f0
- terminal.selectionBackground#a78bfa70
- terminalCursor.background#13111a
- terminalCursor.foreground#a78bfa
- testing.iconErrored#e8c547
- testing.iconFailed#f07080
- testing.iconPassed#3dba80
- testing.iconQueued#e8c547
- testing.iconSkipped#7a7090
- testing.iconUnset#564d66
- testing.message.error.lineBackground#f0708028
- testing.peekBorder#a78bfa
- testing.peekHeaderBackground#1c1828
- textBlockQuote.background#1c1828b8
- textBlockQuote.border#5b3a8a
- textCodeBlock.background#1c1828
- textLink.activeForeground#c4a8ff
- textLink.foreground#a78bfa
- textPreformat.foreground#e8c547
- titleBar.activeBackground#13111a
- titleBar.activeForeground#e8e3f0
- titleBar.border#00000000
- titleBar.inactiveBackground#0e0c14
- titleBar.inactiveForeground#6a5f7a
- toolbar.hoverBackground#ffffff18
- tree.indentGuidesStroke#6d4fa060
- widget.border#3d3058
- widget.shadow#00000070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #4e4462 | italic |
| comment.block | #4e4462 | italic |
| comment.block.documentation, comment.line.documentation | #615878 | italic bold |
| string.quoted.astro | #40d4b8 | — |
| source.astro | #e8e3f0 | — |
| keyword.control | #d0b0ff | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #b888fa | bold |
| keyword.control.new, keyword.operator.new | #f07080 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #e8c880 | — |
| keyword.control.async, keyword.control.await | #6ec8f5 | bold italic |
| keyword.other | #d0b0ff | — |
| storage.type | #d0b0ff | bold |
| storage.type.annotation | #82AAFF | — |
| storage.type.generic | #f060a0 | — |
| storage.type.function.arrow | #c8c0d8 | — |
| storage.modifier | #d0b0ff | italic |
| storage.modifier.import | #9898e0 | — |
| keyword.operator | #c8c0d8 | — |
| keyword.operator.assignment | #c8c0d8 | bold |
| keyword.operator.expression | #f0a0c8 | — |
| keyword.operator.logical | #c090e8 | bold |
| keyword.operator.comparison | #c090e8 | — |
| keyword.operator.rest, keyword.operator.spread | #90d8a0 | — |
| keyword.operator.type.annotation | #c8c0d8 | — |
| keyword.operator.ternary | #f0a0c8 | — |
| 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 | #8870aa | — |
| punctuation.definition.annotation | #82AAFF | — |
| variable.other, variable.object.property | #e8c547 | — |
| meta.block variable.other | #c8c8e8 | — |
| variable.other.constant | #6ec8f5 | bold |
| variable.other.readonly | #6ec8f5 | — |
| variable.other.macro.argument | #c090e8 | — |
| variable.parameter, variable.parameter.probably | #f0a0c8 | italic |
| variable.language | #f07080 | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #c870a8 | — |
| entity.name.function | #9898e0 | bold |
| entity.name.method | #82AAFF | bold |
| entity.name.function.constructor | #82AAFF | bold |
| meta.function-call | #9898e0 | — |
| meta.definition.function | #9898e0 | — |
| meta.definition.method | #9898e0 | — |
| meta.definition.property | #5dd8a8 | — |
| string.quoted.single, string.quoted.double | #40d4b8 | — |
| string.template | #40d4b8 | — |
| meta.template.expression | #f0a0c8 | — |
| string.regexp | #6ec8f5 | — |
| string.other.link | #f07888 | — |
| constant.numeric | #f0a0c8 | bold |
| constant.language | #f0a0c8 | bold |
| constant.other.variable | #40d4b8 | — |
| constant.character.escape | #6ec8f5 | — |
| entity.name.tag | #70c8f5 | bold |
| entity.name.type | #f060a0 | bold |
| entity.name.type.class | #f060a0 | bold |
| entity.name.type.interface | #6ec8f5 | bold |
| entity.name.type.enum | #e8c880 | bold |
| entity.name.type.module | #6ec8f5 | — |
| entity.other | #f060a0 | — |
| entity.other.attribute-name | #e8c880 | — |
| entity.scope.name | #6ec8f5 | — |
| support.type.primitive | #d0b0ff | bold |
| support.type.property-name | #6ec8f5 | — |
| support.type.builtin | #d0b0ff | bold |
| support.function | #f8e8a8 | — |
| support.class | #f060a0 | — |
| meta.brace | #c8c0d8 | — |
| meta.definition.variable | #5dd8a8 | — |
| meta.import | #e8e3f0 | — |
| 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 | #b888fa | — |
| meta.object-literal.key | #6ec8f5 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #f8e8a8 | — |
| support.type.property-name.css | #e0daf0 | — |
| support.constant.property-value.css | #40d4b8 | — |
| entity.other.attribute-name.id.css | #e8c880 | — |
| entity.other.attribute-name.pseudo-class.css | #c090e8 | — |
| support.type.property-name.json | #e0a848 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b878d8 | — |
| 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 | #68a0f5 | — |
| string.quoted.double.json | #40d4b8 | — |
| entity.name.tag.yaml | #e8c880 | — |
| invalid | #f07080 | bold underline |
| invalid.deprecated | #f08890 | — |
| text.html.markdown fenced_code.block.language | #d0b0ff | — |
| text.html.markdown markup.bold | #b888fa | bold |
| text.html.markdown markup.italic | #70c8f5 | italic |
| text.html.markdown markup.strikethrough | #f07080 | strikethrough |
| text.html.markdown markup.inline.raw.string | #c090e8 | — |
| text.html.markdown markup.underline.link | #82AAFF | — |
| text.html.markdown meta.paragraph | #e0daf0 | — |
| text.html.markdown punctuation.definition.heading | #6ec8f5 | bold |
| text.html.markdown entity.name.section | #90d8a0 | bold |
| text.html.markdown string.other.link.title | #40d4b8 | — |
| text.html.markdown meta.separator | #6a6080 | — |
| support.class.component.jsx, support.class.component.tsx | #e8c547 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #e8c880 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #c8c0d8 | — |
| entity.name.type.ts, entity.name.type.tsx | #f060a0 | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #6ec8f5 | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #6ec8f5 | bold |
| punctuation.decorator | #82AAFF | bold |
| entity.name.function.decorator | #82AAFF | bold |
| support.function.magic.python | #c090e8 | bold italic |
| support.function.builtin.python | #9898e0 | — |
| storage.type.function.lambda | #c090e8 | — |
| entity.name.type.parameter | #c090e8 | — |
| keyword.control.default | #90d8a0 | 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#0090ff30
- activityBar.activeBorder#0090ff
- activityBar.activeFocusBorder#0090ff
- activityBar.background#0a0b0c
- activityBar.border#00000000
- activityBar.foreground#b0b4ba
- activityBarBadge.background#0090ff
- activityBarBadge.foreground#ffffff
- activityBarTop.foreground#0090ff
- activityBarTop.inactiveForeground#565b62
- banner.background#18191b
- banner.foreground#edeef0
- banner.iconForeground#0090ff
- breadcrumb.activeSelectionForeground#3b9eff
- breadcrumb.background#16181a
- breadcrumb.focusForeground#3b9eff
- breadcrumb.foreground#696e77
- breadcrumbPicker.background#16181a
- button.background#0078e7
- button.foreground#ffffff
- button.hoverBackground#2e8fff
- button.secondaryBackground#0078e7
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#00529e
- charts.blue#3b9eff
- charts.foreground#edeef0
- charts.green#3dd68c
- charts.lines#2a2d31
- charts.orange#f76b15
- charts.purple#b36fe0
- charts.red#ff5555
- charts.yellow#f5a623
- chat.avatarBackground#1e2124
- chat.avatarForeground#edeef0
- chat.requestBorder#2a2d31
- commandCenter.activeBackground#18191b
- commandCenter.background#111113
- commandCenter.border#2a2d31
- contrastActiveBorder#00000000
- debugIcon.pauseForeground#f5a623
- debugIcon.restartForeground#3b9eff
- debugIcon.stopForeground#ff5555
- debugToolBar.background#16181a
- debugToolBar.border#2a2d31
- diffEditor.diagonalFill#1e2124
- diffEditor.insertedLineBackground#3dd68c12
- diffEditor.insertedTextBackground#3dd68c22
- diffEditor.removedLineBackground#ff555510
- diffEditor.removedTextBackground#ff555518
- disabledForeground#565b62
- dropdown.background#0f1012
- dropdown.border#2a2d31
- dropdown.foreground#edeef0
- dropdown.listBackground#16181a
- editor.background#0f1012
- editor.findMatchBackground#003870
- editor.findMatchBorder#3b9eff
- editor.findMatchHighlightBackground#003870c0
- editor.findMatchHighlightBorder#3b9eff60
- editor.findRangeHighlightBackground#0090ff18
- editor.foldBackground#0090ff12
- editor.foreground#edeef0
- editor.lineHighlightBackground#0090ff0a
- editor.lineHighlightBorder#1e2124
- editor.linkedEditingBackground#2870bd28
- editor.rangeHighlightBackground#0090ff12
- editor.selectionBackground#0090ff2e
- editor.selectionHighlightBackground#252830fa
- editor.wordHighlightBackground#252830fa
- editor.wordHighlightStrongBackground#2a2e38fa
- editorBracketHighlight.foreground1#5e6c7e
- editorBracketHighlight.foreground2#7e6c8a
- editorBracketHighlight.foreground3#5e7a6c
- editorBracketHighlight.foreground4#6c7a5e
- editorBracketHighlight.foreground5#7a6c5e
- editorBracketHighlight.foreground6#5e7a7a
- editorBracketHighlight.unexpectedBracket.foreground#ff5555
- editorBracketMatch.background#0090ff18
- editorBracketMatch.border#0090ff80
- editorCodeLens.foreground#565b62
- editorCursor.foreground#3b9eff
- editorError.foreground#ff5555
- editorGhostText.foreground#3a3f47
- editorGroup.border#2a2d31
- editorGroup.dropBackground#0090ff18
- editorGroup.emptyBackground#0a0b0c
- editorGroup.focusedEmptyBorder#0090ff
- editorGroupHeader.border#0f1012
- editorGroupHeader.noTabsBackground#0a0b0c
- editorGroupHeader.tabsBackground#0a0b0c
- editorGroupHeader.tabsBorder#1e2124
- editorGutter.addedBackground#3dd68c
- editorGutter.deletedBackground#c0392b
- editorGutter.foldingControlForeground#565b62
- editorGutter.modifiedBackground#0078e7
- editorHint.foreground#0090ff
- editorHoverWidget.background#16181a
- editorHoverWidget.border#2a2d31
- editorHoverWidget.foreground#edeef0
- editorHoverWidget.statusBarBackground#1e2124
- editorIndentGuide.activeBackground1#0090ff60
- editorIndentGuide.background1#1a2a1a50
- editorInfo.foreground#3b9eff
- editorInlayHint.background#1a1c2060
- editorInlayHint.foreground#696e77
- editorInlayHint.parameterBackground#2a1840a0
- editorInlayHint.parameterForeground#b36fe0
- editorInlayHint.typeBackground#0d2818a0
- editorInlayHint.typeForeground#3dd68c
- editorLightBulb.foreground#f5a623
- editorLightBulbAi.foreground#3dd68c
- editorLightBulbAutoFix.foreground#3dd68c
- editorLineNumber.activeForeground#3b9eff
- editorLineNumber.foreground#253040
- editorLink.activeForeground#60aaff
- editorOverviewRuler.addedForeground#3dd68c90
- editorOverviewRuler.border#1e2124
- editorOverviewRuler.deletedForeground#c0392b90
- editorOverviewRuler.errorForeground#ff5555cc
- editorOverviewRuler.findMatchForeground#3b9eff80
- editorOverviewRuler.infoForeground#3b9effcc
- editorOverviewRuler.modifiedForeground#0078e790
- editorOverviewRuler.rangeHighlightForeground#60aaff70
- editorOverviewRuler.warningForeground#f5a623cc
- editorRuler.foreground#1e212460
- editorStickyScroll.background#0f1012
- editorStickyScroll.border#1e2124
- editorStickyScroll.shadow#00000098
- editorStickyScrollHover.background#1e2124
- editorSuggestWidget.background#0f1012
- editorSuggestWidget.border#2a2d31
- editorSuggestWidget.focusHighlightForeground#3b9eff
- editorSuggestWidget.foreground#edeef0
- editorSuggestWidget.highlightForeground#3b9eff
- editorSuggestWidget.selectedBackground#1e2124
- editorSuggestWidget.selectedForeground#edeef0
- editorWarning.foreground#f5a623
- editorWhitespace.foreground#25304060
- editorWidget.background#0f1012
- editorWidget.border#2a2d31
- editorWidget.foreground#edeef0
- editorWidget.resizeBorder#0090ff
- extensionIcon.verifiedForeground#e5e5e5
- focusBorder#0090ff
- foreground#edeef0
- gitDecoration.addedResourceForeground#f5a623
- gitDecoration.conflictingResourceForeground#b36fe0
- gitDecoration.deletedResourceForeground#ff5555
- gitDecoration.ignoredResourceForeground#565b62
- gitDecoration.modifiedResourceForeground#3b9eff
- gitDecoration.renamedResourceForeground#f5a623
- gitDecoration.stageDeletedResourceForeground#f5a623
- gitDecoration.stageModifiedResourceForeground#f5a623
- gitDecoration.submoduleResourceForeground#f5a623
- gitDecoration.untrackedResourceForeground#28EB65
- icon.foreground#9098a0
- input.background#16181a
- input.border#2a2d31
- input.foreground#edeef0
- input.placeholderForeground#565b62
- inputOption.activeBackground#0d2847
- inputOption.activeForeground#3b9eff
- inputValidation.errorBackground#ff555520
- inputValidation.errorBorder#c0392b
- inputValidation.errorForeground#ff5555
- inputValidation.infoBackground#0090ff20
- inputValidation.infoBorder#0078e7
- inputValidation.infoForeground#3b9eff
- inputValidation.warningBackground#f5a62320
- inputValidation.warningBorder#c07c10
- inputValidation.warningForeground#f5a623
- keybindingLabel.background#1e2124
- keybindingLabel.border#2a2d31
- keybindingLabel.bottomBorder#0090ff
- keybindingLabel.foreground#edeef0
- list.activeSelectionBackground#0090ff35
- list.activeSelectionForeground#edeef0
- list.dropBackground#111113
- list.errorForeground#ff5555
- list.focusBackground#0090ff35
- list.focusForeground#edeef0
- list.focusOutline#00000000
- list.highlightForeground#3b9eff
- list.hoverBackground#1e2124
- list.hoverForeground#edeef0
- list.inactiveSelectionBackground#16181a
- list.inactiveSelectionForeground#c8ccd2
- list.invalidItemForeground#ff5555
- list.warningForeground#f5a623
- menu.background#111113
- menu.border#2a2d31
- menu.foreground#edeef0
- menu.selectionBackground#0090ff45
- menu.selectionBorder#0090ff
- menu.selectionForeground#3b9eff
- menu.separatorBackground#2a2d31
- menubar.selectionBackground#2870bd25
- menubar.selectionBorder#0090ff
- menubar.selectionForeground#3b9eff
- merge.border#0090ff
- merge.commonContentBackground#f5a62318
- merge.commonHeaderBackground#f5a62338
- merge.currentContentBackground#0090ff18
- merge.currentHeaderBackground#0090ff38
- merge.incomingContentBackground#3dd68c18
- merge.incomingHeaderBackground#3dd68c38
- minimap.background#0a0b0c
- minimap.errorHighlight#ff5555
- minimap.findMatchHighlight#003870f0
- minimap.selectionHighlight#004b6ec4
- minimap.warningHighlight#f5a623
- minimapGutter.addedBackground#3dd68c
- minimapGutter.deletedBackground#c0392b
- minimapGutter.modifiedBackground#0078e7
- minimapSlider.activeBackground#045c9f7d
- minimapSlider.background#063f6f8b
- minimapSlider.hoverBackground#05528786
- notificationCenter.border#2a2d31
- notificationCenterHeader.background#1e2124
- notificationCenterHeader.foreground#3b9eff
- notificationLink.foreground#3b9eff
- notifications.background#16181a
- notifications.border#2a2d31
- notifications.foreground#edeef0
- notificationsErrorIcon.foreground#ff5555
- notificationsInfoIcon.foreground#3b9eff
- notificationsWarningIcon.foreground#f5a623
- notificationToast.border#2a2d31
- panel.background#0a0b0c
- panel.border#1e2124
- panelSection.border#2a2d31
- panelSection.dropBackground#2870bd35
- panelSectionHeader.background#16181a
- panelSectionHeader.foreground#3b9eff
- panelTitle.activeBorder#0090ff
- panelTitle.activeForeground#edeef0
- panelTitle.inactiveForeground#565b62
- peekView.border#2a2d31
- peekViewEditor.background#16181a
- peekViewEditor.matchHighlightBackground#003870
- peekViewEditor.matchHighlightBorder#3b9eff
- peekViewEditorGutter.background#16181a
- peekViewResult.background#0f1012
- peekViewResult.fileForeground#edeef0
- peekViewResult.lineForeground#696e77
- peekViewResult.matchHighlightBackground#003870
- peekViewResult.selectionBackground#1e2124
- peekViewResult.selectionForeground#edeef0
- peekViewTitle.background#0a0b0c
- peekViewTitleDescription.foreground#696e77
- peekViewTitleLabel.foreground#edeef0
- problemsErrorIcon.foreground#ff5555
- problemsInfoIcon.foreground#3b9eff
- problemsWarningIcon.foreground#f5a623
- progressBar.background#0090ff
- quickInput.background#0f1012
- quickInput.foreground#edeef0
- quickInputList.focusBackground#1e2124
- quickInputList.focusForeground#edeef0
- quickInputList.focusIconForeground#edeef0
- sash.hoverBorder#0090ff
- scrollbar.shadow#0a0b0ce0
- scrollbarSlider.activeBackground#2e3135d0
- scrollbarSlider.background#1e2124a0
- scrollbarSlider.hoverBackground#272a2dc0
- selection.background#0090ff70
- settings.checkboxBackground#0a0b0c
- settings.checkboxBorder#2a2d31
- settings.checkboxForeground#3b9eff
- settings.dropdownBackground#0a0b0c
- settings.dropdownBorder#2a2d31
- settings.dropdownForeground#edeef0
- settings.dropdownListBorder#0090ff
- settings.headerForeground#edeef0
- settings.modifiedItemIndicator#0078e7
- settings.numberInputBackground#0a0b0c
- settings.numberInputBorder#2a2d31
- settings.numberInputForeground#edeef0
- settings.textInputBackground#0a0b0c
- settings.textInputBorder#2a2d31
- settings.textInputForeground#edeef0
- sideBar.background#0a0b0c
- sideBar.border#ffffff08
- sideBar.foreground#b0b4ba
- sideBarSectionHeader.background#0a0b0c
- sideBarSectionHeader.border#0f1012
- sideBarSectionHeader.foreground#0090ff
- sideBarTitle.foreground#565b62
- statusBar.background#0a0b0c
- statusBar.border#ffffff08
- statusBar.debuggingBackground#162030
- statusBar.debuggingForeground#edeef0
- statusBar.foreground#696e77
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#9098a0
- statusBarItem.activeBackground#0090ff18
- statusBarItem.hoverBackground#1e2124
- statusBarItem.hoverForeground#edeef0
- statusBarItem.prominentBackground#1e2e22
- statusBarItem.remoteBackground#0054a8
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverForeground#f0f2f5
- symbolIcon.arrayForeground#f5a623
- symbolIcon.booleanForeground#f76b15
- symbolIcon.classForeground#3b9eff
- symbolIcon.colorForeground#b36fe0
- symbolIcon.constantForeground#3dd68c
- symbolIcon.constructorForeground#3b9eff
- symbolIcon.enumeratorForeground#f5a623
- symbolIcon.enumeratorMemberForeground#3dd68c
- symbolIcon.eventForeground#ff5555
- symbolIcon.fieldForeground#3b9eff
- symbolIcon.fileForeground#edeef0
- symbolIcon.folderForeground#f5a623
- symbolIcon.functionForeground#3b9eff
- symbolIcon.interfaceForeground#0090ff
- symbolIcon.keyForeground#b36fe0
- symbolIcon.keywordForeground#de51a8
- symbolIcon.methodForeground#3b9eff
- symbolIcon.moduleForeground#60aaff
- symbolIcon.namespaceForeground#f76b15
- symbolIcon.nullForeground#ff5555
- symbolIcon.numberForeground#f5a623
- symbolIcon.objectForeground#f5a623
- symbolIcon.operatorForeground#696e77
- symbolIcon.packageForeground#f5a623
- symbolIcon.propertyForeground#c8ccd2
- symbolIcon.referenceForeground#f76b15
- symbolIcon.snippetForeground#3dd68c
- symbolIcon.stringForeground#f5a623
- symbolIcon.structForeground#3b9eff
- symbolIcon.textForeground#c8ccd2
- symbolIcon.typeParameterForeground#b36fe0
- symbolIcon.unitForeground#3b9eff
- symbolIcon.variableForeground#c8ccd2
- tab.activeBackground#0f1012
- tab.activeBorder#0f1012
- tab.activeBorderTop#0090ff
- tab.activeForeground#edeef0
- tab.border#0f1012
- tab.hoverBackground#1e2124
- tab.hoverBorder#1e2124
- tab.hoverForeground#c8ccd2
- tab.inactiveBackground#0a0b0c
- tab.inactiveForeground#565b62
- tab.unfocusedActiveForeground#9098a0
- tab.unfocusedInactiveForeground#4a4f57
- terminal.ansiBlack#111113
- terminal.ansiBlue#3b9eff
- terminal.ansiBrightBlack#696e77
- terminal.ansiBrightBlue#60aaff
- terminal.ansiBrightCyan#3dd68c
- terminal.ansiBrightGreen#28EB65
- terminal.ansiBrightMagenta#e060b8
- terminal.ansiBrightRed#ff5555
- terminal.ansiBrightWhite#f0f2f5
- terminal.ansiBrightYellow#ffd23f
- terminal.ansiCyan#3dd68c
- terminal.ansiGreen#3dd68c
- terminal.ansiMagenta#b36fe0
- terminal.ansiRed#e5484d
- terminal.ansiWhite#c8ccd2
- terminal.ansiYellow#f5a623
- terminal.background#0a0b0c
- terminal.foreground#c8ccd2
- terminal.selectionBackground#0090ff28
- terminalCursor.background#0a0b0c
- terminalCursor.foreground#3b9eff
- testing.iconErrored#f5a623
- testing.iconFailed#ff5555
- testing.iconPassed#3dd68c
- testing.iconQueued#f5a623
- testing.iconSkipped#696e77
- testing.iconUnset#565b62
- testing.message.error.lineBackground#ff555528
- testing.peekBorder#0090ff
- testing.peekHeaderBackground#16181a
- textBlockQuote.background#16181ab8
- textBlockQuote.border#2a2d31
- textCodeBlock.background#16181a
- textLink.activeForeground#60aaff
- textLink.foreground#3b9eff
- textPreformat.foreground#f5a623
- titleBar.activeBackground#0a0b0c
- titleBar.activeForeground#b0b4ba
- titleBar.border#00000000
- titleBar.inactiveBackground#0a0b0c
- titleBar.inactiveForeground#696e77
- toolbar.hoverBackground#1e2124
- tree.indentGuidesStroke#0a2a40
- widget.border#2a2d31
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment.line, punctuation.definition.comment | #4a4f57 | italic |
| comment.block | #4a4f57 | italic |
| comment.block.documentation, comment.line.documentation | #5a606a | italic bold |
| string.quoted.astro | #f5a623 | — |
| source.astro | #edeef0 | — |
| keyword.control | #b36fe0 | bold |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #de51a8 | bold |
| keyword.control.new, keyword.operator.new | #ff5555 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #9098a0 | — |
| keyword.control.async, keyword.control.await | #de51a8 | bold italic |
| keyword.other | #de51a8 | — |
| storage.type | #de51a8 | bold |
| storage.type.annotation | #f5a623 | — |
| storage.type.generic | #0090ff | — |
| storage.type.function.arrow | #565b62 | — |
| storage.modifier | #ff5555 | italic |
| storage.modifier.import | #9098a0 | — |
| keyword.operator | #696e77 | — |
| keyword.operator.assignment | #565b62 | bold |
| keyword.operator.expression | #f76b15 | — |
| keyword.operator.logical | #696e77 | bold |
| keyword.operator.comparison | #696e77 | — |
| keyword.operator.rest, keyword.operator.spread | #565b62 | — |
| keyword.operator.type.annotation | #565b62 | — |
| keyword.operator.ternary | #696e77 | — |
| 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 | #565b62 | — |
| punctuation.definition.annotation | #f5a623 | — |
| variable.other, variable.object.property | #e0e2e6 | — |
| meta.block variable.other | #e0e2e6 | — |
| variable.other.constant | #60aaff | bold |
| variable.other.readonly | #60aaff | — |
| variable.other.macro.argument | #de51a8 | — |
| variable.parameter, variable.parameter.probably | #3b9eff | italic |
| variable.language | #de51a8 | bold italic |
| meta.object.property, meta.object-binding-pattern-variable | #e0e2e6 | — |
| entity.name.function | #3b9eff | bold |
| entity.name.method | #3b9eff | bold |
| entity.name.function.constructor | #60aaff | bold |
| meta.function-call | #b36fe0 | — |
| meta.definition.function | #3b9eff | — |
| meta.definition.method | #3b9eff | — |
| meta.definition.property | #3b9eff | — |
| string.quoted.single, string.quoted.double, string.quoted | #f5a623 | — |
| string.template | #f5a623 | — |
| meta.template.expression | #f76b15 | — |
| string.regexp | #3dd68c | — |
| string.other.link | #60aaff | — |
| constant.numeric | #f5a623 | bold |
| constant.language | #de51a8 | bold |
| constant.other.variable | #3dd68c | — |
| constant.character.escape | #3dd68c | — |
| entity.name.tag | #f76b15 | bold |
| entity.name.type | #3dd68c | bold |
| entity.name.type.class | #3b9eff | bold |
| entity.name.type.interface | #0090ff | bold |
| entity.name.type.enum | #f5a623 | bold |
| entity.name.type.module | #60aaff | — |
| entity.other | #3b9eff | — |
| entity.other.attribute-name | #ff5555 | — |
| entity.scope.name | #0090ff | — |
| support.type.primitive | #f76b15 | bold |
| support.type.property-name | #f76b15 | — |
| support.type.builtin | #de51a8 | bold |
| support.function | #3b9eff | — |
| support.class | #3b9eff | — |
| meta.brace | #565b62 | — |
| meta.definition.variable | #e0e2e6 | — |
| meta.import | #e0e2e6 | — |
| 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 | #de51a8 | — |
| meta.object-literal.key | #c8ccd2 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #f76b15 | — |
| support.type.property-name.css | #c8ccd2 | — |
| support.constant.property-value.css | #f5a623 | — |
| entity.other.attribute-name.id.css | #f5a623 | — |
| entity.other.attribute-name.pseudo-class.css | #b36fe0 | — |
| support.type.property-name.json | #f76b15 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b36fe0 | — |
| 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 | #3b9eff | — |
| string.quoted.double.json | #f5a623 | — |
| entity.name.tag.yaml | #f76b15 | — |
| invalid | #ff5555 | bold underline |
| invalid.deprecated | #ff5555 | — |
| text.html.markdown fenced_code.block.language | #b36fe0 | — |
| text.html.markdown markup.bold | #de51a8 | bold |
| text.html.markdown markup.italic | #3dd68c | italic |
| text.html.markdown markup.strikethrough | #ff5555 | strikethrough |
| text.html.markdown markup.inline.raw.string | #f5a623 | — |
| text.html.markdown markup.underline.link | #60aaff | — |
| text.html.markdown meta.paragraph | #c8ccd2 | — |
| text.html.markdown punctuation.definition.heading | #0090ff | bold |
| text.html.markdown entity.name.section | #3dd68c | bold |
| text.html.markdown string.other.link.title | #3dd68c | — |
| text.html.markdown meta.separator | #565b62 | — |
| support.class.component.jsx, support.class.component.tsx | #f76b15 | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #ff5555 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #565b62 | — |
| entity.name.type.ts, entity.name.type.tsx | #3dd68c | bold |
| entity.name.type.interface.ts, entity.name.type.interface.tsx | #0090ff | bold |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #60aaff | bold |
| punctuation.decorator | #f5a623 | bold |
| entity.name.function.decorator | #f5a623 | bold |
| support.function.magic.python | #b36fe0 | bold italic |
| support.function.builtin.python | #3b9eff | — |
| storage.type.function.lambda | #b36fe0 | — |
| entity.name.type.parameter | #b36fe0 | — |
| keyword.control.default | #de51a8 | 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#7aa2f70a
- activityBar.activeBorder#7aa2f7
- activityBar.activeFocusBorder#7aa2f7
- activityBar.background#00000000
- activityBar.border#ffffff08
- activityBar.foreground#c0caf5
- activityBar.inactiveForeground#6a90b8
- activityBarBadge.background#7aa2f7
- activityBarBadge.foreground#00080f
- badge.background#7aa2f730
- badge.foreground#7aa2f7
- breadcrumb.activeSelectionForeground#7aa2f7
- breadcrumb.background#00000000
- breadcrumb.focusForeground#c0caf5
- breadcrumb.foreground#6a8aaa
- breadcrumbPicker.background#0a0e1490
- button.background#7aa2f7a0
- button.border#7aa2f740
- button.foreground#ffffff
- button.hoverBackground#7aa2f7c0
- button.secondaryBackground#ffffff14
- button.secondaryForeground#c0caf5
- button.secondaryHoverBackground#ffffff20
- diffEditor.diagonalFill#ffffff08
- diffEditor.insertedLineBackground#73daca08
- diffEditor.insertedTextBackground#73daca0e
- diffEditor.removedLineBackground#f7768e08
- diffEditor.removedTextBackground#f7768e0e
- editor.background#0c1018a8
- editor.findMatchBackground#7aa2f735
- editor.findMatchHighlightBackground#7aa2f718
- editor.hoverHighlightBackground#7aa2f710
- editor.inactiveSelectionBackground#7aa2f714
- editor.lineHighlightBackground#ffffff06
- editor.lineHighlightBorder#ffffff08
- editor.rangeHighlightBackground#7aa2f70a
- editor.selectionBackground#7aa2f728
- editor.selectionHighlightBackground#7aa2f714
- editor.wordHighlightBackground#7aa2f712
- editor.wordHighlightStrongBackground#7aa2f720
- editorBracketMatch.background#7aa2f714
- editorBracketMatch.border#ffffff30
- editorCursor.background#00080f
- editorCursor.foreground#7aa2f7
- editorError.border#f7768e30
- editorError.foreground#f7768e
- editorGroupHeader.noTabsBackground#0b0f17a0
- editorGroupHeader.tabsBackground#0b0f17a0
- editorGutter.addedBackground#73daca60
- editorGutter.background#00000000
- editorGutter.deletedBackground#f7768e60
- editorGutter.modifiedBackground#7aa2f760
- editorHint.foreground#86e1cb
- editorHoverWidget.background#060a10e0
- editorHoverWidget.border#ffffff14
- editorHoverWidget.statusBarBackground#070b12e0
- editorIndentGuide.activeBackground1#ffffff30
- editorIndentGuide.background1#ffffff10
- editorInfo.foreground#7aa2f7
- editorLineNumber.activeForeground#c0caf5
- editorLineNumber.foreground#3a5570
- editorSuggestWidget.background#0a0e14c2
- editorSuggestWidget.border#ffffff14
- editorSuggestWidget.foreground#c0d8f0
- editorSuggestWidget.highlightForeground#7aa2f7
- editorSuggestWidget.selectedBackground#7aa2f718
- editorWarning.border#e0af6830
- editorWarning.foreground#e0af68
- editorWidget.background#0a0e14c2
- editorWidget.border#ffffff15
- editorWidget.resizeBorder#ffffff40
- extensionBadge.remoteBackground#7aa2f730
- extensionBadge.remoteForeground#7aa2f7
- extensionButton.prominentBackground#7aa2f790
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#7aa2f7b0
- focusBorder#ffffff25
- gitDecoration.addedResourceForeground#73daca
- gitDecoration.conflictingResourceForeground#e0af68
- gitDecoration.deletedResourceForeground#f7768e
- gitDecoration.ignoredResourceForeground#3a5570
- gitDecoration.modifiedResourceForeground#7aa2f7
- gitDecoration.submoduleResourceForeground#bb9af7
- gitDecoration.untrackedResourceForeground#73daca
- input.background#ffffff05
- input.border#ffffff14
- input.foreground#c0caf5
- input.placeholderForeground#3a5570
- inputOption.activeBackground#7aa2f718
- inputOption.activeBorder#ffffff35
- inputOption.activeForeground#e8f4ff
- inputValidation.errorBackground#f7768e12
- inputValidation.errorBorder#f7768e
- inputValidation.infoBackground#7aa2f712
- inputValidation.infoBorder#ffffff35
- inputValidation.warningBackground#e0af6812
- inputValidation.warningBorder#e0af68
- list.activeSelectionBackground#7aa2f718
- list.activeSelectionForeground#e8f6ff
- list.dropBackground#7aa2f715
- list.focusBackground#7aa2f720
- list.focusForeground#e8f6ff
- list.highlightForeground#7aa2f7
- list.hoverBackground#ffffff06
- list.inactiveSelectionBackground#7aa2f710
- list.inactiveSelectionForeground#c0d8f0
- menu.background#06090fe0
- menu.border#ffffff14
- menu.foreground#c0d8f0
- menu.selectionBackground#7aa2f718
- menu.selectionBorder#00000000
- menu.selectionForeground#e8f4ff
- menu.separatorBackground#ffffff10
- menubar.selectionBackground#7aa2f70f
- menubar.selectionBorder#00000000
- menubar.selectionForeground#c0caf5
- minimap.background#00000000
- minimap.errorHighlight#f7768e
- minimap.findMatchHighlight#7aa2f7f5
- minimap.foregroundOpacity#000000c8
- minimap.selectionHighlight#7aa2f755
- minimap.warningHighlight#e0af68
- minimapGutter.addedBackground#73daca
- minimapGutter.deletedBackground#f7768e
- minimapGutter.modifiedBackground#7aa2f7
- minimapSlider.activeBackground#7aa2f730
- minimapSlider.background#7aa2f70f
- minimapSlider.hoverBackground#7aa2f71e
- notificationCenterHeader.background#040710e0
- notificationCenterHeader.foreground#8aaac8
- notificationLink.foreground#7aa2f7
- notifications.background#060a10e0
- notifications.border#ffffff14
- notificationsErrorIcon.foreground#f7768e
- notificationsInfoIcon.foreground#7aa2f7
- notificationsWarningIcon.foreground#e0af68
- panel.background#00000000
- panel.border#ffffff08
- panelTitle.activeBorder#7aa2f7
- panelTitle.activeForeground#c0caf5
- panelTitle.inactiveForeground#4a6a88
- pickerGroup.border#ffffff15
- pickerGroup.foreground#7aa2f7
- problemsErrorIcon.foreground#f7768e
- problemsInfoIcon.foreground#7aa2f7
- problemsWarningIcon.foreground#e0af68
- progressBar.background#7aa2f7
- quickInput.background#060a10e0
- quickInput.foreground#c0caf5
- quickInputList.focusBackground#7aa2f720
- quickInputList.focusForeground#e8f4ff
- quickInputList.focusIconForeground#7aa2f7
- quickInputTitle.background#7aa2f712
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#ffffff28
- scrollbarSlider.background#ffffff0f
- scrollbarSlider.hoverBackground#ffffff20
- selection.background#7aa2f735
- settings.checkboxBackground#060a10e0
- settings.checkboxBorder#ffffff20
- settings.dropdownBackground#060a10e0
- settings.dropdownListBorder#7aa2f720
- settings.focusedRowBackground#7aa2f706
- settings.headerForeground#c0caf5
- settings.modifiedItemIndicator#7aa2f7
- settings.numberInputBackground#ffffff05
- settings.numberInputBorder#ffffff14
- settings.rowHoverBackground#ffffff04
- settings.textInputBackground#ffffff05
- settings.textInputBorder#ffffff14
- sideBar.background#00000000
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#ffffff08
- sideBarSectionHeader.foreground#7090b0
- sideBarTitle.foreground#8aabcc
- statusBar.background#00000000
- statusBar.border#ffffff08
- statusBar.debuggingBackground#00000000
- statusBar.debuggingForeground#7aa2f7
- statusBar.foreground#8aaac8
- statusBar.noFolderBackground#00000000
- statusBar.noFolderForeground#8aaac8
- statusBarItem.activeBackground#7aa2f725
- statusBarItem.hoverBackground#7aa2f715
- statusBarItem.remoteBackground#7aa2f730
- statusBarItem.remoteForeground#e8f4ff
- tab.activeBackground#00000000
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#e8f4ff
- tab.border#ffffff08
- tab.hoverBackground#ffffff0a
- tab.inactiveBackground#00000000
- tab.inactiveForeground#8aabcc
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#a0c0e0
- terminal.ansiBlack#1a2535
- terminal.ansiBlue#7aa2f7
- terminal.ansiBrightBlack#3a5570
- terminal.ansiBrightBlue#48d8ff
- terminal.ansiBrightCyan#44f0d8
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#e8f2fc
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#86e1cb
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#c8d8e8
- terminal.ansiYellow#e0af68
- terminal.background#00000000
- terminal.findMatchBackground#7aa2f735
- terminal.findMatchHighlightBackground#7aa2f718
- terminal.foreground#c0caf5
- terminal.selectionBackground#7aa2f728
- terminalCursor.background#001822
- terminalCursor.foreground#7aa2f7
- titleBar.activeBackground#00000000
- titleBar.activeForeground#8aaac8
- titleBar.border#ffffff08
- titleBar.inactiveBackground#00000000
- titleBar.inactiveForeground#4a6a88
- tree.indentGuidesStroke#ffffff15
- welcomePage.background#0c1018
- welcomePage.tileBackground#ffffff06
- welcomePage.tileBorder#ffffff10
- welcomePage.tileHoverBackground#7aa2f70a
- window.activeBorder#00000000
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4a7090 | italic |
| comment.line.todo, comment.line.fixme, keyword.codetag.notation | #e0af68 | bold italic |
| string, string.quoted, punctuation.definition.string | #9ece6a | — |
| string.template, punctuation.definition.template-expression | #9ece6a | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #bb9af7 | — |
| keyword, keyword.control, storage.type.class, storage.type.function, storage.type.interface, storage.type.enum, storage.type.namespace | #bb9af7 | bold |
| storage.modifier, keyword.control.as, keyword.control.from, keyword.control.import, keyword.control.export | #ff80b8 | — |
| keyword.operator | #bb9af7 | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise | #e0af68 | — |
| entity.name.function, meta.function-call.generic, support.function | #73daca | bold |
| meta.function-call | #7dcfff | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class | #86e1cb | bold |
| meta.type.annotation, entity.name.type.alias, entity.name.type.interface, entity.name.type.enum, support.type | #7dcfff | — |
| variable, variable.other.readwrite | #c0caf5 | — |
| variable.other.constant, variable.other.declaration, support.variable.property.const | #bb9af7 | bold |
| variable.object.property, meta.object.member, support.variable.property, meta.property.object | #7dcfff | — |
| constant.numeric | #bb9af7 | — |
| constant.language | #bb9af7 | italic |
| support.constant, constant.other | #bb9af7 | — |
| constant.character.escape | #ff8080 | — |
| string.regexp | #ff8080 | — |
| keyword.operator.quantifier.regexp, punctuation.definition.group.regexp, keyword.operator.or.regexp | #e0af68 | — |
| entity.name.tag, punctuation.definition.tag | #bb9af7 | — |
| entity.other.attribute-name | #e0af68 | — |
| string.quoted.double.html, string.quoted.single.html | #9ece6a | — |
| entity.name.tag.css | #bb9af7 | — |
| support.type.property-name | #7dcfff | — |
| support.function.transform.css, support.constant.property-value.css, constant.other.color.rgb-value.css, support.function.misc.css | #9ece6a | — |
| keyword.other.unit | #bb9af7 | — |
| support.type.property-name.json | #7dcfff | — |
| markup.heading, punctuation.definition.heading.markdown | #7aa2f7 | bold |
| markup.bold | #c0caf5 | bold |
| markup.italic | #d0c8f0 | italic |
| markup.inline.raw, markup.fenced_code.block | #9ece6a | — |
| markup.underline.link, string.other.link.title.markdown | #7aa2f7 | — |
| markup.quote | #4a7090 | italic |
| punctuation | #4a6070 | — |
| punctuation.section.block, punctuation.definition.block, meta.brace.square, meta.brace.round | #7090a8 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #9888f8 | — |
| variable.language.this, variable.language.self, variable.language.super | #bb9af7 | italic |
| invalid.deprecated | #e0af68 | strikethrough |
| invalid | #f7768e | underline |