Xenus Dark
Publisher: XenusThemes in package: 1
A sleek, dark theme with vibrant highlights designed for optimal readability and focus. Perfect for developers who want a modern, minimal interface that enhances code clarity and reduces eye strain.
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#0A0A0A
- activityBar.foreground#E8E8E8
- activityBarBadge.background#0078CC99
- badge.background#2EE28899
- button.background#5E4B8A
- button.border#5E4B8A
- button.borderRadius12px
- button.foreground#FFFFFF
- editor.background#000000
- editor.foreground#F0F0F0
- editor.lineHighlightBackground#1A1A1A44
- editor.selectionBackground#264F7899
- editorCursor.foreground#4DC4FF
- editorError.foreground#FF5555
- editorGroup.border#1A1A1A
- editorGroup.dropBackground#0078CC33
- editorGroupHeader.noTabsBackground#0A0A0A
- editorGroupHeader.tabsBackground#0A0A0A
- editorGroupHeader.tabsBorder#1A1A1A
- editorGutter.background#00000000
- editorIndentGuide.activeBackground#3A3A3A66
- editorIndentGuide.background#1A1A1A44
- editorInfo.foreground#0078CC
- editorLineNumber.activeForeground#CCCCCCCC
- editorLineNumber.foreground#66666699
- editorWarning.foreground#FFAA00
- editorWhitespace.foreground#404040
- editorWidget.background#151515
- errorForeground#FF5555
- focusBorder#0078CC66
- gitDecoration.addedResourceForeground#6BFFB2
- gitDecoration.deletedResourceForeground#FF5C5C
- gitDecoration.modifiedResourceForeground#FFA500
- infoForeground#0078CC
- input.background#151515
- input.border#444444
- input.borderRadius8px
- input.foreground#F0F0F0
- input.placeholderForeground#888888
- list.activeSelectionBackground#264F7899
- list.hoverBackground#1A1A1A44
- notification.background#151515
- notification.border#0078CC
- notification.foreground#E0E0E0
- progressBar.background#0078CC
- scrollbarSlider.activeBackground#999999
- scrollbarSlider.background#555555
- scrollbarSlider.hoverBackground#777777
- sideBar.background#0A0A0A
- sideBar.border#1A1A1A
- sideBar.foreground#E0E0E0
- sideBarButton.background#6A0A9C
- sideBarButton.foreground#FFFFFF
- statusBar.background#0A0A0A
- statusBar.foreground#E0E0E0
- successForeground#4DC4FF
- tab.activeBackground#151515
- tab.activeBorder#0078CC99
- tab.inactiveBackground#0A0A0A
- terminal.background#000000
- terminal.foreground#E0E0E0
- terminal.selectionBackground#264F7899
- titleBar.activeBackground#0A0A0A
- titleBar.activeForeground#E0E0E0
- warningForeground#FFAA00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A8A8ACC | italic |
| variable, string constant.other.placeholder | #9CDCFE | — |
| keyword, storage.type, storage.modifier | #D175FF | — |
| entity.name.function, meta.function-call | #65BAFF | — |
| string | #98C379 | — |
| constant.numeric | #D19A66 | — |
| entity.name.type, entity.name.class | #FFD68A | — |
| entity.name.tag | #FF7B85 | — |
| variable.other.property | #4DC4FF | — |
| constant | #FFD68A | — |
| meta.type.parameter | #D1E2F1 | — |
| invalid, invalid.deprecated | #FF5555 | — |
| warning | #FFAA00 | — |
| meta.function-call | #FFD700 | — |
| entity.name.interface | #66D9EF | — |
| meta.decorator | #A6E22E | — |
| keyword | #F92672 | bold |
| meta.annotation | #D2D2D2 | — |
| entity.name.type, entity.other.type | #FFB86C | — |
| keyword.operator | #FF79C6 | — |
| variable.parameter | #50FA7B | — |
| meta.structure.dictionary.json string.key.json | #8BE9FD | — |
| meta.structure.dictionary.json string.quoted.json | #FFB86C | — |
| entity.name.tag.html | #FF79C6 | — |
| entity.other.attribute-name.html | #F8F8F2 | — |
| meta.selector.css | #66D9EF | — |
| support.type.property-name.css | #FFB86C | — |
| meta.directive.vue | #FF92D0 | — |
| entity.name.tag.xml | #F92672 | — |
| markup.heading | #FFD68A | — |
| markup.underline.link | #66D9EF | — |