WCAG Themes

Color themes

• 

  WCAG Amber Theme

• 

  WCAG Black Theme

• 

  WCAG Burgundy Theme

• 

  WCAG Cardboard 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#FFB347
• activityBar.background#0d0804
• activityBar.border#1a1108
• activityBar.foreground#FFF5E6
• button.background#FFB347
• button.foreground#0d0804
• button.hoverBackground#FFC870
• editor.background#0d0804
• editor.foreground#FFF5E6
• editor.lineHighlightBackground#13100A
• editor.selectionBackground#5C4520
• editorGroup.border#1a1108
• editorLineNumber.activeForeground#F5E6D3
• editorLineNumber.foreground#C9B59D
• focusBorder#FFB347
• input.background#13100A
• input.border#C9B59D
• input.foreground#FFF5E6
• inputOption.activeBorder#FFB347
• list.activeSelectionBackground#5C4520
• list.activeSelectionForeground#FFF5E6
• list.focusOutline#FFB347
• list.hoverBackground#1A150C
• list.hoverForeground#FFF5E6
• panel.background#0d0804
• panel.border#1a1108
• sideBar.background#13100A
• sideBar.border#1a1108
• sideBar.foreground#F5E6D3
• statusBar.background#FFB347
• statusBar.border#1a1108
• statusBar.foreground#0d0804
• tab.activeBackground#1A150C
• tab.activeBorder#FFB347
• tab.activeForeground#FFF5E6
• tab.border#1a1108
• tab.inactiveBackground#0d0804
• tab.inactiveForeground#C9B59D
• terminal.background#0d0804
• terminal.foreground#FFF5E6
• titleBar.activeBackground#0d0804
• titleBar.activeForeground#FFF5E6
• titleBar.border#1a1108
• titleBar.inactiveBackground#0d0804
• titleBar.inactiveForeground#C9B59D
• window.activeBorder#1a1108

tokenColors

TextMate scopes and font styles (syntax highlighting rules).