Ableton Inspired
Publisher: lightray-questThemes in package: 2
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#252525
- activityBar.border#3a3a3a
- activityBar.foreground#d4d4d4
- editor.background#1e1e1e
- editor.foreground#d4d4d4
- editor.lineHighlightBackground#252525
- editor.selectionBackground#1a4a40
- editor.selectionHighlightBackground#1a4a40af
- editorCursor.foreground#f01f80
- editorGroupHeader.tabsBackground#252525
- editorIndentGuide.activeBackground1#1a4a40
- editorIndentGuide.background1#333333
- list.activeSelectionBackground#1a4a40
- list.activeSelectionForeground#d4d4d4
- list.hoverBackground#2a3a36
- list.inactiveSelectionBackground#1a3a34
- panel.background#1a1a1a
- sideBar.background#252525
- sideBar.foreground#d4d4d4
- statusBar.background#1a4a40
- statusBar.foreground#d4d4d4
- terminal.ansiGreen#40FF40
- terminal.ansiYellow#ffb625
- terminal.background#1a1a1a
- terminal.foreground#d4d4d4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6a6a6a | — |
| keyword.control, keyword.operator, keyword.other | #f9a03f | — |
| storage.type, storage.modifier | #f9a03f | — |
| string | #5c8eff | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #ff50c0 | — |
| entity.name.class, entity.name.type, support.type, entity.other.inherited-class, support.class, entity.name.type.module | #2ed8a8 | — |
| support.type.primitive, entity.name.type.alias, entity.name.type.interface, entity.name.type.enum, entity.name.type.class, meta.type.annotation, constant.language.null, constant.language.undefined | #34e8dd | — |
| variable, variable.parameter, variable.other.object | #c470f0 | — |
| variable.other.readwrite, variable.other.property, variable.other.constant | #d4d4d4 | — |
| constant.numeric, constant.language, constant.numeric.hex, constant.other.color, constant.numeric.integer.hexadecimal, constant.numeric.hex.css | #ff5c4d | — |