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#E86A33
- activityBar.background#F8E9D4
- activityBar.border#00000000
- activityBar.foreground#2F1F1A
- activityBar.inactiveForeground#8A6E5B
- activityBarBadge.background#C75180
- activityBarBadge.foreground#FFF9F2
- badge.background#3A9F9F
- badge.foreground#FFF9F2
- button.background#E86A33
- button.foreground#FFF9F2
- button.hoverBackground#C75180
- dropdown.background#FFFFFF
- dropdown.border#E4D2BF
- dropdown.foreground#2F1F1A
- editor.background#FFF9F2
- editor.findMatchBackground#FFB3473A
- editor.findMatchBorder#FFB34780
- editor.findMatchHighlightBackground#FFB34726
- editor.foreground#2F1F1A
- editor.hoverHighlightBackground#F5E4CD80
- editor.inactiveSelectionBackground#E86A3318
- editor.lineHighlightBackground#EFD8BC66
- editor.selectionBackground#E86A3330
- editor.selectionHighlightBackground#2E8A8C1F
- editor.wordHighlightBackground#2E8A8C26
- editor.wordHighlightStrongBackground#C7518033
- editorBracketMatch.background#3A9F9F26
- editorBracketMatch.border#3A9F9F80
- editorCursor.foreground#E86A33
- editorIndentGuide.activeBackground1#C7518040
- editorIndentGuide.background1#E4D2BF60
- editorLineNumber.activeForeground#8A6E5B
- editorLineNumber.foreground#C7B7A6
- editorRuler.foreground#E6D5C580
- editorWhitespace.foreground#E4D2BF80
- input.background#FFFFFF
- input.border#E4D2BF
- input.foreground#2F1F1A
- list.activeSelectionBackground#F3DFC6
- list.activeSelectionForeground#2F1F1A
- list.dropBackground#C7518026
- list.errorForeground#C75180
- list.focusBackground#F8E9D4
- list.hoverBackground#F3DFC6B0
- list.inactiveSelectionBackground#F8E9D4
- list.warningForeground#D7782E
- minimap.background#FFF3E3
- panel.background#FFF6EA
- panel.border#E1CEBD
- panelTitle.activeBorder#E86A33
- panelTitle.activeForeground#2F1F1A
- panelTitle.inactiveForeground#8A6E5B
- sideBar.background#FFF3E3
- sideBar.border#E1CEBD
- sideBar.dropBackground#C7518026
- sideBar.foreground#3B2F2F
- sideBarSectionHeader.background#F3DFC6
- sideBarTitle.foreground#2F1F1A
- statusBar.background#F3DFC6
- statusBar.border#E1CEBD
- statusBar.debuggingBackground#C75180
- statusBar.debuggingForeground#FFF9F2
- statusBar.foreground#2F1F1A
- statusBar.noFolderBackground#F8E9D4
- tab.activeBackground#FFF9F2
- tab.activeBorderTop#C75180
- tab.activeForeground#2F1F1A
- tab.border#00000000
- tab.hoverBackground#F8E9D4
- tab.hoverForeground#2F1F1A
- tab.inactiveBackground#F3DFC6
- tab.inactiveForeground#8A6E5B
- tab.unfocusedActiveBorderTop#C7518033
- terminal.ansiBlack#F3DFC6
- terminal.ansiBlue#3A9F9F
- terminal.ansiBrightBlack#8A6E5B
- terminal.ansiBrightBlue#2E668A
- terminal.ansiBrightCyan#5CC5BE
- terminal.ansiBrightGreen#3A9F9F
- terminal.ansiBrightMagenta#DE74B2
- terminal.ansiBrightRed#E86A33
- terminal.ansiBrightWhite#2F1F1A
- terminal.ansiBrightYellow#FFC777
- terminal.ansiCyan#4DABA8
- terminal.ansiGreen#2E8A8C
- terminal.ansiMagenta#B85C9E
- terminal.ansiRed#C75180
- terminal.ansiWhite#2F1F1A
- terminal.ansiYellow#FFB347
- terminal.background#FFF9F2
- terminal.foreground#2F1F1A
- terminalCursor.foreground#E86A33
- titleBar.activeBackground#F8E9D4
- titleBar.activeForeground#2F1F1A
- titleBar.border#00000000
- titleBar.inactiveBackground#F3DFC6
- titleBar.inactiveForeground#8A6E5B
- window.activeBorder#E86A33
- window.inactiveBorder#E4D2BF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B8A597 | italic |
| keyword, storage.type, storage.modifier | #C75180 | bold |
| keyword.control | #E86A33 | — |
| entity.name.function, meta.function-call | #2E8A8C | — |
| entity.name.class, entity.name.type, support.class | #2E668A | — |
| variable, variable.other | #2F1F1A | — |
| variable.parameter | #8A6E5B | — |
| constant, constant.language | #B85C9E | — |
| constant.numeric | #FFB347 | — |
| string, string.quoted, string.template | #D7772A | — |
| punctuation.definition.string, constant.character.escape | #C75180 | — |
| support.function, entity.name.function.preprocessor | #4DABA8 | — |
| support.constant, support.variable | #A0634C | — |
| meta.decorator, entity.name.section | #C75180 | — |
| entity.other.attribute-name | #2E8A8C | — |
| entity.name.tag, entity.name.tag.html, meta.tag | #C75180 | bold |
| markup.heading, markup.heading.setext | #E86A33 | — |
| markup.bold | #2E8A8C | bold |
| markup.italic | #C75180 | italic |
| markup.inline.raw, markup.fenced_code | #3B2F2F | — |
| markup.list | #A0634C | — |
| markup.quote | #7A8C7C | — |
| constant.character.entity | #4DABA8 | — |