WCAG Themes

Color themes

• 

  WCAG Charcoal Theme

• 

  WCAG Cool Blue Theme

• 

  WCAG Cream Theme

• 

  WCAG Crimson Contrast 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#C0C0C0
• activityBar.background#0A0A0A
• activityBar.border#141414
• activityBar.foreground#FFFFFF
• button.background#C0C0C0
• button.foreground#0A0A0A
• button.hoverBackground#D8D8D8
• editor.background#0A0A0A
• editor.foreground#FFFFFF
• editor.lineHighlightBackground#0F0F0F
• editor.selectionBackground#404040
• editorGroup.border#141414
• editorLineNumber.activeForeground#E8E8E8
• editorLineNumber.foreground#A8A8A8
• focusBorder#C0C0C0
• input.background#0F0F0F
• input.border#A8A8A8
• input.foreground#FFFFFF
• inputOption.activeBorder#C0C0C0
• list.activeSelectionBackground#404040
• list.activeSelectionForeground#FFFFFF
• list.focusOutline#C0C0C0
• list.hoverBackground#1A1A1A
• list.hoverForeground#FFFFFF
• panel.background#0A0A0A
• panel.border#141414
• sideBar.background#0F0F0F
• sideBar.border#141414
• sideBar.foreground#E8E8E8
• statusBar.background#C0C0C0
• statusBar.border#141414
• statusBar.foreground#0A0A0A
• tab.activeBackground#1A1A1A
• tab.activeBorder#C0C0C0
• tab.activeForeground#FFFFFF
• tab.border#141414
• tab.inactiveBackground#0A0A0A
• tab.inactiveForeground#A8A8A8
• terminal.background#0A0A0A
• terminal.foreground#FFFFFF
• titleBar.activeBackground#0A0A0A
• titleBar.activeForeground#FFFFFF
• titleBar.border#141414
• titleBar.inactiveBackground#0A0A0A
• titleBar.inactiveForeground#A8A8A8
• window.activeBorder#141414

tokenColors

TextMate scopes and font styles (syntax highlighting rules).