Vuewave Dark Theme
Publisher: AndreyThemes in package: 1
A simple vue theme that does not strain your eyes.
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.background#293134
- activityBarBadge.background#058bc9
- editor.background#293134
- editor.findMatchHighlightBackground#64a8b66b
- editor.foreground#d7dbe0
- editor.lineHighlightBackground#2f393c
- editor.selectionBackground#3a4a52
- editor.selectionHighlightBorder#888888
- editorCursor.foreground#f8f8f0
- editorGroup.border#474c52
- editorGroupHeader.noTabsBackground#293134
- editorGroupHeader.tabsBackground#293134
- editorIndentGuide.activeBackground#cfccc6
- editorLineNumber.activeForeground#ffffff
- editorWhitespace.foreground#2f393c
- sideBar.background#293134
- statusBar.background#058bc9
- tab.activeBackground#1c2325
- tab.border#293134
- tab.inactiveBackground#30393d
- titleBar.activeBackground#293134
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment punctuation | #5D6971 | — |
| comment.block.preprocessor | #5D6971 | |
| string, meta.property-value.string, support.constant.property-value.string | #FCB650 | — |
| constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color | #FF8F2E | — |
| constant.language | #87BCD1 | — |
| constant.character, constant.other | #678CB1 | — |
| keyword, meta.property-value.keyword, support.constant.property-value.keyword | #97CCF1 | — |
| storage | #678CB1 | — |
| storage.type | #678CB1 | — |
| entity.name.class | #FAFAFA | — |
| entity.other.inherited-class | #FAFAFA | — |
| entity.name.function | #E0E2E4 | — |
| variable.parameter | #E0E2E4 | — |
| entity.name.tag | #FAFAFA | |
| entity.other.attribute-name | #E0E2E4 | — |
| support.function | #E0E2E4 | |
| support.constant | #E0E2E4 | — |
| support.type, support.class | #E0E2E4 | — |
| invalid | #f8f8f0 | |
| invalid.deprecated | #f8f8f0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #B0A17D | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #A6E22E | — |
| markup.inserted | #F85931 | — |
| markup.changed | #E6DB74 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| keyword.other | #E0E2E4 | — |
| meta.property-value, support.constant.property-value | #BFBCB6 | — |
| meta.structure.dictionary.json string.quoted.double.json | #678CB1 | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #F0F0F0 | — |
| entity.name, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name, entity.name.tag.table | #9DA9B1 | normal |
| meta.property-value punctuation.separator.key-value | #7D8991 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #FF8F2E | — |
| variable.parameter.function.coffee | #FFE32E | italic |
| entity.name.section.md, entity.name.type.md | #7D8991 | — |
| punctuation.definition.heading.md, entity.name.type.md | #7D8991 | — |
| markup.raw.inline.md, variable.md | #CFCCC6 | — |
| punctuation.definition.metadata.md, string.link.md | #B8A07D | — |
| markup.underline.link.md, markup.underline.link.image.md, meta.image.inline.mamdrkdown | #FF8F2E | italic |
| markup.raw.block.md | #00a8c6 | — |
| markup.deleted.git_gutter | #e61f44 | — |
| markup.inserted.git_gutter | #a7da1e | — |
| markup.changed.git_gutter | #f7b83d | — |
| entity.other.attribute-name.class.css | #CFCCC6 | — |
| punctuation, keyword.operator, delimiter.tag, punctuation.tag, tag.xml, tag.html | #FAFAFA | — |
| tag.xml, tag.html | #7D8991 | — |
| variable | #FAFAFA | — |
| variable.language.makefile, variable.other.makefile | #7D8991 | — |
| delimiter | #678CB1 | — |
| meta.property-name.css | #7D8991 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| entity.name.type | #ba98d3 | — |
| entity.name.class | #ba98d3 | — |
| support.type | #ba98d3 | — |
| support.class | #ba98d3 | — |
| variable | #adb4c4 | — |
| entity.other.attribute-name | #4fb3db | — |
| storage | — | bold |
| entity.name.tag | #99cfcb | — |
| punctuation.definition.tag | #5c91a5 | — |
| support.constant | — | — |
| punctuation | #adb4c4 | — |
| string, meta.property-value.string, support.constant.property-value.string | #b7db98 | — |
| entity.other.attribute-name.class.css | #b7db98 | — |
| keyword.operator | #87BCD1 | — |
| constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color | #f77d58 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #f77d58 | — |
| constant.character, constant.other | #4fb3db | — |
| entity.name, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name, entity.name.tag.table | #64a0b8 | normal |
| entity.name.type | #c097c0 | — |
| entity.name.class | #c097c0 | — |
| support.type | #c097c0 | — |
| support.class | #c097c0 | — |
| variable | #adb4c4 | — |
| entity.other.attribute-name | #4fb3db | — |
| storage | — | bold |
| entity.name.tag | #99cfcb | — |
| punctuation.definition.tag | #5c91a5 | — |
| support.constant | — | — |
| punctuation | #adb4c4 | — |
| string, meta.property-value.string, support.constant.property-value.string | #b7db98 | — |
| entity.other.attribute-name.class.css | #b7db98 | — |
| keyword.operator | #87BCD1 | — |
| constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color | #f77d58 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #f77d58 | — |
| constant.character, constant.other | #4fb3db | — |
| entity.name, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name, entity.name.tag.table | #64a0b8 | normal |
| variable.parameter | #adb4c4 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable | #adb4c4 | — |
| meta.object-literal.key | #adb4c4 | — |
| meta.embedded, source.groovy.embedded | #adb4c4 | — |
| string | #8cb389 | — |
| entity.name.type | #a2b3c4 | — |
| entity.name.class | #a2b3c4 | — |
| support.type | #a2b3c4 | — |
| support.class | #a2b3c4 | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #8cb389 | — |
| string, meta.property-value.string, support.constant.property-value.string | #8cb389 | — |
| entity.other.attribute-name.class.css | #8cb389 | — |
| constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color | #e79880 | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #e79880 | — |
| support.function | #8798b6 | |
| support.constant | #8798b6 | — |
| entity.name.function | #8798b6 | — |
| variable.parameter | #a2b3c4 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable | #a2b3c4 | — |
| meta.object-literal.key | #a2b3c4 | — |
| meta.embedded, source.groovy.embedded | #a2b3c4 | — |
| keyword, meta.property-value.keyword, support.constant.property-value.keyword | #c097c0 | — |
| entity.name.tag | #87d1cb | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...