Snazzyfied
Publisher: Martin KappThemes in package: 1
Snazzy theme inspired by Snazzy Hyper color scheme
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#191a22
- activityBarBadge.background#009ae6
- badge.background#009ae6
- badge.foreground#d6d8e1
- breadcrumb.background#282a36
- breadcrumb.focusForeground#d6d8e1
- breadcrumb.foreground#6a6d7f
- button.background#0486c7
- button.foreground#d6d8e1
- button.hoverBackground#0374ab
- button.secondaryBackground#333546
- button.secondaryForeground#d6d8e1
- button.secondaryHoverBackground#2b2e3d
- debugExceptionWidget.background#7E231F
- debugExceptionWidget.border#ff5c57
- debugToolBar.background#191a22
- diffEditor.diagonalFill#3d4158
- diffEditor.insertedLineBackground#0ad14c1a
- diffEditor.removedLineBackground#ff5c571a
- diffEditor.unchangedRegionShadow#f00
- dropdown.background#21232D
- dropdown.border#474850
- dropdown.foreground#eff0eb
- editor.background#282a36
- editor.foreground#dee1db
- editor.lineHighlightBackground#3e4153
- editor.selectionBackground#303838
- editorBracketMatch.background#ffffff28
- editorBracketMatch.border#ffa82000
- editorCursor.foreground#ff6ac1
- editorError.foreground#ff5c57
- editorGroupHeader.tabsBackground#00000040
- editorGutter.addedBackground#0ad14c
- editorGutter.background#282a36
- editorGutter.deletedBackground#e0241e
- editorGutter.modifiedBackground#009ae6
- editorHoverWidget.background#272935
- editorHoverWidget.border#17181f
- editorInfo.foreground#57c7ff
- editorSuggestWidget.background#21232D
- editorSuggestWidget.border#474850
- editorSuggestWidget.highlightForeground#57c7ff
- editorSuggestWidget.selectedBackground#353847
- editorWarning.foreground#ffa820
- editorWhitespace.foreground#3d4158
- editorWidget.background#1e2029
- focusBorder#57c7ffcc
- input.background#21232d
- input.border#181920
- input.foreground#d6d8e1
- input.placeholderForeground#6a6d7f
- inputOption.activeForeground#d6d8e1
- inputValidation.errorBackground#bd3235
- inputValidation.errorBorder#fc4346
- list.activeSelectionBackground#333546
- list.hoverBackground#333546
- list.inactiveSelectionBackground#333546aa
- list.inactiveSelectionForeground#d6d8e1
- menu.background#21232D
- menu.foreground#d6d8e1
- menu.selectionBackground#3e4153
- menu.selectionForeground#d6d8e1
- menu.separatorBackground#3e4153
- menubar.selectionBackground#ffffff11
- menubar.selectionForeground#d6d8e1
- panel.background#282935
- panelTitle.activeBorder#57c7ff00
- panelTitle.activeForeground#57c7ff
- panelTitle.inactiveForeground#6a6d7f
- peekView.border#16171d
- peekViewEditor.background#23252e
- peekViewEditor.matchHighlightBackground#f0fb8c22
- peekViewEditor.matchHighlightBorder#f0fb8c22
- peekViewEditorGutter.background#21232d
- peekViewResult.background#21232d
- peekViewResult.fileForeground#d6d8e1
- peekViewResult.lineForeground#d6d8e1
- peekViewResult.matchHighlightBackground#ea7016aa
- peekViewResult.selectionBackground#ea7016aa
- peekViewTitle.background#21232d
- progressBar.background#009ae6
- scrollbar.shadow#00000088
- scrollbarSlider.activeBackground#393b44
- scrollbarSlider.background#3d4052
- scrollbarSlider.hoverBackground#393b44
- sideBar.background#21232d
- sideBar.border#181920
- sideBar.foreground#d6d8e1
- sideBarSectionHeader.background#00000022
- statusBar.background#191a22
- statusBar.debuggingBackground#ea7016
- statusBar.debuggingForeground#d6d8e1
- statusBar.foreground#d6d8e1
- statusBar.noFolderBackground#7f1999
- statusBar.noFolderForeground#d6d8e1
- statusBarItem.hoverBackground#ffffff11
- statusBarItem.remoteBackground#0486c7
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#282a36
- tab.activeForeground#d6d8e1
- tab.border#181920
- tab.inactiveBackground#21232d
- tab.inactiveForeground#6a6d7f
- terminal.ansiBlack#282a36
- terminal.ansiBlue#57c7ff
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#6ecfff
- terminal.ansiBrightCyan#abeffd
- terminal.ansiBrightGreen#6cf69a
- terminal.ansiBrightMagenta#fa73c1
- terminal.ansiBrightRed#ff6c68
- terminal.ansiBrightWhite#eff0eb
- terminal.ansiBrightYellow#f4eda7
- terminal.ansiCyan#9aedfe
- terminal.ansiGreen#5af78e
- terminal.ansiMagenta#ff6ac1
- terminal.ansiRed#ff5c57
- terminal.ansiWhite#f1f1f0
- terminal.ansiYellow#f3f99d
- terminal.border#3e4153
- terminal.foreground#d6d8e1
- terminal.selectionBackground#3e4153
- terminalCursor.background#ed73bd
- terminalCursor.foreground#ffffff
- textLink.activeForeground#0374ab
- textLink.foreground#0486c7
- titleBar.activeBackground#16171d
- titleBar.activeForeground#d6d8e1
- titleBar.inactiveBackground#191a22
- titleBar.inactiveForeground#6a6d7f
- widget.shadow#000000aa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #dee1dbff | — |
| comment, punctuation.definition.comment | #6a6d7f | |
| meta.brace.round.begin, meta.brace.round.end, meta.brace.square.begin, meta.brace.square.end, meta.group.braces.round.function.arguments | #5C6370 | — |
| string | #5af78e | — |
| meta.embedded.expression | #e05252 | — |
| string.regexp | #bbfcd1 | — |
| string.detected-link | #bbfcd1 | — |
| constant.numeric | #e06c75 | — |
| constant.language | #ff9f43 | — |
| constant.character | #9aedfe | — |
| constant.regexp.character | #5af78e | — |
| python.constant.character.format.placeholder | #ff9f43 | — |
| constant.other.key | #f3f99d | — |
| variable.other.object | #dee1db | — |
| meta.property.object.js | #f3f7c4 | — |
| constant.other.object.key.js | #f3f99d | — |
| variable.other.class, meta.property.class variable.other.class | #57c7ff | — |
| variable.other, meta.class.object.property.js, meta.property.class variable.other.property.static | #f3f99d | — |
| variable.other.readwrite | #dee1db | — |
| meta.group.braces variable.other.readwrite | #dee1db | — |
| variable.language, meta.class variable.other.readwrite | #ffffff | — |
| variable.language.prototype | #ffffff | — |
| variable.function, entity.name.function, meta.class-method.js entity.name.function.js, meta.method.property.js entity.name.function.js | #9aedfe | — |
| variable.function.constructor | #9aedfe | — |
| keyword.control, keyword.operator.new, keyword.operator.module, variable.language.super | #ff6ac1 | — |
| terminator, delimiter, punctuation.terminator, meta.delimiter | #666666 | — |
| keyword.other.substitution.begin, keyword.other.substitution.end | #f3f99d | — |
| keyword.operator.accessor | #FF9DD1 | — |
| keyword.operator, constant.other.color, punctuation.separator.key-value | #f488c7 | — |
| keyword.regexp, keyword.operator.regexp.quantifier | #5af78e | — |
| storage.type | #ff6ac1 | |
| entity.name.class, meta.class.extends variable.other.readwrite | #57c7ff | |
| entity.other.inherited-class | #57c7ff | italic underline |
| variable.parameter | #dee1db | |
| function.punctuation | #5c6370 | |
| entity.name.tag | #ff5c57 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.js, entity.other.attribute-name.jsx | #f3f99d | — |
| support.function, support.class support.function | #b1ebf7 | |
| support.constant | #ff9f43 | |
| support.type, support.class, support.type.object.module | #57c7ff | |
| support.type.builtin, support.class.builtin | #f7c08b | |
| support.other.variable | #e5c07b | |
| invalid | #FFFFFF | — |
| invalid.deprecated | #523D14 | — |
| variable.language.this.js | #ff9f43 | — |
| punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js | #5c6370 | — |
| source.css | #f3f99d | — |
| source.css punctuation.separator.key-value | #ff9dd1 | — |
| meta.selector.css | #57c7ff | — |
| entity.other.attribute-name.pseudo-class.css | #9aedfe | — |
| source.css meta.selector entity.other.attribute-name.class punctuation.definition | #9aedfe | — |
| meta.property-list.css | #999 | — |
| punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css | #5C6370 | — |
| punctuation.separator.list.comma.css | #5C6370 | — |
| source.css entity.other.attribute-name.id | #e5c07b | — |
| source.css support.type.property-name | #eff0eb | |
| source.css support.type.vendored.property-name | #9aedfe | |
| source.css constant.other.color | #f3f99d | |
| keyword.other.unit.s.css, keyword.other.unit.px.css, keyword.other.unit.pt.css, keyword.other.unit.pc.css, keyword.other.unit.cm.css, keyword.other.unit.mm.css, keyword.other.unit.in.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.ch.css, keyword.other.unit.rem.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.vmin.css, keyword.other.unit.vmax.css, keyword.other.unit.percentage.css | #FF9F43 | |
| keyword.other.unit.css.postcss | #e5c07b | |
| source.css.postcss | #5C6370 | — |
| entity.other.attribute-name.class.css.postcss | #57c7ff | — |
| support.type.property-name.css.postcss | #eff0eb | — |
| support.type.property-name.json | #f3f99d | — |
| meta.structure.dictionary.json string.quoted.double.json | #5af78e | — |
| meta.structure.dictionary.json string.quoted.double.detected-link | #C678DD | — |
| meta.structure.dictionary.json punctuation.separator.dictionary.key-value | #FF9DD1 | — |
| meta.structure.dictionary.json punctuation.definition.dictionary, meta.structure.dictionary.json punctuation.separator | #5C6370 | — |
| punctuation.separator.key-value.mapping.yaml | #eff0eb | — |
| entity.name.tag.yaml | #f3f99d | — |
| keyword.other.definition.ini | #f3f99d | — |
| entity.name.section.group-title.ini | #ff5c57 | — |
| markup.inserted.diff | #5af78e | — |
| markup.deleted.diff | #ff5c57 | — |
| meta.diff.range.unified | #9aedfe | — |
| meta.diff, meta.diff.header | #5C6370 | — |
| meta.diff.header.from-file, meta.diff.header.to-file | #6a6d7f | — |
| markup.changed | #f3f99d | — |
| punctuation.definition.constant.markdown | #ff9f43 | — |
| markup.heading | #e5c07b | — |
| meta.link.inline.markdown | #9aedfe | — |
| markup.italic.markdown | #f3f99d | italic |
| markup.bold.markdown | #ffa820 | bold |
| markup.underline.link.markdown | #6ecfff | — |
| meta.link.reference.def.markdown | #bbfcd1 | — |
| punctuation.definition.list.begin.markdown | #6a6d7f | — |
| punctuation.separator.table.markdown,punctuation.definition.table.markdown | #6a6d7f | — |
| cs.meta.preprocessor | #ABB2BF | — |
| cs.meta.namespace.type | #57c7ff | — |
| cs.meta.namespace.function.identifier.body.class.method | #9aedfe | — |
| cs.meta.identifier.entity.name.body.method.class.function | #9aedfe | — |
| cs.meta.namespace.function.identifier.body.class.method.parameter | #ABB2BF | — |
| keyword.other.cs, cs.storage.modifier, cs.meta.namespace.type.storage | #C678DD | — |
| cs.meta.namespace.type.storage.variable | #ABB2BF | — |
| python.keyword.operator.logical | #C678DD | — |
| python.keyword.operator | #ABB2BF | — |
| python.builtin.support.function | #f7c08b | |
| python.meta.function-call.builtin.support.function, python.meta.type.support.function-call, python.meta.variable.function-call.legacy.builtin, meta.function-call.python | #9aedfe | |
| python.meta.type.support.inheritance | #9aedfe | |
| python.variable.parameter,meta.function.parameters.python,meta.function-call.arguments.python,meta.fstring.python,variable.parameter.function.language.python | #f3f99d | |
| constant.other.caps.python | #ff9f43 | |
| python.support.magic.variable,support.variable.magic.python | #E06C75 | — |
| support.function.builtin.python | #57c7ff | — |
| meta.function.decorator.python,meta.member.access.python | #9aedfe | — |
| punctuation.separator.period.python | #d6d8e1 | — |
| entity.other.attribute-name.localname.xml | #f3f99d | — |
| keyword.other.doctype.xml | #f3f99d | — |
| punctuation.definition.tag.xml | #5c6370 | — |
| variable.language.documentroot.xml | #ff9f43 | — |
| meta.tag.sgml.doctype.xml | #f7c08b | — |
| entity.other.attribute-name.xml | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |