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#DC143C
- activityBar.background#000000
- activityBar.foreground#DC143C
- activityBar.inactiveForeground#8B0000
- activityBarBadge.background#DC143C
- activityBarBadge.foreground#000000
- badge.background#DC143C
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#DC143C
- breadcrumb.background#000000
- breadcrumb.focusForeground#B22222
- breadcrumb.foreground#8B0000
- breadcrumbPicker.background#0A0000
- button.background#DC143C
- button.foreground#000000
- button.hoverBackground#B22222
- button.secondaryBackground#4A0000
- button.secondaryForeground#B22222
- button.secondaryHoverBackground#8B0000
- debugConsole.errorForeground#DC143C
- debugConsole.infoForeground#B22222
- debugConsole.sourceForeground#B22222
- debugConsole.warningForeground#FF8800
- debugIcon.breakpointDisabledForeground#4A0000
- debugIcon.breakpointForeground#DC143C
- debugIcon.breakpointUnverifiedForeground#FF8800
- debugToolBar.background#0A0000
- debugToolBar.border#DC143C
- dropdown.background#0A0000
- dropdown.border#DC143C
- dropdown.foreground#B22222
- dropdown.listBackground#000000
- editor.background#000000
- editor.findMatchBackground#DC143C
- editor.findMatchBorder#FFFFFF
- editor.findMatchHighlightBackground#DC143C80
- editor.findRangeHighlightBackground#DC143C20
- editor.foreground#B22222
- editor.inactiveSelectionBackground#DC143C30
- editor.lineHighlightBackground#0A000040
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0A000040
- editor.selectionBackground#DC143C50
- editor.selectionHighlightBackground#DC143C30
- editor.wordHighlightBackground#8B000040
- editor.wordHighlightStrongBackground#DC143C50
- editorBracketMatch.background#DC143C40
- editorBracketMatch.border#DC143C
- editorCodeLens.foreground#8B0000
- editorCursor.foreground#DC143C
- editorError.foreground#DC143C
- editorGroup.border#4A0000
- editorGroupHeader.border#4A0000
- editorGroupHeader.noTabsBackground#0A0000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#4A0000
- editorGutter.addedBackground#DC143C
- editorGutter.background#000000
- editorGutter.commentRangeForeground#4A0000
- editorGutter.deletedBackground#FFFFFF
- editorGutter.modifiedBackground#FF8800
- editorHoverWidget.background#0A0000
- editorHoverWidget.border#DC143C
- editorIndentGuide.activeBackground1#4A0000
- editorIndentGuide.background1#0A0000
- editorInfo.foreground#B22222
- editorLightBulb.foreground#FF8800
- editorLightBulbAutoFix.foreground#DC143C
- editorLineNumber.activeForeground#DC143C
- editorLineNumber.dimmedForeground#2F0000
- editorLineNumber.foreground#4A0000
- editorOverviewRuler.addedForeground#DC143C
- editorOverviewRuler.border#4A0000
- editorOverviewRuler.deletedForeground#FFFFFF
- editorOverviewRuler.errorForeground#DC143C
- editorOverviewRuler.infoForeground#B22222
- editorOverviewRuler.modifiedForeground#FF8800
- editorOverviewRuler.warningForeground#FF8800
- editorRuler.foreground#4A0000
- editorWarning.foreground#FF8800
- editorWidget.background#0A0000
- editorWidget.border#DC143C
- editorWidget.resizeBorder#DC143C
- focusBorder#DC143C
- gitDecoration.addedResourceForeground#DC143C
- gitDecoration.conflictingResourceForeground#FF8800
- gitDecoration.deletedResourceForeground#FFFFFF
- gitDecoration.ignoredResourceForeground#4A0000
- gitDecoration.modifiedResourceForeground#FF8800
- gitDecoration.untrackedResourceForeground#DC143C
- input.background#0A0000
- input.border#DC143C
- input.foreground#B22222
- input.placeholderForeground#8B0000
- inputOption.activeBackground#DC143C40
- inputOption.activeBorder#DC143C
- inputOption.activeForeground#DC143C
- inputValidation.errorBackground#0A0000
- inputValidation.errorBorder#DC143C
- inputValidation.infoBackground#0A0000
- inputValidation.infoBorder#B22222
- inputValidation.warningBackground#1A0A00
- inputValidation.warningBorder#FF8800
- list.activeSelectionBackground#DC143C
- list.activeSelectionForeground#000000
- list.dropBackground#DC143C40
- list.errorForeground#FFFFFF
- list.focusBackground#0A0000
- list.focusForeground#DC143C
- list.highlightForeground#DC143C
- list.hoverBackground#0A0000
- list.hoverForeground#DC143C
- list.inactiveSelectionBackground#8B0000
- list.inactiveSelectionForeground#DC143C
- list.warningForeground#FF8800
- listFilterWidget.background#0A0000
- listFilterWidget.noMatchesOutline#FFFFFF
- listFilterWidget.outline#DC143C
- menu.background#0A0000
- menu.border#DC143C
- menu.foreground#B22222
- menu.selectionBackground#DC143C
- menu.selectionForeground#000000
- menu.separatorBackground#4A0000
- menubar.selectionBackground#DC143C
- menubar.selectionForeground#000000
- merge.border#4A0000
- merge.currentContentBackground#DC143C20
- merge.currentHeaderBackground#DC143C40
- merge.incomingContentBackground#FFFFFF20
- merge.incomingHeaderBackground#FFFFFF40
- notificationCenter.border#4A0000
- notificationCenterHeader.background#0A0000
- notificationCenterHeader.foreground#DC143C
- notificationLink.foreground#DC143C
- notifications.background#0A0000
- notifications.border#DC143C
- notifications.foreground#B22222
- notificationsErrorIcon.foreground#FFFFFF
- notificationsInfoIcon.foreground#DC143C
- notificationsWarningIcon.foreground#FF8800
- notificationToast.border#DC143C
- panel.background#000000
- panel.border#4A0000
- panelTitle.activeBorder#DC143C
- panelTitle.activeForeground#DC143C
- panelTitle.inactiveForeground#8B0000
- pickerGroup.border#4A0000
- pickerGroup.foreground#DC143C
- progressBar.background#DC143C
- sash.hoverBorder#DC143C
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#DC143CC0
- scrollbarSlider.background#DC143C60
- scrollbarSlider.hoverBackground#DC143C80
- selection.background#DC143C50
- settings.checkboxBackground#0A0000
- settings.checkboxBorder#DC143C
- settings.checkboxForeground#B22222
- settings.dropdownBackground#0A0000
- settings.dropdownBorder#DC143C
- settings.dropdownForeground#B22222
- settings.headerForeground#DC143C
- settings.modifiedItemIndicator#DC143C
- settings.numberInputBackground#0A0000
- settings.numberInputBorder#DC143C
- settings.numberInputForeground#B22222
- settings.textInputBackground#0A0000
- settings.textInputBorder#DC143C
- settings.textInputForeground#B22222
- sideBar.background#000000
- sideBar.border#4A0000
- sideBar.foreground#B22222
- sideBarSectionHeader.background#0A0000
- sideBarSectionHeader.border#4A0000
- sideBarSectionHeader.foreground#DC143C
- sideBarTitle.foreground#DC143C
- statusBar.background#000000
- statusBar.border#4A0000
- statusBar.debuggingBackground#DC143C
- statusBar.debuggingForeground#000000
- statusBar.foreground#DC143C
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#DC143C
- tab.activeBackground#000000
- tab.activeBorder#00000000
- tab.activeBorderTop#DC143C
- tab.activeForeground#DC143C
- tab.border#000000
- tab.hoverBackground#0A0000
- tab.hoverForeground#DC143C
- tab.inactiveBackground#0A0000
- tab.inactiveForeground#8B0000
- tab.lastPinnedBorder#DC143C
- tab.unfocusedActiveBackground#000000
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#8B0000
- tab.unfocusedInactiveBackground#0A0000
- tab.unfocusedInactiveForeground#4A0000
- terminal.ansiBlack#000000
- terminal.ansiBlue#DC143C
- terminal.ansiBrightBlack#4A0000
- terminal.ansiBrightBlue#FF6666
- terminal.ansiBrightCyan#FF6666
- terminal.ansiBrightGreen#FF6666
- terminal.ansiBrightMagenta#FF6666
- terminal.ansiBrightRed#FF6666
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFAA66
- terminal.ansiCyan#DC143C
- terminal.ansiGreen#DC143C
- terminal.ansiMagenta#DC143C
- terminal.ansiRed#DC143C
- terminal.ansiWhite#B22222
- terminal.ansiYellow#FF8800
- terminal.background#000000
- terminal.foreground#B22222
- terminal.selectionBackground#DC143C50
- terminalCursor.foreground#DC143C
- textBlockQuote.background#0A0000
- textBlockQuote.border#DC143C
- textCodeBlock.background#000000
- textLink.activeForeground#B22222
- textLink.foreground#DC143C
- textPreformat.foreground#B22222
- textSeparator.foreground#4A0000
- titleBar.activeBackground#000000
- titleBar.activeForeground#DC143C
- titleBar.border#4A0000
- titleBar.inactiveBackground#0A0000
- titleBar.inactiveForeground#8B0000
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8B0000 | italic |
| keyword, storage, storage.type | #DC143C | bold |
| constant, constant.numeric, constant.language | #DC143C | — |
| string, string.quoted | #B22222 | — |
| variable, variable.parameter | #B22222 | — |
| entity.name.function, support.function | #DC143C | bold |
| entity.name.type, support.class, support.type | #DC143C | bold |
| entity.name.tag | #DC143C | bold |
| entity.other.attribute-name | #B22222 | italic |
| markup.heading | #DC143C | bold |
| markup.bold | #DC143C | bold |
| markup.italic | #B22222 | italic |
| invalid | #FFFFFF | bold underline |
| storage.modifier, storage.type.function | #DC143C | bold |
| constant.character.escape | #B22222 | — |
| meta.function-call, support.function.console | #DC143C | bold |
| support.type.property-name | #8B0000 | — |
| support.constant | #B22222 | — |
| punctuation.definition.parameters, punctuation.section.group | #4A0000 | — |
| punctuation.separator, punctuation.terminator | #2F0000 | — |
| entity.name.tag.html | #DC143C | bold |
| meta.tag | #B22222 | — |
| support.type.property-name.css | #8B0000 | — |
| markup.underline | #DC143C | underline |
| markup.list | #B22222 | — |