Kay theme
Publisher: kubeThemes in package: 2
80's neon lights theme
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#0c0e12
- activityBar.foreground#ffffff76
- editor.background#14161a
- editor.foreground#8599b3
- editor.lineHighlightBackground#ccccff07
- editor.selectionBackground#333470
- editorCursor.foreground#6a819e
- editorGroup.border#ffffff12
- editorGroupHeader.tabsBackground#0c0e12
- editorGroupHeader.tabsBorder#14161a
- editorLineNumber.foreground#ccccff31
- editorWhitespace.foreground#282f40
- focusBorder#3c7eeb42
- input.background#ffffff09
- input.border#b0b1d80f
- list.activeSelectionBackground#4c5ead58
- list.focusBackground#4c5ead58
- list.hoverBackground#b0b1d813
- list.inactiveSelectionBackground#4c5ead58
- list.inactiveSelectionForeground#ffffff
- scrollbar.shadow#00000067
- scrollbarSlider.activeBackground#ffffff13
- scrollbarSlider.background#ffffff09
- scrollbarSlider.hoverBackground#ffffff18
- sideBar.background#0c0e12
- sideBar.border#ffffff13
- sideBar.foreground#ffffffcc
- sideBarSectionHeader.background#0c0e12
- sideBarSectionHeader.foreground#ffffff94
- sideBarTitle.foreground#ffffff42
- tab.activeBackground#15171b
- tab.activeBorderTop#ffffff10
- tab.border#ffffff10
- tab.inactiveBackground#0c0e12
- tab.inactiveForeground#ffffff42
- tab.unfocusedActiveBorderTop#ffffff10
- titleBar.activeBackground#0c0e12
- titleBar.inactiveBackground#0c0e12
- titleBar.inactiveForeground#ffffff67
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #8599b3ff | — |
| comment | #465173 | — |
| string | #0AFAFA | — |
| constant.numeric | #0AFAFA | — |
| constant.language | #0AFAFA | — |
| constant.character, constant.other | #0AFAFA | — |
| variable | #3A8CC7 | |
| keyword | #7F83FF | — |
| storage | #7F83FF | |
| storage.type | #7F83FF | italic |
| entity.name.class | #FF4A98 | bold |
| entity.other.inherited-class | #FF4A98 | italic |
| entity.name.function | #FF4A98 | — |
| variable.parameter | #45B8FF | italic |
| entity.name.tag | #7F83FF | |
| entity.other.attribute-name | #FF4A98 | — |
| support.function | #45B8FF | — |
| support.constant | #45B8FF | |
| support.type, support.class | #45B8FF | italic |
| support.other.variable | — | |
| invalid | #F1ADD2 | |
| invalid.deprecated | #B2AFF0 | — |
| 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...