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#FFB84D
• activityBar.background#000000
• activityBar.border#1A1A1A
• activityBar.foreground#F0F0F0
• button.background#FFB84D
• button.foreground#000000
• button.hoverBackground#FFC970
• editor.background#000000
• editor.foreground#F0F0F0
• editor.lineHighlightBackground#0D0D0D
• editor.selectionBackground#1A4D7A
• editorGroup.border#1A1A1A
• editorLineNumber.activeForeground#E0E0E0
• editorLineNumber.foreground#A0A0A0
• focusBorder#FFB84D
• input.background#0D0D0D
• input.border#A0A0A0
• input.foreground#F0F0F0
• inputOption.activeBorder#FFB84D
• list.activeSelectionBackground#1A4D7A
• list.activeSelectionForeground#F0F0F0
• list.focusOutline#FFB84D
• list.hoverBackground#1A1A1A
• list.hoverForeground#F0F0F0
• panel.background#000000
• panel.border#1A1A1A
• sideBar.background#0D0D0D
• sideBar.border#1A1A1A
• sideBar.foreground#E0E0E0
• statusBar.background#FFB84D
• statusBar.border#1A1A1A
• statusBar.foreground#000000
• tab.activeBackground#1A1A1A
• tab.activeBorder#FFB84D
• tab.activeForeground#F0F0F0
• tab.border#1A1A1A
• tab.inactiveBackground#000000
• tab.inactiveForeground#A0A0A0
• terminal.background#000000
• terminal.foreground#F0F0F0
• titleBar.activeBackground#000000
• titleBar.activeForeground#F0F0F0
• titleBar.border#1A1A1A
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#A0A0A0
• window.activeBorder#1A1A1A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).