Axion Themes

Color themes

• 

  Electric Blue

• 

  Neon Cyber

• 

  Plasma Pink

• 

  Quantum Green

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#143d2a
• activityBar.border#1e5c3a
• activityBar.foreground#39ff14
• activityBar.inactiveForeground#b6fcd580
• activityBarBadge.background#39ff14
• activityBarBadge.foreground#0a1f14
• button.background#39ff14
• button.foreground#0a1f14
• button.hoverBackground#7fffd4
• descriptionForeground#b6fcd5a0
• dropdown.background#143d2a
• dropdown.border#1e5c3a
• dropdown.foreground#b6fcd5
• editor.background#0a1f14
• editor.findMatchBackground#39ff1460
• editor.findMatchHighlightBackground#39ff1430
• editor.foreground#b6fcd5
• editor.inactiveSelectionBackground#1e5c3a40
• editor.lineHighlightBackground#143d2a
• editor.selectionBackground#1e5c3a80
• editor.selectionHighlightBackground#1e5c3a40
• editorCursor.foreground#39ff14
• editorGroupHeader.tabsBackground#11281e
• editorGroupHeader.tabsBorder#1e5c3a
• editorIndentGuide.activeBackground#39ff1460
• editorIndentGuide.background#1e5c3a60
• editorLineNumber.activeForeground#39ff14
• editorLineNumber.foreground#39ff1460
• editorWhitespace.foreground#1e5c3a80
• errorForeground#ff4040
• focusBorder#39ff14
• foreground#b6fcd5
• icon.foreground#39ff14
• input.background#11281e
• input.border#1e5c3a
• input.foreground#b6fcd5
• input.placeholderForeground#39ff1460
• list.activeSelectionBackground#39ff1440
• list.activeSelectionForeground#0a1f14
• list.hoverBackground#143d2a
• list.hoverForeground#39ff14
• list.inactiveSelectionBackground#1e5c3a60
• list.inactiveSelectionForeground#b6fcd5
• menu.background#143d2a
• menu.foreground#b6fcd5
• menu.selectionBackground#39ff1440
• menu.selectionForeground#0a1f14
• menu.separatorBackground#1e5c3a
• menubar.selectionBackground#39ff1440
• menubar.selectionForeground#0a1f14
• notificationCenter.border#1e5c3a
• notificationCenterHeader.background#143d2a
• notifications.background#143d2a
• notifications.border#1e5c3a
• notifications.foreground#b6fcd5
• notificationToast.border#1e5c3a
• panel.background#11281e
• panel.border#1e5c3a
• panelTitle.activeBorder#39ff14
• panelTitle.activeForeground#39ff14
• panelTitle.inactiveForeground#b6fcd580
• selection.background#1e5c3a80
• sideBar.background#11281e
• sideBar.border#1e5c3a
• sideBar.foreground#b6fcd5
• sideBarSectionHeader.background#143d2a
• sideBarSectionHeader.foreground#39ff14
• sideBarTitle.foreground#39ff14
• statusBar.background#143d2a
• statusBar.border#1e5c3a
• statusBar.debuggingBackground#39ff14
• statusBar.debuggingForeground#0a1f14
• statusBar.foreground#b6fcd5
• statusBar.noFolderBackground#11281e
• tab.activeBackground#143d2a
• tab.activeBorder#39ff14
• tab.activeForeground#39ff14
• tab.border#1e5c3a
• tab.inactiveBackground#11281e
• tab.inactiveForeground#b6fcd5a0
• terminal.ansiBlack#000000
• terminal.ansiBlue#4080ff
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#4080ff
• terminal.ansiBrightCyan#40ffff
• terminal.ansiBrightGreen#39ff14
• terminal.ansiBrightMagenta#ff40ff
• terminal.ansiBrightRed#ff4080
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffff40
• terminal.ansiCyan#40ffff
• terminal.ansiGreen#39ff14
• terminal.ansiMagenta#ff40ff
• terminal.ansiRed#ff4080
• terminal.ansiWhite#ffffff
• terminal.ansiYellow#ffff40
• terminal.background#0a1f14
• terminal.foreground#b6fcd5
• titleBar.activeBackground#0a1f14
• titleBar.activeForeground#b6fcd5
• titleBar.border#1e5c3a
• titleBar.inactiveBackground#11281e
• titleBar.inactiveForeground#39ff1480
• tree.indentGuidesStroke#1e5c3a60

tokenColors

TextMate scopes and font styles (syntax highlighting rules).