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#ecebea
- activityBar.foreground#00000076
- editor.background#f7f5f4
- editor.foreground#768494
- editor.lineHighlightBackground#22220004
- editor.selectionBackground#dbd8ed
- editorCursor.foreground#6e7b8a
- editorGroup.border#00000013
- editorGroupHeader.tabsBackground#ecebea
- editorGroupHeader.tabsBorder#f7f5f4ff
- editorLineNumber.foreground#22220031
- editorWhitespace.foreground#dfe2e8
- focusBorder#3c7eeb31
- input.background#ffffff22
- input.border#b0b1d82f
- list.activeSelectionBackground#4c5ead58
- list.focusBackground#4c5ead58
- list.hoverBackground#b0b1d813
- list.inactiveSelectionBackground#4c5ead58
- list.inactiveSelectionForeground#ffffff
- scrollbar.shadow#0000000A
- scrollbarSlider.activeBackground#00000013
- scrollbarSlider.background#00000009
- scrollbarSlider.hoverBackground#00000018
- sideBar.background#ecebea
- sideBar.border#0000000f
- sideBar.foreground#000000cc
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.foreground#00000085
- sideBarTitle.foreground#00000042
- tab.activeBorderTop#0000001F
- tab.activeForeground#000000CC
- tab.border#00000018
- tab.inactiveBackground#ecebea
- tab.inactiveForeground#00000058
- tab.unfocusedActiveBorderTop#0000001F
- titleBar.activeBackground#ecebea
- titleBar.inactiveBackground#ecebea
- titleBar.inactiveForeground#00000067
- widget.shadow#00000013
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #768494ff | — |
| comment | #B3B1B8 | — |
| string | #0EB3B3 | — |
| constant.numeric | #0EB3B3 | — |
| constant.language | #0EB3B3 | — |
| constant.character, constant.other | #0EB3B3 | — |
| variable | #3A8CC7 | |
| keyword | #5A41BF | — |
| storage | #5A41BF | |
| storage.type | #5A41BF | italic |
| entity.name.class | #E60C6A | — |
| entity.other.inherited-class | #E60C6A | italic |
| entity.name.function | #E60C6A | |
| variable.parameter | #1F8DD1 | italic |
| entity.name.tag | #5A41BF | |
| entity.other.attribute-name | #E60C6A | |
| support.function | #1F8DD1 | |
| support.constant | #1F8DD1 | |
| support.type, support.class | #1F8DD1 | italic |
| support.other.variable | — | |
| invalid | #F1ADD2 | |
| invalid.deprecated | #B2AFF0 | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...