Styrokai++
Publisher: kepler0Themes in package: 4
Styrokai, with some improvements.
Color themes
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#000000
- activityBar.foreground#ffffff
- activityBarBadge.background#000000
- badge.background#f1f1f1
- badge.foreground#2b21b4
- button.background#2b21b4
- button.foreground#ffffff
- button.hoverBackground#2b21b4be
- debugToolBar.background#000000
- debugToolBar.border#1b1b1b
- descriptionForeground#8787a7
- dropdown.background#010101
- dropdown.border#333333
- dropdown.foreground#ffffff
- dropdown.listBackground#000000
- editor.background#000000
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#0f0f0f
- editor.lineHighlightBorder#1f1f1f
- editor.selectionBackground#5d3483bb
- editorCursor.foreground#FFFFFF
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGutter.addedBackground#89e215
- editorGutter.background#000000
- editorGutter.deletedBackground#f92649
- editorGutter.modifiedBackground#3BE5FF
- editorHoverWidget.background#0a0a0a
- editorHoverWidget.border#1b1b1b
- editorIndentGuide.activeBackground#000000
- editorIndentGuide.background#000000
- editorRuler.foreground#777777
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#1b1b1b
- editorSuggestWidget.foreground#cccccc
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#1b1b1b
- editorWhitespace.foreground#5C5C58
- editorWidget.background#000000
- editorWidget.border#1b1b1b
- editorWidget.resizeBorder#1b1b1b
- focusBorder#000000
- foreground#ffffff
- gitDecoration.addedResourceForeground#89e215
- gitDecoration.conflictingResourceForeground#f0af2e
- gitDecoration.deletedResourceForeground#cf3838
- gitDecoration.ignoredResourceForeground#e0866b
- gitDecoration.modifiedResourceForeground#CCCC97
- gitDecoration.submoduleResourceForeground#cf1db2
- gitDecoration.untrackedResourceForeground#3BE5FF
- input.background#101010
- input.border#fafafa
- list.activeSelectionBackground#111132
- list.activeSelectionForeground#e4e4e4
- list.dropBackground#000000
- list.errorForeground#fad325
- list.focusBackground#222222
- list.focusForeground#e4e4e4
- list.highlightForeground#495288
- list.hoverBackground#222222
- list.hoverForeground#e4e4e4
- list.inactiveFocusBackground#222222
- list.inactiveSelectionBackground#111132
- list.inactiveSelectionForeground#e4e4e4
- list.invalidItemForeground#e4e4e4
- list.warningForeground#ff4040
- selection.background#53717a
- sideBar.background#000000
- sideBar.foreground#fafafa
- sideBarSectionHeader.background#080808
- sideBarSectionHeader.border#000000
- sideBarTitle.foreground#fafafa
- statusBar.background#000000
- statusBar.debuggingBackground#462020
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#000000
- tab.activeBackground#000000
- tab.activeBorder#cccccc
- tab.activeForeground#fafafa
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#fafafa
- titleBar.activeBackground#000000
- titleBar.activeForeground#fafafa
- titleBar.border#000000
- titleBar.inactiveBackground#0f0f0f
- titleBar.inactiveForeground#aaaaaa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4A4943 | — |
| string | #eece3f | — |
| constant.numeric | #a567f1 | — |
| constant.language | #a567f1 | — |
| constant.character, constant.other | #a567f1 | — |
| variable | — | — |
| keyword | #FA236E | bold |
| storage | #FA236E | — |
| storage.type | #3BE5FF | italic |
| entity.name.class | #89e215 | italic |
| entity.other.inherited-class | #89e215 | italic |
| entity.name.function | #89e215 | — |
| variable.parameter | #FFA826 | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #89e215 | |
| support.function | #3BE5FF | — |
| support.constant | #66D9EF | |
| support.type, support.class | #3BE5FF | italic |
| support.other.variable | — | |
| invalid | #FF0D31 | |
| invalid.deprecated | #AE81FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...