Claude Tools / Themes / High Contrast

Illustrative color and style configuration

High Contrast

Maximum text and control contrast with minimal decorative color.

accessible
PreviewSource shapeAudit notes
$starter/themes/high-contrast

Template signals

Status

Draft

Audit

Not run

Collection

Themes

Anatomy

What it contains

  • Named color tokens
  • Light or dark appearance metadata
  • Optional typography and spacing tokens

Lifecycle

How it works

  1. The theme is discovered from configuration
  2. The user selects it
  3. Tokens map to interface surfaces
  4. The interface updates without executing code

Audit lens

What Bear Brown would check

  • Configuration parses against the schema
  • Text and controls meet contrast requirements
  • No executable content is embedded

Content preview

Example configuration

Editable starter content9 lines
{
  "name": "Warm Paper",
  "appearance": "light",
  "colors": {
    "background": "#F5F0E8",
    "foreground": "#29261F",
    "accent": "#B75A3A"
  }
}

Related

More Themes

← Back to Themes