Styrokai
Publisher: jibjackThemes in package: 1
A vivid, bolded, pitch-black Monokai color theme
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#222222
- activityBarBadge.foreground#ffffff
- badge.background#f1f1f1
- badge.foreground#2b21b4
- button.background#2b21b4
- button.foreground#ffffff
- button.hoverBackground#2b21b4be
- descriptionForeground#8787a7
- dropdown.background#010101
- dropdown.border#333333
- dropdown.foreground#ffffff
- dropdown.listBackground#000000
- editor.background#000000
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#333333
- editor.selectionBackground#2b21b4
- editorCursor.foreground#FFFFFF
- editorGroupHeader.noTabsBackground#000000
- editorGroupHeader.tabsBackground#000000
- editorGutter.background#000000
- editorIndentGuide.activeBackground#ffffff
- editorIndentGuide.background#777777
- editorRuler.foreground#777777
- editorWhitespace.foreground#5C5C58
- 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
- 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#222222
- titleBar.inactiveForeground#aaaaaa
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #4A4943 | — |
| string | #CCCC97 | — |
| constant.numeric | #9D4CFF | — |
| constant.language | #9D4CFF | — |
| constant.character, constant.other | #9D4CFF | — |
| 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...