Claude Tools / Themes / Midnight

Illustrative color and style configuration

Midnight

Deep navy surfaces with cool blue accents and high-contrast text.

dark
PreviewSource shapeAudit notes
$starter/themes/midnight

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