Kaleidoscope
Publisher: adhamuThemes in package: 1
A bright and colourful 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#16202B
- activityBarBadge.background#2979ff
- badge.background#a5fc03
- badge.foreground#16202B
- button.background#2979ff
- button.foreground#ffffff
- editor.background#16202B
- editor.foreground#dfe2e6
- editor.lineHighlightBackground#2b313a
- editor.selectionBackground#3d4350
- editorCursor.foreground#528bff
- editorGroupHeader.tabsBackground#16202B
- editorGroupHeader.tabsBorder#162228
- editorIndentGuide.background#333333
- editorSuggestWidget.highlightForeground#2979ff
- editorWhitespace.foreground#747369
- editorWidget.background#263238
- input.background#263238
- list.activeSelectionForeground#2979ff
- list.highlightForeground#2979ff
- list.inactiveSelectionForeground#2979ff
- pickerGroup.foreground#2979ff
- progressBar.background#2979ff
- scrollbarSlider.activeBackground#2979ff50
- sideBar.background#16202B
- sideBarSectionHeader.background#263238
- statusBar.background#16202B
- statusBar.foreground#5c7b90
- tab.activeBackground#162228
- tab.activeBorder#a349f9
- tab.border#162228
- tab.inactiveBackground#16202B
- textLink.foreground#2979ff
- titleBar.activeBackground#8711f7
- titleBar.activeForeground#ffffff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable.parameter.function | #FE7000 | — |
| comment, punctuation.definition.comment | #4E5F75EB | italic |
| none | #A8BDD5 | — |
| keyword.operator | #A8BDD5 | — |
| keyword | #B45EFF | — |
| variable | #00CCFF | |
| entity.name.function, meta.require, support.function.any-method | #FFEB00 | — |
| support.class, entity.name.class, entity.name.type.class | #FF00BF | — |
| meta.class | #A8BDD5 | — |
| keyword.other.special-method | #00FFAE | — |
| storage | #B366FF | — |
| support.function | #FF7F29 | — |
| string, constant.other.symbol, entity.other.inherited-class | #64FE2E | — |
| constant.numeric | #FFCC00 | — |
| none | #FFCC00 | — |
| none | #FF692E | — |
| constant | #FE7000 | — |
| entity.name.tag | #FE7000 | — |
| entity.other.attribute-name | #B45EFF | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #FF2EB9 | — |
| meta.selector | #DF5CFF | — |
| none | #FF692E | — |
| markup.heading punctuation.definition.heading, entity.name.section | #FE0099 | |
| keyword.other.unit | #FFCC00 | — |
| markup.bold, punctuation.definition.bold | #FFCC00 | — |
| markup.italic, punctuation.definition.italic | #DF5CFF | — |
| markup.raw.inline | #4DFF00 | — |
| string.other.link, punctuation.definition.string.end.markdown | #FF8000 | — |
| meta.link | #FF692E | — |
| markup.list | #FF8000 | — |
| markup.quote | #FF692E | — |
| meta.separator | #A8BDD5 | — |
| markup.inserted | #4DFF00 | — |
| markup.deleted | #FF8000 | — |
| markup.changed | #DF5CFF | — |
| constant.other.color | #FFCC00 | — |
| string.regexp | #23C4D8 | — |
| constant.character.escape | #23C4D8 | — |
| punctuation.section.embedded, variable.interpolation | #9C9C9C | — |
| invalid.illegal | #000000 | — |
| invalid.broken | #000000 | — |
| invalid.deprecated | #000000 | — |
| invalid.unimplemented | #000000 | — |
| source.json meta.structure.dictionary.json string.quoted.double.json | #AC58FA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json | #00CCFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json string.quoted.double.json | #FF8000 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json | #4DFF00 | — |
| support.type.property-name.json | #A349F9 | — |
| support.type.property-name.json punctuation | #A349F9 | — |
| text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade | #DF5CFF | — |
| text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade | #DF5CFF | — |
| meta.function-call variable.function | #FFEB00 | — |
| sublimelinter.mark.error | #D02000 | — |
| sublimelinter.gutter-mark | #FFFFFF | — |
| sublimelinter.mark.warning | #DDB700 | — |
| flake8lint.mark.error | #DA2000 | — |
| flake8lint.mark.gutter | #FFFFFF | — |
| flake8lint.mark.warning | #EDBA00 | — |
| flake8lint.mark.critical | #981600 | — |
| 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...