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#FDFDFE
- activityBar.dropBorder#FDFDFE
- activityBar.foreground#141415
- activityBar.inactiveForeground#878787
- activityBarBadge.background#8cb66d
- activityBarBadge.foreground#141415
- badge.background#8cb66d
- badge.foreground#141415
- banner.background#FDFDFE
- banner.foreground#141415
- banner.iconForeground#878787
- breadcrumb.activeSelectionForeground#8cb66d
- breadcrumb.background#FDFDFE
- breadcrumb.focusForeground#878787
- breadcrumb.foreground#878787
- breadcrumbPicker.background#F1F1F4
- button.background#8cb66d
- button.foreground#141415
- button.hoverBackground#8cb66de6
- button.secondaryBackground#F1F1F4
- button.secondaryForeground#141415
- button.secondaryHoverBackground#F1F1F4
- charts.blue#6e94b2
- charts.foreground#141415
- charts.green#8cb66d
- charts.lines#878787
- charts.orange#e0a363
- charts.purple#aeaed1
- charts.red#df6882
- charts.yellow#f3be7c
- checkbox.background#F1F1F4
- checkbox.border#87878733
- checkbox.foreground#141415
- debugExceptionWidget.background#F1F1F4
- debugExceptionWidget.border#87878733
- diffEditor.border#FDFDFE
- diffEditor.diagonalFill#FDFDFE
- diffEditor.insertedLineBackground#FDFDFE
- diffEditor.insertedTextBackground#FDFDFE
- diffEditor.removedLineBackground#df688226
- diffEditor.removedTextBackground#df688226
- diffEditorOverview.insertedForeground#8cb66d80
- diffEditorOverview.removedForeground#df688280
- dropdown.background#F1F1F4
- dropdown.border#87878733
- dropdown.foreground#141415
- dropdown.listBackground#F1F1F4
- editor.background#FDFDFE
- editor.findMatchBackground#E0E0E0
- editor.findMatchBorder#8cb66d80
- editor.findRangeHighlightBackground#E0E0E0
- editor.findRangeHighlightBordertransparent
- editor.foreground#141415
- editor.hoverHighlightBackgroundtransparent
- editor.inactiveSelectionBackground#E0E0E01a
- editor.lineHighlightBackground#F1F1F4
- editor.lineHighlightBordertransparent
- editor.rangeHighlightBackground#E0E0E0
- editor.rangeHighlightBordertransparent
- editor.selectionBackground#E0E0E0
- editor.selectionForeground#141415
- editor.snippetFinalTabstopHighlightBackground#E0E0E0
- editor.snippetFinalTabstopHighlightBorder#F1F1F4
- editor.snippetTabstopHighlightBackground#E0E0E0
- editor.snippetTabstopHighlightBorder#F1F1F4
- editor.wordHighlightBackground#E0E0E0
- editor.wordHighlightBorder#878787
- editorBracketMatch.background#F1F1F4
- editorBracketMatch.border#878787
- editorCursor.foreground#141415
- editorGroupHeader.tabsBackground#FDFDFE
- editorGroupHeader.tabsBorder#878787
- editorLineNumber.activeForeground#141415
- editorLineNumber.foreground#878787
- editorLinkedEditingBackground#F1F1F4
- explorer.background#FDFDFE
- panel.background#FDFDFE
- panel.border#FDFDFE
- scrollbar.shadow#FDFDFE
- scrollbarSlider.activeBackground#8cb66d
- scrollbarSlider.background#F1F1F4
- scrollbarSlider.hoverBackground#C0C0C0
- sideBar.background#FDFDFE
- sideBar.foreground#141415
- sideBarSectionHeader.background#FDFDFE
- sideBarSectionHeader.foreground#141415
- statusBar.background#FDFDFE
- statusBar.foreground#141415
- statusBar.noFolderBackground#F1F1F4
- tab.activeBackground#F1F1F4
- tab.activeForeground#141415
- tab.inactiveBackground#FDFDFE
- 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#FDFDFE
- terminal.foreground#141415
- titleBar.activeBackground#FDFDFE
- titleBar.activeForeground#141415
- titleBar.inactiveBackground#FDFDFE
- 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 | #141415 | — |
| 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 | #141415 | — |