Vitality
Publisher: Luca FedrizziThemes in package: 1
A material theme with support for italic keywords, with the intent of being hyper-readable
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#263238
- activityBar.foreground#607D8B
- activityBarBadge.background#FFC107
- activityBarBadge.foreground#263238
- button.background#455c67
- button.hoverBackground#263238
- dropdown.border#182328
- editor.background#263238
- editor.foreground#B2CCD6
- editor.hoverHighlightBackground#182328
- editor.lineHighlightBackground#212121
- editor.lineHighlightBorder#212121
- editor.selectionBackground#455A64
- editor.wordHighlightBackground#455A64
- editor.wordHighlightStrongBackground#455A64
- editorCursor.foreground#FFC107
- editorGroup.background#263238
- editorGroup.border#182328
- editorGroupHeader.noTabsBackground#263238
- editorGroupHeader.tabsBackground#263238
- editorLineNumber.foreground#455A64
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#455c67
- editorWidget.background#182328
- focusBorder#455c67
- input.background#212121
- input.border#212121
- list.activeSelectionBackground#182328
- list.focusBackground#182328
- list.hoverBackground#263238
- list.inactiveSelectionBackground#1f292e
- panel.border#263238
- panelTitle.activeBorder#263238
- panelTitle.inactiveForeground#455c67
- scrollbar.shadow#263238
- scrollbarSlider.activeBackground#2121217f
- scrollbarSlider.background#9E9E9E3b
- scrollbarSlider.hoverBackground#2121217f
- sideBar.background#263238
- statusBar.background#607D8B
- statusBar.foreground#E0E0E0
- tab.activeBackground#455A64
- tab.border#263238
- tab.inactiveBackground#263238
- terminal.ansiBlack#263238
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#7FCAC3
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#f77669
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#B2CCD6
- terminal.ansiBrightYellow#FFCC00
- terminal.ansiCyan#7FCAC3
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#f77669
- terminal.ansiRed#FA6981
- terminal.ansiWhite#B2CCD6
- terminal.ansiYellow#FFCC00
- titleBar.activeBackground#263238
- titleBar.inactiveBackground#263238
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #B2CCD6 | — |
| string | #C3E88D | — |
| constant.language.boolean | #f77669 | — |
| constant.numeric | #f77669 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #FA6981 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #82AAFF | — |
| entity.name.type.constant | #82AAFF | italic |
| entity.name.function, support.function | #82B1FF | — |
| storage.type, storage.modifier | #FFD54F | — |
| support.module, support.node | #82AAFF | — |
| support.type | #7FCAC3 | — |
| entity.name.type, entity.other.inherited-class | #FFD54F | — |
| comment | #405561 | — |
| entity.name.type.class | #FFD54F | — |
| variable.object.property | #C3E88D | — |
| meta.definition.method entity.name.function | #FFD54F | — |
| meta.function entity.name.function | #BD8BDF | — |
| template.expression.begin, template.expression.end | #C3E88D | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #7FCAC3 | — |
| constant.language.json | #C3E88D | — |
| entity.other.attribute-name.class.css | #FFD54F | normal |
| entity.other.attribute-name.id | #FFD54F | — |
| source.css entity.name.tag | #FA6981 | — |
| meta.tag, punctuation.definition.tag | #B2CCD6 | — |
| entity.name.tag | #FA6981 | — |
| markup.heading | #B2CCD6 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #B2CCD6 | — |
| text.html.markdown markup.quote | #FFD54F | — |
| text.html.markdown beginning.punctuation.definition.list | #C3E88D | — |
| markup.italic | #C3E88D | italic |
| markup.bold | #C3E88D | bold |
| markup.bold markup.italic, markup.italic markup.bold | #C3E88D | italic bold |
| keyword.control.import.js, keyword.control.from.js | — | underline |
| string.quoted.double.js, string.quoted.single.js, string.template.js | #C6FF00 | — |
| storage.type.js | #FFD54F | italic |
| variable.language.this.js | #FFD54F | italic |
| storage.type.function.arrow.js | #B388FF | italic |
| storage.type.class.js | #FFD54F | italic |
| entity.name.function.js | #82B1FF | — |
| keyword.control.conditional.js | #B388FF | — |
| entity.name.function.js | #82B1FF | — |
| keyword.operator.comparison.js | #B388FF | — |
| keyword.operator.logical.js, keyword.operator.assignment.js | #B388FF | — |
| constant.language.null.js, constant.language.undefined.js, constant.language.boolean.false.js, constant.language.boolean.true.js | #82B1FF | italic |
| storage.modifier.js | #B388FF | italic |
| entity.other.inherited-class.js | #B388FF | — |
| entity.other.attribute-name.js | #FFD54F | italic |
| entity.other.attribute-name.html | #FFD54F | italic |
| string.quoted.double.html | #C6FF00 | — |
| entity.other.attribute-name.pseudo-class.css | #FFD54F | italic |
| punctuation.definition.entity.css, keyword.operator.combinator.css, punctuation.separator.key-value.css | #B388FF | normal |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...