Skip to content

Add color theming support with presets and custom overrides#3

Open
joshribakoff wants to merge 1 commit intomainfrom
color-theming
Open

Add color theming support with presets and custom overrides#3
joshribakoff wants to merge 1 commit intomainfrom
color-theming

Conversation

@joshribakoff
Copy link
Owner

Summary

  • Three preset themes: dark (default), light, neetcode
  • Custom color overrides via ThemeConfig model
  • Template uses CSS variables for all colors
  • 14 configurable color properties

Usage

"theme": { "preset": "neetcode" }

Or with overrides:

"theme": { "preset": "dark", "colors": { "background": "#000" } }

Test plan

  • Schema tests pass (25 tests)
  • Visual review with different themes

🤖 Generated with Claude Code

Adds configurable theming for animation templates:

- Three preset themes: dark (default), light, neetcode
- Custom color overrides for any color property
- ThemeConfig model with resolve_colors() to merge preset + overrides
- Template updated to use resolved theme colors via CSS variables

Color properties: background, text, title, target, cell_bg, cell_border,
cell_text, pointer_left, pointer_right, highlight_found, highlight_sum,
message, index_label, step_indicator.

Usage in scene.json:
  "visualization": {
    "type": "array_pointers",
    "theme": { "preset": "neetcode" }
  }

Or with overrides:
  "theme": { "preset": "dark", "colors": { "background": "#000" } }

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant