VS Snazzy Theme
Publisher: jose miguel bejaranoThemes in package: 1
VS Code Theme based in hyper-snazzy
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#282a36
- activityBarBadge.background#57c7ff
- activityBarBadge.foreground#f1f1f0
- badge.background#ff5c57
- badge.foreground#f1f1f0
- dropdown.border#2C2F3D
- editor.background#282a36
- editor.findMatchBackground#97979b
- editor.findMatchHighlightBackground#54555e
- editor.findRangeHighlightBackground#282a36
- editor.foreground#eff0eb
- editor.hoverHighlightBackground#54555e
- editor.lineHighlightBackground#2C2F3D
- editor.rangeHighlightBackground#54555e
- editor.selectionHighlightBackground#54555e
- editor.wordHighlightBackground#54555e
- editor.wordHighlightStrongBackground#54555e
- editorCursor.foreground#97979b
- editorError.foreground#ff5c57
- editorGroup.dropBackground#232631
- editorGroupHeader.tabsBackground#282a36
- editorIndentGuide.background#616263
- editorLineNumber.foreground#616263
- editorLink.activeForeground#ff5c57
- editorUnnecessaryCode.opacity#54555e
- editorWarning.foreground#f3f99d
- editorWhitespace.foreground#616263
- errorForeground#ff5c57
- focusBorder#2C2F3D
- foreground#eff0eb
- gitDecoration.conflictingResourceForeground#f3f99d
- gitDecoration.deletedResourceForeground#ff5c57
- gitDecoration.ignoredResourceForeground#686868
- gitDecoration.modifiedResourceForeground#ffcb6b
- gitDecoration.untrackedResourceForeground#5af78e
- input.background#54555e
- list.activeSelectionBackground#54555e
- list.hoverBackground#54555e
- notification.background#282a36
- notification.buttonBackground#57c7ff
- notification.buttonForeground#f1f1f0
- notification.buttonHoverBackground#9aedfe
- notification.errorBackground#ff5c57
- notification.errorForeground#eff0eb
- notification.foreground#eff0eb
- notification.infoBackground#9aedfe
- notification.infoForeground#eff0eb
- notification.warningBackground#f3f99d
- notification.warningForeground#eff0eb
- peekView.border#5af78e
- peekViewEditor.background#282a36
- scrollbar.shadow#282a36
- sideBar.background#282a36
- sideBar.border#2C2F3D
- sideBarSectionHeader.background#282a36
- sideBarSectionHeader.foreground#f1f1f0
- sideBarTitle.foreground#bbbbbb
- statusBar.background#282a36
- statusBar.debuggingBackground#6C6E75
- statusBar.foreground#6C6E75
- statusBar.noFolderBackground#282a36
- tab.activeBackground#282a36
- tab.border#282a36
- tab.inactiveBackground#282a36
- terminal.ansiBlack#282a36
- terminal.ansiBlue#57c7ff
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#57c7ff
- terminal.ansiBrightCyan#9aedfe
- terminal.ansiBrightGreen#5af78e
- terminal.ansiBrightMagenta#ff6ac1
- terminal.ansiBrightRed#ff5c57
- terminal.ansiBrightWhite#eff0eb
- terminal.ansiBrightYellow#f3f99d
- terminal.ansiCyan#9aedfe
- terminal.ansiGreen#5af78e
- terminal.ansiMagenta#ff6ac1
- terminal.ansiRed#ff5c57
- terminal.ansiWhite#f1f1f0
- terminal.ansiYellow#f3f99d
- terminal.background#282a36
- terminal.foreground#eff0eb
- titleBar.activeBackground#282a36
- widget.shadow#2C2F3D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text.html.basic entity.other.attribute-name, text.html.basic entity.other.attribute-name.html | #f3f99d | italic |
| — | #eff0eb | — |
| string constant.other.placeholder, variable | #EEFFFF | — |
| constant.other.color | #eff0eb | — |
| invalid, invalid.illegal | #ff5c57 | — |
| keyword | #ff6ac1 | — |
| storage.modifier, storage.type | #f3f99d | — |
| constant.other.color, keyword.control, keyword.other.substitution, keyword.other.template, punctuation, punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, punctuation.section.embedded, punctuation.separator.inheritance.php | #89DDFF | — |
| meta.tag | #eff0eb | — |
| entity.name.tag, markup.deleted.git_gutter, meta.tag.sgml | #ff5c57 | — |
| entity.name.function, keyword.other.special-method, meta.function-call, support.function, variable.function | #57c7ff | — |
| meta.block variable.other | #eff0eb | — |
| string.other.link, support.other.variable | #ff5c57 | — |
| constant.character, constant.escape, constant.language, constant.numeric, keyword.other, keyword.other.unit, support.constant | #f3f99d | — |
| variable.parameter | #eff0eb | — |
| constant.other.key, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, string | #5af78e | normal |
| entity.name, markup.changed.git_gutter, meta.use.php, support.class, support.orther.namespace.use.php, support.other.namespace.php, support.type, support.type.sys-types | #f3f99d | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.less support.type.property-name, source.postcss support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.stylus support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff5c57 | — |
| variable.language | #ff5c57 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #f3f99d | italic |
| comment, punctuation.definition.comment | #546E7A | italic |
| entity.other.attribute-name.class | #f3f99d | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #ff5c57 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *link*, *uri*, *url* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff5c57 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #f3f99d | — |
| token.error-token | #ff5c57 | — |
| token.debug-token | #b267e6 | — |
| storage.modifier, storage.type.class.js | #ff6ac1 | italic |
| variable.language.this, variable.language.this.js | #ff5c57 | italic |
| emphasis, markup.italic | — | italic |
| keyword.control | #ff6ac1 | — |
| entity.name.function | #57c7ff | — |
| meta.definition.variable, support.variable, variable | #eff0eb | — |
| support.class | #FFCB6B | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...