Space Kraken
Publisher: chanwareThemes in package: 1
A dark cosmic theme with syntax highlighting optimized for OLED displays and extended coding sessions.
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#152025
- activityBar.foreground#6e8e9f
- activityBarBadge.background#82aaff
- border#22343d
- button.background#82aaff
- button.foreground#ffffff
- button.hoverBackground#85c3f4
- dropdown.background#1f2e38
- dropdown.border#22343d
- dropdown.foreground#cdd3de
- editor.background#112128
- editor.findMatchBackground#29353f
- editor.findMatchHighlightBackground#252f3b
- editor.foreground#cdd3de
- editor.lineHighlightBackground#0d1a21
- editor.selectionBackground#31424d
- editor.wordHighlightBackground#252f3b
- editor.wordHighlightStrongBackground#31424d
- editorCursor.foreground#b6c4ff
- editorGutter.addedBackground#174e26
- editorGutter.background#112128
- editorGutter.deletedBackground#80202b
- editorGutter.modifiedBackground#5a3625
- editorLineNumber.activeForeground#607d86
- editorLineNumber.foreground#364555
- input.background#1f2e38
- input.border#22343d
- input.foreground#cdd3de
- notification.background#3d1a11
- panel.background#152025
- panel.border#22343d
- panelTitle.activeForeground#cdd3de
- panelTitle.inactiveForeground#6e8e9f
- scrollbar.shadow#22343b00
- scrollbarSlider.activeBackground#6c8795d4
- scrollbarSlider.background#5a7380d4
- scrollbarSlider.hoverBackground#6c8795d4
- separator#3b4950
- sideBar.background#152025
- sideBar.foreground#6e8e9f
- sideBarSectionHeader.background#1e272c
- sideBarTitle.foreground#cdd3de
- statusBar.background#1e272c
- statusBar.debuggingBackground#2a4a5a
- statusBar.foreground#6e8e9f
- statusBar.noFolderBackground#1e272c
- statusBarItem.activeBackground#31424d
- statusBarItem.hoverBackground#2e3c43
- statusBarItem.prominentBackground#3d5a6b
- statusBarItem.prominentHoverBackground#4a6b7d
- tab.activeBackground#293c46
- tab.activeForeground#cdd3de
- tab.border#1a2d34
- tab.inactiveBackground#152025
- tab.inactiveForeground#6e8e9f
- terminal.background#152025
- terminal.foreground#c3cee3
- titleBar.activeBackground#1e272c
- titleBar.activeForeground#cdd3de
- titleBar.inactiveBackground#152025
- titleBar.inactiveForeground#425b67
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4d6470 | italic |
| variable, string constant.other.placeholder | #cdd3de | — |
| variable.other.local | #cdd3de | — |
| variable.parameter | #fb9551 | — |
| variable.other.property, variable.other.object.property | #97a0b4 | — |
| variable.other.global | #e4c16c | — |
| invalid, invalid.illegal | #ff5370 | — |
| keyword, storage.type, storage.modifier | #dca9dc | — |
| keyword.control | #dca9dc | italic |
| punctuation, keyword.operator, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #66c7c7 | — |
| punctuation.separator.comma | #89ddff | — |
| punctuation.accessor | #89ddff | — |
| punctuation.terminator | #60b3b3 | — |
| punctuation.section.braces, punctuation.section.brackets, punctuation.section.parens | #66c7c7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f36e77 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #85c3f4 | — |
| entity.name.method | #85c3f4 | — |
| entity.name.function.static | #85c3f4 | italic |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #fb9551 | — |
| string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter | #99c794 | — |
| constant.character.escape | #85c3f4 | — |
| entity.name.class, entity.name.type, support.type, support.class | #e4c16c | — |
| entity.name.type.class.abstract | #80cbc4 | — |
| entity.name.type.interface | #99c794 | italic |
| entity.name.type.parameter | #80cbc4 | italic |
| entity.other.attribute-name, entity.name.function.decorator | #dca9dc | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #dca9dc | italic |
| entity.other.attribute-name.class | #dca9dc | bold |
| support.type.property-name | #e4c16c | — |
| support.constant.property-value | #fb9551 | — |
| markup.inserted | #99c794 | — |
| markup.deleted | #f36e77 | — |
| markup.changed | #c792ea | — |
| string.regexp | #f36e77 | — |
| support.type.property-name.json | #dca9dc | — |
| markup.heading | #80cbc4 | bold |
| markup.inline.raw | #c792ea | — |
| markup.bold | #f36e77 | bold |
| markup.italic | #f36e77 | italic |
| markup.underline.link | #82aaff | — |