Salty Sea
Publisher: Kazeem QuadriThemes in package: 1
Sprinkle Salt over that sea
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#00bbd4
- activityBar.foreground#d40000
- activityBar.inactiveForeground#ffffff
- activityBarBadge.background#d40000
- badge.background#d400008c
- editor.background#222222
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#3a3d41
- editor.selectionHighlightBackground#00bbd44d
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- input.placeholderForeground#a6a6a6
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#383b3d
- menu.background#252526
- menu.foreground#cccccc
- panelTitle.activeBorder#d40000
- ports.iconRunningProcessForeground#369432
- sideBarSectionHeader.background#00bbd4
- sideBarSectionHeader.border#ffffff
- sideBarSectionHeader.foreground#ffffffb7
- sideBarTitle.foreground#bbbbbb
- statusBar.background#00bbd4
- statusBar.debuggingBackground#d40000
- statusBar.noFolderBackground#00bbd4a6
- statusBarItem.remoteBackground#d40000
- statusBarItem.remoteForeground#ffffff
- tab.lastPinnedBorder#cccccc33
- textLink.activeForeground#00bbd4
- textLink.foreground#d40000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #676B79 | italic |
| keyword | #FF75B5 | — |
| keyword.control, keyword.operator.new | #FF75B5 | — |
| keyword.operator | #E6E6E6 | — |
| keyword.operator.logical, keyword.operator.comparison | #FFCC95 | — |
| storage | #FFB86C | — |
| constant | #FFB86C | — |
| constant.character.escape | #45A9F9 | — |
| variable | #E6E6E6 | — |
| variable.parameter | #BBBBBB | — |
| meta.object-binding-pattern-variable.js variable | #FFCC95 | — |
| variable.other.constant, variable.language.this, variable.interpolation | #FF9AC1 | — |
| variable.other.object | #FF9AC1 | — |
| variable.other.property | #E6E6E6 | — |
| invalid.illegal | — | — |
| invalid.deprecated | — | — |
| string | #19F9D8 | — |
| punctuation.definition.template-expression | #FFCC95 | — |
| support | #FFCC95 | — |
| support.class | #FFCC95 | — |
| support.type.object.module.js | #B084EB | — |
| support.function | #6FC1FF | — |
| entity.name.function | #6FC1FF | — |
| entity.other.inherited-class | #FF9AC1 | — |
| entity.name.tag.yaml | #FFCC95 | — |
| meta.decorator punctuation.decorator | #FFB86C | — |
| meta.decorator variable | #6FC1FF | — |
| keyword.other.special-method | #45A9F9 | — |
| keyword.control.at-rule | #B084EB | — |
| keyword.other.important | #FF4B82 | — |
| variable.interpolation | #FF75B5 | — |
| meta.source.handlebars entity.name.tag | #6FC1FF | — |
| punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag | #FFCC95 | italic |
| entity.name.function.expression | #FF75B5 | — |
| entity.unescaped.expression | #B084EB | — |
| constant.other.symbol | #19F9D8 | — |
| entity.expression variable.parameter.name | #FFB86C | — |
| entity.expression variable.parameter.value | #6FC1FF | — |
| entity.expression support.function.builtin | #FF9AC1 | — |
| entity.name.tag.html | #FFCC95 | — |
| entity.other.attribute-name.handlebars | #FFCC95 | — |
| support.class.component | #FF75B5 | italic |
| meta.tag.js entity.name.tag | #FFCC95 | — |
| entity.other.attribute-name | #FFB86C | — |
| markup.bold | #FFB86C | — |
| punctuation.definition.bold.markdown | #FFCC95 | — |
| markup.changed | #FF75B5 | — |
| markup.deleted | #FF2C6D | — |
| markup.italic | #FF9AC1 | italic |
| punctuation.definition.italic.markdown | #FF75B5 | italic |
| markup.inserted | #19F9D8 | — |
| punctuation.definition.heading | #19F9D8 | — |
| entity.name.section.markdown | #BBBBBB | — |
| markup.quote | #FFB86C | — |
| markup.inline.raw | #19F9D8 | italic |
| beginning.punctuation.definition.list | #FF75B5 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #757575 | — |
| fenced_code.block.language | #BBBBBB | italic |
| string.other.link | #BBBBBB | normal |
| meta.link.inline.markdown | #45A9F9 | italic |
| text.html.markdown punctuation.definition.string | #FFCC95 | — |
| entity.name.type.class.js | #6FC1FF | — |
| keyword.control.as.js | #FF9AC1 | — |
| keyword.control.from.js.jsx | #FF9AC1 | — |
| keyword.control.export.js | #B084EB | — |
| entity.name.tag.js.jsx, support.class.component.js.jsx | #FF2C6D | — |
| variable.language.super.js.jsx | #45A9F9 | — |
| meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade | #FF2C6D | — |
| entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html | #FF2C6D | — |
| entity.name.tag.css | #FF2C6D | — |
| support.type.property-name.css | #E6E6E6 | — |
| variable.scss | #FF9AC1 | — |
| entity.name.tag.reference.scss | #FF2C6D | — |
| keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css | #FFB86C | — |
| string.regexp | #6FC1FF | — |
| string.regexp keyword, string.regexp keyword.control | #FF75B5 | normal |
| string.regexp keyword.operator | #FF9AC1 | — |
| comment.block.documentation | — | normal |
| entity.name.type.instance.jsdoc punctuation.definition | #FFCC95 | italic |
| entity.name.type.instance.jsdoc | #CDCDCD | italic |
| comment.block storage | #FFCC95 | — |
| comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string | #FF9AC1 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...