Snazzy Solaris
Publisher: SlayVictThemes in package: 1
fork of snazzy light
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#f3ebdc
- activityBar.foreground#2dae58
- activityBar.inactiveForeground#68696888
- activityBarBadge.background#09a1ed
- badge.background#09a1ed
- badge.foreground#ffffff
- button.background#2dae58
- debugExceptionWidget.background#ffaeac33
- debugExceptionWidget.border#ff5c57
- debugToolBar.background#f5efe4
- diffEditor.insertedTextBackground#2dae5824
- diffEditor.removedTextBackground#ffaeac44
- dropdown.background#f3ebdc
- editor.background#fff8ec
- editor.findMatchBackground#00e6e06a
- editor.findMatchHighlightBackground#00e6e02a
- editor.findRangeHighlightBackground#f5b90011
- editor.focusedStackFrameHighlightBackground#2dae5822
- editor.foreground#565869
- editor.hoverHighlightBackground#00e6e018
- editor.lineHighlightBorder#f5efe4
- editor.rangeHighlightBackground#f5b90033
- editor.selectionBackground#2dae5822
- editor.snippetTabstopHighlightBackground#032ff73a
- editor.stackFrameHighlightBackground#f5b90033
- editor.wordHighlightBackground#3652cf16
- editorError.foreground#ff5c56
- editorGroup.emptyBackground#f5efe4
- editorGroupHeader.tabsBackground#f5efe4
- editorGutter.addedBackground#2dae58
- editorGutter.deletedBackground#ff5c57
- editorGutter.modifiedBackground#00a39faa
- editorInlayHint.background#2dae5844
- editorInlayHint.foreground#686968
- editorLineNumber.activeForeground#35cf68
- editorLineNumber.foreground#9194a2aa
- editorLink.activeForeground#35cf68
- editorOverviewRuler.addedForeground#2dae58
- editorOverviewRuler.deletedForeground#ff5c57
- editorOverviewRuler.errorForeground#ff5c56
- editorOverviewRuler.findMatchForeground#13bbb7aa
- editorOverviewRuler.modifiedForeground#00a39faa
- editorOverviewRuler.warningForeground#cf9c00
- editorOverviewRuler.wordHighlightForeground#adb1c288
- editorOverviewRuler.wordHighlightStrongForeground#35cf68
- editorWarning.foreground#cf9c00
- editorWhitespace.foreground#adb1c255
- editorWidget.background#f5efe4
- editorWidget.border#2dae58
- extensionButton.prominentBackground#2dae58
- extensionButton.prominentHoverBackground#238744
- focusBorder#2dae58
- foreground#696868
- gitDecoration.modifiedResourceForeground#00a39f
- gitDecoration.untrackedResourceForeground#2dae58
- input.background#f5efe4
- input.border#e9eaeb
- input.foreground#565869
- list.activeSelectionBackground#46b7ed
- list.activeSelectionForeground#ffffff
- list.errorForeground#ff5c56
- list.focusBackground#bce7fc99
- list.focusForeground#11658f
- list.hoverBackground#e9eaeb
- list.inactiveSelectionBackground#96dafc33
- list.warningForeground#b38700
- menu.background#fff6e7
- menu.selectionBackground#d8e8e9
- menu.selectionForeground#686968
- menubar.selectionBackground#fff6e7
- menubar.selectionForeground#686968
- merge.currentContentBackground#35cf6833
- merge.currentHeaderBackground#35cf6866
- merge.incomingContentBackground#14b1ff33
- merge.incomingHeaderBackground#14b1ff77
- peekView.border#09a1ed
- peekViewEditor.background#14b1ff08
- peekViewEditor.matchHighlightBackground#f5b90088
- peekViewEditor.matchHighlightBorder#f5b900
- peekViewResult.matchHighlightBackground#f5b90088
- peekViewResult.selectionBackground#09a1ed
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#09a1ed11
- selection.background#2dae5844
- settings.modifiedItemIndicator#13bbb7
- sideBar.background#f5efe4
- sideBar.border#eee6d8
- sideBarSectionHeader.background#f3ebdc
- sideBarSectionHeader.border#eee6d8
- statusBar.background#2dae58
- statusBar.debuggingBackground#13bbb7
- statusBar.debuggingBorder#00a39f
- statusBar.noFolderBackground#565869
- statusBarItem.remoteBackground#238744
- tab.activeBorderTop#2dae58
- tab.inactiveBackground#f5efe4
- terminal.ansiBlack#565869
- terminal.ansiBlue#09a1ed
- terminal.ansiBrightBlack#75798f
- terminal.ansiBrightBlue#14b1ff
- terminal.ansiBrightCyan#13bbb7
- terminal.ansiBrightGreen#35cf68
- terminal.ansiBrightMagenta#ff94d2
- terminal.ansiBrightRed#ffaeac
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5b900
- terminal.ansiCyan#13bbb7
- terminal.ansiGreen#2dae58
- terminal.ansiMagenta#f767bb
- terminal.ansiRed#ff5c57
- terminal.ansiWhite#fafbf9
- terminal.ansiYellow#cf9c00
- titleBar.activeBackground#f5efe4
- toolbar.activeBackground#35cf6850
- toolbar.hoverBackground#35cf6850
- widget.shadow#00000020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid.illegal | #ff5c56 | — |
| meta.object-literal.key, meta.object-literal.key constant.character.escape, meta.object-literal string, meta.object-literal string constant.character.escape, support.type.property-name, support.type.property-name constant.character.escape | #11658f | — |
| keyword, storage, meta.class storage.type, keyword.operator.expression.import, keyword.operator.new, keyword.operator.expression.delete | #f767bb | italic |
| support.type, meta.type.annotation entity.name.type, new.expr meta.type.parameters entity.name.type, storage.type.primitive, storage.type.built-in.primitive, meta.function.parameter storage.type | #2dae58 | — |
| storage.type.annotation | #c25193 | — |
| keyword.other.unit | #ff5c57cc | — |
| constant.language, support.constant, variable.language | #2dae58 | italic |
| variable, support.variable | #565869 | — |
| variable.language.this | #13bbb7 | — |
| entity.name.function, support.function | #09a1ed | — |
| entity.name.function.decorator | #11658f | — |
| meta.class entity.name.type, new.expr entity.name.type, entity.other.inherited-class, support.class | #13bbb7 | — |
| keyword.preprocessor.pragma, keyword.control.directive.include, keyword.other.preprocessor | #11658f | — |
| entity.name.exception | #ff5c56 | — |
| entity.name.section | — | — |
| constant.numeric | #ff5c57 | — |
| constant, constant.character | #2dae58 | — |
| string | #cf9c00 | — |
| string | #cf9c00 | — |
| constant.character.escape | #f5b900 | — |
| string.regexp, string.regexp constant.character.escape | #13bbb7 | — |
| keyword.operator.quantifier.regexp, keyword.operator.negation.regexp, keyword.operator.or.regexp, string.regexp punctuation, string.regexp keyword, string.regexp keyword.control, string.regexp constant, variable.other.regexp | #00a39f | — |
| string.regexp keyword.other | #00a39f88 | — |
| constant.other.symbol | #cf9c00 | — |
| comment, punctuation.definition.comment | #adb1c2 | — |
| comment.block.preprocessor | #9194a2 | |
| comment.block.documentation entity.name.type | #2dae58 | — |
| comment.block.documentation storage, comment.block.documentation keyword.other, meta.class comment.block.documentation storage.type | #9194a2 | — |
| comment.block.documentation variable | #c25193 | — |
| punctuation | #adb1c2 | — |
| keyword.operator, keyword.other.arrow, keyword.control.@ | #adb1c2 | |
| meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name.html, meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #9194a2 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #adb1c2 | — |
| entity.name.tag | #13bbb7 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #ff8380 | — |
| constant.character.entity, punctuation.definition.entity | #cf9c00 | — |
| source.css | #adb1c2 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, source.css entity.name.tag | #f767bb | — |
| keyword.control.at-rule, keyword.control.at-rule punctuation.definition.keyword | #c25193 | — |
| source.css variable | #11658f | — |
| source.css meta.property-name, source.css support.type.property-name | #565869 | — |
| source.css support.type.vendored.property-name | #565869aa | — |
| meta.property-value, support.constant.property-value | #13bbb7 | — |
| source.css support.constant | #2dae58 | — |
| punctuation.definition.entity.css, keyword.operator.combinator.css | #ff82cbbb | — |
| source.css support.function | #09a1ed | — |
| keyword.other.important | #238744 | — |
| source.css.scss | #f767bb | — |
| source.css.scss entity.other.attribute-name.class.css, source.css.scss entity.other.attribute-name.id.css | #f767bb | — |
| entity.name.tag.reference.scss | #c25193 | — |
| source.css.scss meta.at-rule keyword, source.css.scss meta.at-rule keyword punctuation, source.css.scss meta.at-rule operator.logical, keyword.control.content.scss, keyword.control.return.scss, keyword.control.return.scss punctuation.definition.keyword | #c25193 | — |
| meta.at-rule.mixin.scss, meta.at-rule.include.scss, source.css.scss meta.at-rule.if, source.css.scss meta.at-rule.else, source.css.scss meta.at-rule.each, source.css.scss meta.at-rule variable.parameter | #adb1c2 | — |
| source.css.less entity.other.attribute-name.class.css | #f767bb | — |
| source.stylus meta.brace.curly.css | #adb1c2 | — |
| source.stylus entity.other.attribute-name.class, source.stylus entity.other.attribute-name.id, source.stylus entity.name.tag | #f767bb | — |
| source.stylus support.type.property-name | #565869 | — |
| source.stylus variable | #11658f | — |
| markup.changed | #888888 | — |
| markup.deleted | #888888 | — |
| markup.italic | — | italic |
| markup.error | #ff5c56 | — |
| markup.inserted | #888888 | — |
| meta.link | #cf9c00 | — |
| string.other.link.title.markdown | #09a1ed | — |
| markup.output, markup.raw | #999999 | — |
| markup.prompt | #999999 | — |
| markup.heading | #2dae58 | — |
| markup.bold | — | bold |
| markup.traceback | #ff5c56 | — |
| markup.underline | — | underline |
| markup.quote | #777985 | — |
| markup.bold, markup.italic | #13bbb7 | — |
| markup.inline.raw | #f767bb | |
| meta.brace.round, meta.brace.square, storage.type.function.arrow | #adb1c2 | — |
| constant.language.import-export-all, meta.import keyword.control.default | #c25193 | — |
| support.function.js | #11658f | — |
| string.regexp.js | #13bbb7 | — |
| variable.language.super, support.type.object.module.js | #f767bb | — |
| meta.jsx.children | #686968 | — |
| entity.name.tag.yaml | #11658f | — |
| variable.other.alias.yaml | #2dae58 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #75798f | — |
| meta.use.php entity.other.alias.php | #13bbb7 | — |
| source.php support.function.construct, source.php support.function.var | #11658f | — |
| storage.modifier.extends.php, source.php keyword.other, storage.modifier.php | #f767bb | — |
| meta.class.body.php storage.type.php | #f767bb | — |
| storage.type.php, meta.class.body.php meta.function-call.php storage.type.php, meta.class.body.php meta.function.php storage.type.php | #2dae58 | — |
| source.php keyword.other.DML | #d94e4a | — |
| source.sql.embedded.php keyword.operator | #2dae58 | — |
| source.ini keyword, source.toml keyword, source.env variable | #11658f | — |
| source.ini entity.name.section, source.toml entity.other.attribute-name | #f767bb | — |
| source.go storage.type | #2dae58 | — |
| keyword.import.go, keyword.package.go | #ff5c56 | — |
| source.reason variable.language string | #565869 | — |
| source.reason support.type, source.reason constant.language, source.reason constant.language constant.numeric, source.reason support.type string.regexp | #2dae58 | — |
| source.reason keyword.operator keyword.control, source.reason keyword.control.less, source.reason keyword.control.flow | #adb1c2 | — |
| source.reason string.regexp | #cf9c00 | — |
| source.reason support.property-value | #11658f | — |
| source.python meta.function-call.python | #09a1ed | — |
| source.python meta.function-call.arguments.python | #565869 | |
| source.rust entity.name.type | #2dae58 | — |
| source.rust support.function.core.rust | #11658f | — |
| source.rust storage.type.core.rust, source.rust storage.class.std | #2dae58 | — |
| source.rust entity.name.type.rust, source.rust entity.name.type.result.rust | #13bbb7 | italic |
| storage.type.function.coffee | #adb1c2 | — |
| keyword.type.cs, storage.type.cs | #2dae58 | — |
| entity.name.type.namespace.cs | #13bbb7 | — |
| meta.diff.header | #11658f | — |
| markup.inserted.diff | #2dae58 | — |
| markup.deleted.diff | #ff5c56 | — |
| meta.diff.range, meta.diff.index, meta.separator | #09a1ed | — |
| source.makefile variable | #11658f | — |
| keyword.control.protocol-specification.objc | #f767bb | — |
| meta.parens storage.type.objc, meta.return-type.objc support.class, meta.return-type.objc storage.type.objc | #2dae58 | — |
| source.sql keyword | #11658f | — |
| keyword.other.special-method.dockerfile | #09a1ed | — |
| constant.other.symbol.elixir | #11658f | — |
| storage.type.elm, support.module.elm | #13bbb7 | — |
| source.elm keyword.other | #adb1c2 | — |
| source.erlang entity.name.type.class | #13bbb7 | — |
| variable.other.field.erlang | #11658f | — |
| source.erlang constant.other.symbol | #2dae58 | — |
| storage.type.haskell | #2dae58 | — |
| meta.declaration.class.haskell storage.type.haskell, meta.declaration.instance.haskell storage.type.haskell | #13bbb7 | — |
| meta.preprocessor.haskell | #75798f | — |
| source.haskell keyword.control | #f767bb | — |
| tag.end.latte, tag.begin.latte | #adb1c2 | — |
| source.po keyword.control | #11658f | — |
| source.po storage.type | #9194a2 | — |
| constant.language.po | #13bbb7 | — |
| meta.header.po string | #ff8380 | — |
| source.po meta.header.po | #adb1c2 | — |
| source.ocaml markup.underline | — | |
| source.ocaml punctuation.definition.tag emphasis, source.ocaml entity.name.class constant.numeric, source.ocaml support.type | #f767bb | — |
| source.ocaml constant.numeric entity.other.attribute-name | #13bbb7 | — |
| source.ocaml comment meta.separator | #adb1c2 | — |
| source.ocaml support.type strong, source.ocaml keyword.control strong | #adb1c2 | — |
| source.ocaml support.constant.property-value | #11658f | — |
| source.scala entity.name.class | #13bbb7 | — |
| storage.type.scala | #2dae58 | — |
| variable.parameter.scala | #11658f | — |
| meta.bracket.scala, meta.colon.scala | #adb1c2 | — |
| meta.metadata.simple.clojure | #adb1c2 | — |
| meta.metadata.simple.clojure meta.symbol | #13bbb7 | — |
| source.r keyword.other | #adb1c2 | — |
| source.svelte meta.block.ts entity.name.label | #11658f | — |
| keyword.operator.word.applescript | #f767bb | — |
| meta.function-call.livescript | #09a1ed | — |
| variable.language.self.lua | #13bbb7 | — |
| entity.name.type.class.swift, meta.inheritance-clause.swift, meta.import.swift entity.name.type | #13bbb7 | — |
| source.swift punctuation.section.embedded | #b38700 | — |
| variable.parameter.function.swift entity.name.function.swift | #565869 | — |
| meta.function-call.twig | #565869 | — |
| string.unquoted.tag-string.django | #565869 | — |
| entity.tag.tagbraces.django, entity.tag.filter-pipe.django | #adb1c2 | — |
| meta.section.attributes.haml constant.language, meta.section.attributes.plain.haml constant.other.symbol | #ff8380 | — |
| meta.prolog.haml | #9194a2 | — |
| support.constant.handlebars | #adb1c2 | — |
| text.log log.constant | #c25193 | — |
| source.c string constant.other.placeholder, source.cpp string constant.other.placeholder | #b38700 | — |
| constant.other.key.groovy | #11658f | — |
| storage.type.groovy | #13bbb7 | — |
| meta.definition.variable.groovy storage.type.groovy | #2dae58 | — |
| storage.modifier.import.groovy | #cf9c00 | — |
| entity.other.attribute-name.class.pug, entity.other.attribute-name.id.pug | #13bbb7 | — |
| constant.name.attribute.tag.pug | #adb1c2 | — |
| entity.name.tag.style.html | #13bbb7 | — |
| entity.name.type.wasm | #2dae58 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...