WCAG Themes

Color themes

• 

  WCAG Silver Theme

• 

  WCAG Sky Theme

• 

  WCAG Slate Grey Theme

• 

  WCAG Solarized Dark 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#94A3B8
• activityBar.background#0D1117
• activityBar.border#1C2128
• activityBar.foreground#F0F3F8
• button.background#94A3B8
• button.foreground#0D1117
• button.hoverBackground#A8B8CC
• editor.background#0D1117
• editor.foreground#F0F3F8
• editor.lineHighlightBackground#161B22
• editor.selectionBackground#2D4357
• editorGroup.border#1C2128
• editorLineNumber.activeForeground#CBD5E1
• editorLineNumber.foreground#8B96A5
• focusBorder#94A3B8
• input.background#161B22
• input.border#8B96A5
• input.foreground#F0F3F8
• inputOption.activeBorder#94A3B8
• list.activeSelectionBackground#2D4357
• list.activeSelectionForeground#F0F3F8
• list.focusOutline#94A3B8
• list.hoverBackground#1E2530
• list.hoverForeground#F0F3F8
• panel.background#0D1117
• panel.border#1C2128
• sideBar.background#161B22
• sideBar.border#1C2128
• sideBar.foreground#CBD5E1
• statusBar.background#94A3B8
• statusBar.border#1C2128
• statusBar.foreground#0D1117
• tab.activeBackground#1E2530
• tab.activeBorder#94A3B8
• tab.activeForeground#F0F3F8
• tab.border#1C2128
• tab.inactiveBackground#0D1117
• tab.inactiveForeground#8B96A5
• terminal.background#0D1117
• terminal.foreground#F0F3F8
• titleBar.activeBackground#0D1117
• titleBar.activeForeground#F0F3F8
• titleBar.border#1C2128
• titleBar.inactiveBackground#0D1117
• titleBar.inactiveForeground#8B96A5
• window.activeBorder#1C2128

tokenColors

TextMate scopes and font styles (syntax highlighting rules).