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#2aa198
• activityBar.background#002b36
• activityBar.border#0f1419
• activityBar.foreground#fdf6e3
• button.background#2aa198
• button.foreground#002b36
• button.hoverBackground#35c9be
• editor.background#002b36
• editor.foreground#fdf6e3
• editor.lineHighlightBackground#073642
• editor.selectionBackground#1E4A5C
• editorGroup.border#0f1419
• editorLineNumber.activeForeground#eee8d5
• editorLineNumber.foreground#93a1a1
• focusBorder#2aa198
• input.background#073642
• input.border#93a1a1
• input.foreground#fdf6e3
• inputOption.activeBorder#2aa198
• list.activeSelectionBackground#1E4A5C
• list.activeSelectionForeground#fdf6e3
• list.focusOutline#2aa198
• list.hoverBackground#073642
• list.hoverForeground#fdf6e3
• panel.background#002b36
• panel.border#0f1419
• sideBar.background#073642
• sideBar.border#0f1419
• sideBar.foreground#eee8d5
• statusBar.background#2aa198
• statusBar.border#0f1419
• statusBar.foreground#002b36
• tab.activeBackground#073642
• tab.activeBorder#2aa198
• tab.activeForeground#fdf6e3
• tab.border#0f1419
• tab.inactiveBackground#002b36
• tab.inactiveForeground#93a1a1
• terminal.background#002b36
• terminal.foreground#fdf6e3
• titleBar.activeBackground#002b36
• titleBar.activeForeground#fdf6e3
• titleBar.border#0f1419
• titleBar.inactiveBackground#002b36
• titleBar.inactiveForeground#93a1a1
• window.activeBorder#0f1419

tokenColors

TextMate scopes and font styles (syntax highlighting rules).