Kanagawa Vague
Publisher: Emmett HintzThemes in package: 2
A VSCode port of vague.nvim with both dark (Kanagawa-inspired) and light (Serendipity Morning-inspired) variants.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#8cb66d
- activityBar.background#141415
- activityBar.dropBorder#141415
- activityBar.foreground#cdcdcd
- activityBar.inactiveForeground#878787
- activityBarBadge.background#8cb66d
- activityBarBadge.foreground#141415
- badge.background#8cb66d
- badge.foreground#141415
- banner.background#141415
- banner.foreground#cdcdcd
- banner.iconForeground#878787
- breadcrumb.activeSelectionForeground#8cb66d
- breadcrumb.background#141415
- breadcrumb.focusForeground#878787
- breadcrumb.foreground#878787
- breadcrumbPicker.background#252530
- button.background#8cb66d
- button.foreground#141415
- button.hoverBackground#8cb66de6
- button.secondaryBackground#252530
- button.secondaryForeground#cdcdcd
- button.secondaryHoverBackground#252530
- charts.blue#6e94b2
- charts.foreground#cdcdcd
- charts.green#8cb66d
- charts.lines#878787
- charts.orange#e0a363
- charts.purple#aeaed1
- charts.red#df6882
- charts.yellow#f3be7c
- checkbox.background#252530
- checkbox.border#87878733
- checkbox.foreground#cdcdcd
- debugExceptionWidget.background#252530
- debugExceptionWidget.border#87878733
- diffEditor.border#141415
- diffEditor.diagonalFill#141415
- diffEditor.insertedLineBackground#141415
- diffEditor.insertedTextBackground#141415
- diffEditor.removedLineBackground#df688226
- diffEditor.removedTextBackground#df688226
- diffEditorOverview.insertedForeground#8cb66d80
- diffEditorOverview.removedForeground#df688280
- dropdown.background#252530
- dropdown.border#87878733
- dropdown.foreground#cdcdcd
- dropdown.listBackground#252530
- editor.background#141415
- editor.findMatchBackground#33373833
- editor.findMatchBorder#8cb66d80
- editor.findRangeHighlightBackground#33373866
- editor.findRangeHighlightBorder#0000
- editor.foreground#cdcdcd
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#3337381a
- editor.lineHighlightBackground#252530
- editor.lineHighlightBorder#0000
- editor.rangeHighlightBackground#33373866
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#333738
- editor.selectionForeground#cdcdcd
- editor.snippetFinalTabstopHighlightBackground#33373833
- editor.snippetFinalTabstopHighlightBorder#252530
- editor.snippetTabstopHighlightBackground#33373833
- editor.snippetTabstopHighlightBorder#252530
- editor.wordHighlightBackground#33373833
- editor.wordHighlightBorder#878787
- editorBracketMatch.background#252530
- editorBracketMatch.border#878787
- editorCursor.foreground#cdcdcd
- editorGroupHeader.tabsBackground#141415
- editorGroupHeader.tabsBorder#141415
- editorLineNumber.activeForeground#cdcdcd
- editorLineNumber.foreground#878787
- editorLinkedEditingBackground#252530
- explorer.background#141415
- minimapGutter.addedBackground#8cb66d
- minimapGutter.deletedBackground#df6882
- minimapGutter.modifiedBackground#e0a363
- panel.background#141415
- panel.border#141415
- scrollbar.shadow#141415
- scrollbarSlider.activeBackground#4a4a60
- scrollbarSlider.background#252530
- scrollbarSlider.hoverBackground#3a3a50
- sideBar.background#141415
- sideBar.foreground#cdcdcd
- sideBarSectionHeader.background#141415
- sideBarSectionHeader.foreground#cdcdcd
- statusBar.background#141415
- statusBar.foreground#cdcdcd
- statusBar.noFolderBackground#252530
- tab.activeBackground#252530
- tab.activeForeground#cdcdcd
- tab.inactiveBackground#141415
- tab.inactiveForeground#878787
- terminal.ansiBlack#26233a
- terminal.ansiBlue#6e94b2
- terminal.ansiBrightBlack#908caa
- terminal.ansiBrightBlue#6e94b2
- terminal.ansiBrightCyan#7e98e8
- terminal.ansiBrightGreen#8cb66d
- terminal.ansiBrightMagenta#c48282
- terminal.ansiBrightRed#df6882
- terminal.ansiBrightWhite#e0def4
- terminal.ansiBrightYellow#f3be7c
- terminal.ansiCyan#7e98e8
- terminal.ansiGreen#8cb66d
- terminal.ansiMagenta#c48282
- terminal.ansiRed#df6882
- terminal.ansiWhite#e0def4
- terminal.ansiYellow#f3be7c
- terminal.background#141415
- terminal.foreground#cdcdcd
- titleBar.activeBackground#141415
- titleBar.activeForeground#cdcdcd
- titleBar.inactiveBackground#141415
- titleBar.inactiveForeground#878787
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6e6a86 | italic |
| constant | #aeaed1 | — |
| constant.numeric, constant.language | #e0a363 | — |
| entity.name | #b4d4cf | — |
| entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type | #9bb4bc | — |
| entity.other.attribute-name, entity.other.inherited-class | #bb9dbd | italic |
| invalid | #df6882 | — |
| invalid.deprecated | #908caa | — |
| keyword | #6e94b2 | — |
| markup.inserted.diff | #8cb66d | — |
| markup.deleted.diff | #df6882 | — |
| markup.heading | — | bold |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.diff.range | #c48282 | — |
| meta.tag, meta.brace | #e0def4 | — |
| meta.import, meta.export | #6e94b2 | — |
| meta.directive.vue | #c48282 | italic |
| meta.property-name.css | #c3c3d5 | — |
| meta.property-value.css | #e8b589 | — |
| meta.tag.other.html | #878787 | — |
| punctuation | #878787 | — |
| punctuation.accessor | #6e94b2 | — |
| punctuation.definition.string | #e8b589 | — |
| punctuation.definition.tag | #878787 | — |
| storage.type, storage.modifier | #6e94b2 | — |
| string | #e8b589 | — |
| support | #b4d4cf | — |
| support.constant | #aeaed1 | — |
| support.function | #df6882 | — |
| variable.other, variable.language, variable.function, variable.argument | #cdcdcd | — |
| entity.name.function, meta.member.property | #df6882 | — |
| variable.parameter | #bb9dbd | — |
| punctuation.definition.bracket.level1 | #8cb66d | — |
| punctuation.definition.bracket.level2 | #6e94b2 | — |
| punctuation.definition.bracket.level3 | #e0a363 | — |
| punctuation.definition.bracket.level4 | #df6882 | — |
| punctuation.definition.bracket.level5 | #aeaed1 | — |
| punctuation.definition.bracket.level6 | #cdcdcd | — |