Vague2k
Publisher: SensorEvolveThemes in package: 1
A VS Code port of the Vague2k Neovim theme — muted, dark, and refined.
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#9bb4bc
- activityBar.background#050301
- activityBar.border#050301
- activityBar.foreground#cdcdcd
- activityBar.inactiveForeground#606079
- activityBarBadge.background#d8647e
- activityBarBadge.foreground#cdcdcd
- badge.background#6e94b2
- badge.foreground#cdcdcd
- breadcrumb.activeSelectionForeground#e8b589
- breadcrumb.focusForeground#cdcdcd
- breadcrumb.foreground#606079
- breadcrumbPicker.background#141415
- button.background#6e94b2
- button.foreground#cdcdcd
- button.hoverBackground#7e98e8
- button.secondaryBackground#252530
- button.secondaryForeground#cdcdcd
- button.secondaryHoverBackground#333738
- charts.blue#6e94b2
- charts.foreground#cdcdcd
- charts.green#7fa563
- charts.lines#252530
- charts.orange#f3be7c
- charts.purple#bb9dbd
- charts.red#d8647e
- charts.yellow#e0a363
- checkbox.background#141415
- checkbox.border#252530
- checkbox.foreground#cdcdcd
- debugConsole.errorForeground#d8647e
- debugConsole.infoForeground#b4d4cf
- debugConsole.sourceForeground#e8b589
- debugConsole.warningForeground#f3be7c
- debugToolBar.background#141415
- descriptionForeground#90a0b5
- diffEditor.diagonalFill#25253080
- diffEditor.insertedLineBackground#7fa56310
- diffEditor.insertedTextBackground#7fa56320
- diffEditor.removedLineBackground#d8647e10
- diffEditor.removedTextBackground#d8647e20
- dropdown.background#141415
- dropdown.border#252530
- dropdown.foreground#cdcdcd
- dropdown.listBackground#141415
- editor.background#050301
- editor.findMatchBackground#40506580
- editor.findMatchHighlightBackground#40506540
- editor.findRangeHighlightBackground#141415
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#1c1c24
- editor.inactiveSelectionBackground#1c1c24
- editor.lineHighlightBackground#141415
- editor.lineHighlightBorder#141415
- editor.rangeHighlightBackground#1c1c24
- editor.selectionBackground#333738
- editor.selectionHighlightBackground#33373880
- editor.wordHighlightBackground#1c1c24aa
- editor.wordHighlightStrongBackground#252530aa
- editorBracketMatch.background#6e94b230
- editorBracketMatch.border#6e94b280
- editorCodeLens.foreground#606079
- editorCursor.background#050301
- editorCursor.foreground#b4d4cf
- editorError.foreground#d8647e
- editorGroup.border#141415
- editorGroup.dropBackground#25253040
- editorGroupHeader.noTabsBackground#050301
- editorGroupHeader.tabsBackground#050301
- editorGutter.addedBackground#7fa563
- editorGutter.background#050301
- editorGutter.deletedBackground#d8647e
- editorGutter.modifiedBackground#6e94b2
- editorHint.foreground#9bb4bc
- editorHoverWidget.background#141415
- editorHoverWidget.border#252530
- editorHoverWidget.foreground#cdcdcd
- editorIndentGuide.activeBackground#333738
- editorIndentGuide.background#252530
- editorInfo.foreground#7e98e8
- editorLineNumber.activeForeground#606079
- editorLineNumber.foreground#252530
- editorLink.activeForeground#b4d4cf
- editorOverviewRuler.addedForeground#7fa563
- editorOverviewRuler.border#141415
- editorOverviewRuler.deletedForeground#d8647e
- editorOverviewRuler.errorForeground#d8647e
- editorOverviewRuler.findMatchForeground#e0a363
- editorOverviewRuler.infoForeground#b4d4cf
- editorOverviewRuler.modifiedForeground#6e94b2
- editorOverviewRuler.rangeHighlightForeground#b4d4cf
- editorOverviewRuler.selectionHighlightForeground#90a0b5
- editorOverviewRuler.warningForeground#f3be7c
- editorOverviewRuler.wordHighlightForeground#9bb4bc
- editorOverviewRuler.wordHighlightStrongForeground#e8b589
- editorRuler.foreground#1c1c24
- editorSuggestWidget.background#141415
- editorSuggestWidget.border#252530
- editorSuggestWidget.foreground#cdcdcd
- editorSuggestWidget.highlightForeground#e8b589
- editorSuggestWidget.selectedBackground#1c1c24
- editorWarning.foreground#f3be7c
- editorWhitespace.foreground#252530
- editorWidget.background#141415
- editorWidget.border#252530
- editorWidget.foreground#cdcdcd
- editorWidget.resizeBorder#9bb4bc
- errorForeground#d8647e
- focusBorder#6e94b240
- foreground#cdcdcd
- gitDecoration.addedResourceForeground#7fa563
- gitDecoration.conflictingResourceForeground#f3be7c
- gitDecoration.deletedResourceForeground#d8647e
- gitDecoration.ignoredResourceForeground#252530
- gitDecoration.modifiedResourceForeground#6e94b2
- gitDecoration.renamedResourceForeground#9bb4bc
- gitDecoration.submoduleResourceForeground#e8b589
- gitDecoration.untrackedResourceForeground#7fa563
- icon.foreground#90a0b5
- input.background#141415
- input.border#252530
- input.foreground#cdcdcd
- input.placeholderForeground#606079
- inputOption.activeBackground#252530
- inputOption.activeBorder#6e94b2
- inputOption.activeForeground#cdcdcd
- inputValidation.errorBackground#141415
- inputValidation.errorBorder#d8647e
- inputValidation.infoBackground#141415
- inputValidation.infoBorder#b4d4cf
- inputValidation.warningBackground#141415
- inputValidation.warningBorder#f3be7c
- keybindingLabel.background#1c1c24
- keybindingLabel.border#333738
- keybindingLabel.bottomBorder#333738
- keybindingLabel.foreground#cdcdcd
- list.activeSelectionBackground#1c1c24
- list.activeSelectionForeground#cdcdcd
- list.dropBackground#252530
- list.errorForeground#d8647e
- list.focusBackground#1c1c24
- list.focusForeground#cdcdcd
- list.highlightForeground#e8b589
- list.hoverBackground#141415
- list.hoverForeground#cdcdcd
- list.inactiveSelectionBackground#141415
- list.inactiveSelectionForeground#90a0b5
- list.warningForeground#f3be7c
- menu.background#141415
- menu.border#141415
- menu.foreground#cdcdcd
- menu.selectionBackground#1c1c24
- menu.selectionForeground#cdcdcd
- menu.separatorBackground#252530
- menubar.selectionBackground#1c1c24
- menubar.selectionForeground#cdcdcd
- merge.border#141415
- merge.currentContentBackground#6e94b220
- merge.currentHeaderBackground#6e94b240
- merge.incomingContentBackground#7fa56320
- merge.incomingHeaderBackground#7fa56340
- minimap.background#050301
- minimap.errorHighlight#d8647e
- minimap.selectionHighlight#333738
- minimap.warningHighlight#f3be7c
- minimapGutter.addedBackground#7fa563
- minimapGutter.deletedBackground#d8647e
- minimapGutter.modifiedBackground#6e94b2
- notificationCenterHeader.background#050301
- notificationCenterHeader.foreground#90a0b5
- notificationLink.foreground#b4d4cf
- notifications.background#141415
- notifications.border#252530
- notifications.foreground#cdcdcd
- notificationsErrorIcon.foreground#d8647e
- notificationsInfoIcon.foreground#b4d4cf
- notificationsWarningIcon.foreground#f3be7c
- panel.background#050301
- panel.border#141415
- panelTitle.activeBorder#9bb4bc
- panelTitle.activeForeground#cdcdcd
- panelTitle.inactiveForeground#606079
- peekView.border#6e94b2
- peekViewEditor.background#0a0a0b
- peekViewEditor.matchHighlightBackground#e0a36330
- peekViewEditorGutter.background#0a0a0b
- peekViewResult.background#141415
- peekViewResult.fileForeground#cdcdcd
- peekViewResult.lineForeground#90a0b5
- peekViewResult.matchHighlightBackground#e0a36330
- peekViewResult.selectionBackground#1c1c24
- peekViewResult.selectionForeground#cdcdcd
- peekViewTitle.background#050301
- peekViewTitleDescription.foreground#90a0b5
- peekViewTitleLabel.foreground#cdcdcd
- pickerGroup.border#252530
- pickerGroup.foreground#606079
- progressBar.background#6e94b2
- quickInput.background#141415
- quickInput.foreground#cdcdcd
- quickInputTitle.background#050301
- scrollbar.shadow#05030180
- scrollbarSlider.activeBackground#333738
- scrollbarSlider.background#25253060
- scrollbarSlider.hoverBackground#33373880
- selection.background#333738
- settings.checkboxBackground#141415
- settings.checkboxBorder#252530
- settings.checkboxForeground#cdcdcd
- settings.dropdownBackground#141415
- settings.dropdownBorder#252530
- settings.dropdownForeground#cdcdcd
- settings.headerForeground#cdcdcd
- settings.modifiedItemIndicator#6e94b2
- settings.numberInputBackground#141415
- settings.numberInputBorder#252530
- settings.numberInputForeground#cdcdcd
- settings.textInputBackground#141415
- settings.textInputBorder#252530
- settings.textInputForeground#cdcdcd
- sideBar.background#050301
- sideBar.border#141415
- sideBar.foreground#90a0b5
- sideBarSectionHeader.background#050301
- sideBarSectionHeader.border#141415
- sideBarSectionHeader.foreground#cdcdcd
- sideBarTitle.foreground#cdcdcd
- statusBar.background#050301
- statusBar.border#141415
- statusBar.debuggingBackground#d8647e
- statusBar.debuggingForeground#cdcdcd
- statusBar.foreground#90a0b5
- statusBar.noFolderBackground#050301
- statusBarItem.activeBackground#1c1c24
- statusBarItem.hoverBackground#141415
- statusBarItem.remoteBackground#6e94b2
- statusBarItem.remoteForeground#cdcdcd
- tab.activeBackground#141415
- tab.activeBorder#9bb4bc
- tab.activeBorderTop#9bb4bc
- tab.activeForeground#cdcdcd
- tab.border#050301
- tab.hoverBackground#141415
- tab.inactiveBackground#050301
- tab.inactiveForeground#606079
- tab.unfocusedActiveBackground#141415
- tab.unfocusedActiveForeground#90a0b5
- tab.unfocusedInactiveForeground#606079
- terminal.ansiBlack#141415
- terminal.ansiBlue#6e94b2
- terminal.ansiBrightBlack#606079
- terminal.ansiBrightBlue#6e94b2
- terminal.ansiBrightCyan#b4d4cf
- terminal.ansiBrightGreen#7fa563
- terminal.ansiBrightMagenta#bb9dbd
- terminal.ansiBrightRed#d8647e
- terminal.ansiBrightWhite#cdcdcd
- terminal.ansiBrightYellow#e0a363
- terminal.ansiCyan#b4d4cf
- terminal.ansiGreen#7fa563
- terminal.ansiMagenta#bb9dbd
- terminal.ansiRed#d8647e
- terminal.ansiWhite#cdcdcd
- terminal.ansiYellow#e0a363
- terminal.background#050301
- terminal.border#141415
- terminal.foreground#cdcdcd
- terminal.selectionBackground#333738
- terminalCursor.background#050301
- terminalCursor.foreground#b4d4cf
- textBlockQuote.background#141415
- textBlockQuote.border#6e94b2
- textCodeBlock.background#141415
- textLink.activeForeground#b4d4cf
- textLink.foreground#b4d4cf
- textPreformat.foreground#e8b589
- textSeparator.foreground#252530
- titleBar.activeBackground#050301
- titleBar.activeForeground#90a0b5
- titleBar.border#141415
- titleBar.inactiveBackground#050301
- titleBar.inactiveForeground#606079
- widget.shadow#05030180
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #cdcdcd | — |
| comment, punctuation.definition.comment | #606079 | italic |
| string, string.quoted, string.template | #e8b589 | — |
| constant.character.escape, string.regexp | #b4d4cf | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #e0a363 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #aeaed1 | italic |
| constant.other, constant.character | #aeaed1 | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.in | #6e94b2 | italic |
| keyword.control.return, keyword.control.yield | #d8647e | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.rest, keyword.operator.ternary, keyword.operator.optional | #90a0b5 | — |
| storage, storage.type, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.namespace, storage.type.module, storage.type.var, storage.type.let, storage.type.const, storage.type.async, storage.modifier | #6e94b2 | italic |
| entity.name.function, meta.function entity.name.function, support.function | #c48282 | — |
| meta.function-call entity.name.function, meta.function-call.generic, meta.method-call entity.name.function | #c48282 | — |
| entity.name.class, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.namespace, entity.name.type | #9bb4bc | — |
| entity.other.inherited-class | #e8b589 | italic |
| variable.parameter, meta.function.parameter | #bb9dbd | italic |
| variable, variable.other, variable.other.readwrite, variable.other.object | #cdcdcd | — |
| variable.language.this, variable.language.self, variable.language.super | #d8647e | italic |
| variable.other.property, variable.other.object.property, support.variable.property, meta.property.object | #c3c3d5 | — |
| meta.type.annotation, meta.type.parameters, entity.name.type.primitive, support.type.primitive, support.type.builtin | #9bb4bc | italic |
| meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.annotation | #bb9dbd | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section | #90a0b5 | — |
| punctuation.definition.bracket, meta.brace, punctuation.definition.block, punctuation.definition.array, punctuation.definition.parameters, punctuation.definition.arguments | #90a0b5 | — |
| string.quoted.double.import, string.quoted.single.import, meta.import string | #e8b589 | — |
| meta.object-literal.key, meta.objectliteral entity.name.function, string.quoted.json support.type.property-name | #c3c3d5 | — |
| entity.name.tag, meta.tag entity.name.tag | #d8647e | — |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #aeaed1 | — |
| meta.attribute-with-value string, meta.tag.inline string, meta.attribute string.quoted | #e8b589 | — |
| support.type.property-name.css, meta.property-name, support.type.property-name | #b4d4cf | — |
| meta.property-value, support.constant.property-value, support.constant.color, support.constant.font-name, support.constant.media-type | #e8b589 | — |
| entity.name.tag.css, meta.selector, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #e0a363 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #9bb4bc | — |
| keyword.control.at-rule, keyword.control.at-rule.media, keyword.control.at-rule.keyframes, keyword.control.at-rule.import | #6e94b2 | italic |
| markup.heading, markup.heading.setext, entity.name.section.markdown, punctuation.definition.heading.markdown | #e8b589 | bold |
| markup.bold, punctuation.definition.bold | #e0a363 | bold |
| markup.italic, punctuation.definition.italic | #e8b589 | italic |
| markup.underline.link, markup.underline.link.image | #b4d4cf | underline |
| string.other.link.title.markdown, string.other.link.description.markdown | #9bb4bc | — |
| markup.raw.inline, markup.raw.block, markup.fenced_code.block | #b4d4cf | — |
| punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown | #d8647e | — |
| markup.quote, punctuation.definition.quote.begin.markdown | #606079 | italic |
| source.json support.type.property-name | #c3c3d5 | — |
| support.function.builtin.python, support.type.python | #b4d4cf | italic |
| support.function.magic.python | #c48282 | italic |
| entity.name.function.decorator.python, meta.function.decorator.python | #bb9dbd | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #d8647e | italic |
| entity.name.function.macro.rust, meta.macro.rust | #b4d4cf | — |
| entity.name.package.go | #9bb4bc | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell | #e8b589 | — |
| invalid, invalid.illegal, invalid.deprecated | #d8647e | strikethrough |
| support.function, support.class, support.other.module | #b4d4cf | — |