Cold Snack
Publisher: Evan RoweThemes in package: 1
The crispest, most refreshing theme for your editor.
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#0a2c4f
- activityBar.dropBackground#027ddb66
- activityBar.foreground#ff8c31
- activityBarBadge.background#CF6cC9
- background#0a0c29
- badge.background#BF4cB9
- button.background#ef7c11
- button.hoverBackground#ff8c31
- diffEditor.insertedTextBackground#027ddb33
- diffEditor.removedTextBackground#DF6cEF66
- dropdown.background#0a2c4f
- editor.background#0a0c29
- editor.foreground#e9e9eb
- editor.lineHighlightBackground#0a2c4f
- editor.selectionBackground#ff9c5166
- editorBracketMatch.border#d6b508
- editorCursor.foreground#d6b508
- editorError.border#BF4cB9
- editorError.foreground#CF6cC9
- editorGroupHeader.noTabsBackground#0a0c29
- editorGroupHeader.tabsBackground#0a0c29
- editorGroupHeader.tabsBorder#0a0c29
- editorGutter.addedBackground#00b7e9
- editorGutter.deletedBackground#CF6cC9
- editorGutter.modifiedBackground#ff8c31
- editorLineNumber.foreground#00e9ff66
- editorRuler.foreground#0a2c4f
- editorWarning.border#cf5c00
- editorWarning.foreground#ff8c31
- editorWidget.background#0a0c29
- foreground#e9e9eb
- gitDecoration.conflictingResourceForeground#DF6cEF
- gitDecoration.deletedResourceForeground#f6f96f
- gitDecoration.ignoredResourceForeground#909090
- gitDecoration.modifiedResourceForeground#ffBc71
- gitDecoration.untrackedResourceForeground#00e9ff
- input.background#0a2c4f
- inputValidation.errorBackground#BF4cB9
- inputValidation.infoBackground#027ddb
- inputValidation.warningBackground#ef7c11
- list.activeSelectionBackground#027ddb
- list.hoverBackground#00b7e9
- list.inactiveSelectionBackground#027ddb66
- merge.currentContentBackground#00e9ff66
- merge.currentHeaderBackground#027ddb
- merge.incomingContentBackground#DF6cEF66
- merge.incomingHeaderBackground#BF4cB9
- peekViewEditor.background#0a0c29
- peekViewResult.background#0a0c29
- peekViewResult.selectionBackground#0a2c4f
- peekViewTitle.background#0a2c4f
- scrollbar.shadow#CF6cC9
- scrollbarSlider.activeBackground#027ddb
- scrollbarSlider.hoverBackground#027ddb
- sideBar.background#0a0c24
- statusBar.background#027ddb
- tab.activeBackground#cf5c00
- tab.border#0a0c29
- tab.inactiveBackground#0a2c4f
- terminal.ansiBlack#cacaca
- terminal.ansiBlue#00b7e9
- terminal.ansiBrightBlack#cacaca
- terminal.ansiBrightBlue#00b7e9
- terminal.ansiBrightCyan#00e9ff
- terminal.ansiBrightGreen#ef7c11
- terminal.ansiBrightMagenta#DF6cEF
- terminal.ansiBrightRed#BF4cB9
- terminal.ansiBrightWhite#e9e9eb
- terminal.ansiBrightYellow#f6d528
- terminal.ansiCyan#00e9ff
- terminal.ansiGreen#ef7c11
- terminal.ansiMagenta#DF6cEF
- terminal.ansiRed#BF4cB9
- terminal.ansiWhite#e9e9eb
- terminal.ansiYellow#f6d528
- terminalCursor.background#DF6cEF
- terminalCursor.foreground#00e9ff
- titleBar.activeBackground#0a0c29
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e9e9eb | — |
| comment | #00e9ffaa | italic |
| string | #00b7e9 | — |
| constant.numeric | #CF6cC9 | — |
| constant.language | #CF6cC9 | — |
| constant.character, constant.other | #f6d528 | — |
| variable | #ff8c31 | |
| keyword | #f6e548 | — |
| storage | #CF6cC9 | |
| storage.type | #CF6cC9 | — |
| storage.type.function.arrow | #f6e548 | — |
| entity.name.class | #CF6cC9 | italic |
| entity.other.inherited-class | #CF6cC9 | underline |
| entity.name.function | #00e9ff | |
| variable.parameter | #ffBc71 | italic |
| entity.name.tag | #ef7c11 | |
| entity.other.attribute-name | #CF6cC9 | |
| support.function | #00e9ff | |
| support.constant | #CF6cC9 | |
| support.type, support.class | #CF6cC9 | — |
| support.other.variable | #f6e548 | |
| invalid | #cacaca | — |
| invalid.deprecated | #cacaca | italic underline |
| , constant.other.symbol.ruby, , entity.other.attribute-name.jsx, | — | italic |
| source meta.property-list meta.property-name support.type.property-name | #d1d5d4 | — |
| source meta.property-list meta.property-value keyword.other.unit | #CF6cC9 | — |
| source keyword.operator | #f6e548 | — |
| source.js entity.name.type.object.js.firebug | #CF6cC9 | — |
| source meta.class.instance.constructor keyword.operator.new | #f6d528 | italic |
| source.js meta.class.instance.constructor entity.name.type.instance.js | #CF6cC9 | — |
| source meta.at-rule.media | #ef7c11 | — |
| source meta.at-rule.import variable.parameter.url | #ef7c11 | — |
| source.sass variable.parameter.sass | #ff8c31 | — |
| source meta.property-value.css constant.other | #CF6cC9 | — |
| source .property-value.css parameter constant.numeric.css keyword.other.unit.css | #CF6cC9 | — |
| meta.source.handlebars entity.name.tag | #CF6cC9 | — |
| punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag | #ef7c11 | italic |
| entity.name.function.expression | #00b7e9 | — |
| entity.unescaped.expression | #CF6cC9 | — |
| entity.expression variable.parameter.name | #ff9c51 | — |
| entity.expression variable.parameter.value | #CF6cC9 | — |
| entity.expression support.function.builtin | #f6e548 | — |
| entity.name.tag.html | #ef7c11 | — |
| entity.other.attribute-name.handlebars | #ff9c51 | — |
| meta.paragraph.markdown | — | normal |
| markup.inline.raw | #ff8c31 | — |
| punctuation.definition.heading | #00b7e9 | — |
| beginning.punctuation.definition.list | #CF6cC9 | — |
| markup.fenced_code.block.markdown | #909090 | — |
| markup.fenced_code.block.markdown fenced_code.block.language | #cacaca | — |
| comment.block.documentation | — | normal |
| comment.block markup.inline.raw | #00b7e9 | — |
| comment.block fenced_code.block.language | #cacaca | — |
| entity.name.type.instance.jsdoc punctuation.definition | #ff8c31 | italic |
| entity.name.type.instance.jsdoc | #cacaca | italic |
| comment.block storage, comment.block storage.type | #CF6cC9 | — |
| comment.block variable | #ff9c51 | — |
| comment.block storage.custom | #00b7e9 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...