WCAG Themes

Color themes

• 

  WCAG Hacker Green Theme

• 

  WCAG Indigo Theme

• 

  WCAG Lavender Light Theme

• 

  WCAG Light Gray Theme

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#7D7DFF
• activityBar.background#050510
• activityBar.border#0f0f1a
• activityBar.foreground#F0F0FF
• button.background#7D7DFF
• button.foreground#050510
• button.hoverBackground#9A9AFF
• editor.background#050510
• editor.foreground#F0F0FF
• editor.lineHighlightBackground#0A0A15
• editor.selectionBackground#2E2E5C
• editorGroup.border#0f0f1a
• editorLineNumber.activeForeground#D9D9F5
• editorLineNumber.foreground#9F9FCC
• focusBorder#7D7DFF
• input.background#0A0A15
• input.border#9F9FCC
• input.foreground#F0F0FF
• inputOption.activeBorder#7D7DFF
• list.activeSelectionBackground#2E2E5C
• list.activeSelectionForeground#F0F0FF
• list.focusOutline#7D7DFF
• list.hoverBackground#0F0F24
• list.hoverForeground#F0F0FF
• panel.background#050510
• panel.border#0f0f1a
• sideBar.background#0A0A15
• sideBar.border#0f0f1a
• sideBar.foreground#D9D9F5
• statusBar.background#7D7DFF
• statusBar.border#0f0f1a
• statusBar.foreground#050510
• tab.activeBackground#0F0F24
• tab.activeBorder#7D7DFF
• tab.activeForeground#F0F0FF
• tab.border#0f0f1a
• tab.inactiveBackground#050510
• tab.inactiveForeground#9F9FCC
• terminal.background#050510
• terminal.foreground#F0F0FF
• titleBar.activeBackground#050510
• titleBar.activeForeground#F0F0FF
• titleBar.border#0f0f1a
• titleBar.inactiveBackground#050510
• titleBar.inactiveForeground#9F9FCC
• window.activeBorder#0f0f1a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).