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#E67399
• activityBar.background#0d0407
• activityBar.border#1a0a0f
• activityBar.foreground#FFF0F5
• button.background#E67399
• button.foreground#0d0407
• button.hoverBackground#FF8FB3
• editor.background#0d0407
• editor.foreground#FFF0F5
• editor.lineHighlightBackground#130A0D
• editor.selectionBackground#5C1F2E
• editorGroup.border#1a0a0f
• editorLineNumber.activeForeground#F5D9E3
• editorLineNumber.foreground#CC9FAD
• focusBorder#E67399
• input.background#130A0D
• input.border#CC9FAD
• input.foreground#FFF0F5
• inputOption.activeBorder#E67399
• list.activeSelectionBackground#5C1F2E
• list.activeSelectionForeground#FFF0F5
• list.focusOutline#E67399
• list.hoverBackground#1A0F14
• list.hoverForeground#FFF0F5
• panel.background#0d0407
• panel.border#1a0a0f
• sideBar.background#130A0D
• sideBar.border#1a0a0f
• sideBar.foreground#F5D9E3
• statusBar.background#E67399
• statusBar.border#1a0a0f
• statusBar.foreground#0d0407
• tab.activeBackground#1A0F14
• tab.activeBorder#E67399
• tab.activeForeground#FFF0F5
• tab.border#1a0a0f
• tab.inactiveBackground#0d0407
• tab.inactiveForeground#CC9FAD
• terminal.background#0d0407
• terminal.foreground#FFF0F5
• titleBar.activeBackground#0d0407
• titleBar.activeForeground#FFF0F5
• titleBar.border#1a0a0f
• titleBar.inactiveBackground#0d0407
• titleBar.inactiveForeground#CC9FAD
• window.activeBorder#1a0a0f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).