XELA Themes
Publisher: cybrdelicThemes in package: 196
A meticulously curated collection of 180+ high-quality XELA color themes for VS Code. Cleaned, optimized, and contrast-verified for professional coding environments.
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.activeBorder#FF6AD5
- activityBar.background#14063A
- activityBar.border#00000000
- activityBar.foreground#F6EFFF
- activityBar.inactiveForeground#B9A9D9
- activityBarBadge.background#7CFFCB
- activityBarBadge.foreground#0B031E
- badge.background#FF6AD5
- badge.foreground#0B031E
- button.background#7CFFCB
- button.foreground#14063A
- button.hoverBackground#B497FF
- dropdown.background#0F0633
- dropdown.border#2E1657
- dropdown.foreground#E8DFF9
- editor.background#080220
- editor.findMatchBackground#FFE57755
- editor.findMatchBorder#FFE57790
- editor.findMatchHighlightBackground#FFE57733
- editor.foreground#F6EFFF
- editor.hoverHighlightBackground#2E165780
- editor.inactiveSelectionBackground#FF6AD52B
- editor.lineHighlightBackground#2E165770
- editor.selectionBackground#FF6AD555
- editor.selectionHighlightBackground#7CFFCB26
- editor.wordHighlightBackground#7CFFCB2E
- editor.wordHighlightStrongBackground#B497FF36
- editorBracketMatch.background#B497FF33
- editorBracketMatch.border#B497FF90
- editorCursor.foreground#7CFFCB
- editorIndentGuide.activeBackground1#FF6AD560
- editorIndentGuide.background1#2E165750
- editorLineNumber.activeForeground#D1C7EE
- editorLineNumber.foreground#3D2871
- editorRuler.foreground#2E1657
- editorWhitespace.foreground#2E1657
- input.background#0F0633
- input.border#2E1657
- input.foreground#F6EFFF
- list.activeSelectionBackground#1B0947
- list.activeSelectionForeground#F6EFFF
- list.dropBackground#FF6AD533
- list.errorForeground#FF8CA8
- list.focusBackground#1B0947
- list.hoverBackground#1B0947B0
- list.inactiveSelectionBackground#12052E
- list.warningForeground#FFE577
- minimap.background#080220
- panel.background#080220
- panel.border#2E1657
- panelTitle.activeBorder#FF6AD5
- panelTitle.activeForeground#F6EFFF
- panelTitle.inactiveForeground#B9A9D9
- sideBar.background#0C0324
- sideBar.border#2E1657
- sideBar.dropBackground#FF6AD533
- sideBar.foreground#E8DFF9
- sideBarSectionHeader.background#14063A
- sideBarTitle.foreground#F6EFFF
- statusBar.background#080220
- statusBar.border#2E1657
- statusBar.debuggingBackground#FFE577
- statusBar.debuggingForeground#14063A
- statusBar.foreground#E8DFF9
- statusBar.noFolderBackground#14063A
- tab.activeBackground#14063A
- tab.activeBorderTop#FF6AD5
- tab.activeForeground#F6EFFF
- tab.border#00000000
- tab.hoverBackground#1B0947
- tab.hoverForeground#F6EFFF
- tab.inactiveBackground#080220
- tab.inactiveForeground#B9A9D9
- tab.unfocusedActiveBorderTop#FF6AD533
- terminal.ansiBlack#12052E
- terminal.ansiBlue#B497FF
- terminal.ansiBrightBlack#3D2871
- terminal.ansiBrightBlue#CFBEFF
- terminal.ansiBrightCyan#BFF0FF
- terminal.ansiBrightGreen#A8FFE0
- terminal.ansiBrightMagenta#FF97E5
- terminal.ansiBrightRed#FFACC3
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFF1AA
- terminal.ansiCyan#96D3FF
- terminal.ansiGreen#7CFFCB
- terminal.ansiMagenta#FF6AD5
- terminal.ansiRed#FF8CA8
- terminal.ansiWhite#F6EFFF
- terminal.ansiYellow#FFE577
- terminal.background#080220
- terminal.foreground#F6EFFF
- terminalCursor.foreground#7CFFCB
- titleBar.activeBackground#14063A
- titleBar.activeForeground#F6EFFF
- titleBar.border#00000000
- titleBar.inactiveBackground#0C0324
- titleBar.inactiveForeground#B9A9D9
- window.activeBorder#FF6AD5
- window.inactiveBorder#2E1657
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9D8CB8 | italic |
| keyword, storage.type, storage.modifier | #FF6AD5 | bold |
| keyword.control | #B497FF | — |
| entity.name.function, meta.function-call | #7CFFCB | — |
| support.function | #96D3FF | — |
| entity.name.class, support.class, entity.name.type | #B497FF | — |
| variable, variable.other | #F6EFFF | — |
| variable.parameter | #CBBBED | — |
| constant, constant.language | #FFE577 | — |
| constant.numeric | #B497FF | — |
| string, string.quoted, string.template | #A8FFE0 | — |
| constant.character.escape, punctuation.definition.string | #FF6AD5 | — |
| support.constant, support.variable | #FFE577 | — |
| meta.decorator, entity.name.section | #FF97E5 | — |
| entity.other.attribute-name | #7CFFCB | — |
| entity.name.tag, entity.name.tag.html, meta.tag | #FF6AD5 | bold |
| markup.heading, markup.heading.setext | #FFE577 | — |
| markup.bold | #F6EFFF | bold |
| markup.italic | #FF97E5 | italic |
| markup.inline.raw, markup.fenced_code | #F6EFFF | — |
| markup.list | #FFE577 | — |
| markup.quote | #CBBBED | — |
| constant.character.entity | #96D3FF | — |
| punctuation.section.embedded | #FF8CA8 | — |