Double the theme catalog with twelve vivid palettes

[Modsofthenation]

Rebased onto latest main (includes the graph/3D work from #13 and the folder/ref pickers from #14).

Doubles the UI from 12 to 24 themes and makes the picker show each palette live.

New dark: Neon Noir, Synthwave, Phosphor, Aurora, Biolume, Carbon
New light: Sakura, Citrus, Peach Fuzz, Cotton Candy, Clear Sky, Coral Reef

Settings swatches inherit the theme they represent (background, ink, accent bar) so the grid itself pops. The rail select groups Dark / Light. The boot script in index.html includes the new light palettes so native controls do not flash dark.

Existing themes and localStorage IDs are unchanged.

Review follow-ups applied on rebase

• Assert every palette has CSS tokens and every light palette is listed in the boot script
• Rebuild bundled static assets so the catalog is actually served

  

Summary by CodeRabbit

• New Features

  • Expanded the theme library to 24 palettes, including Neon Noir, Synthwave, Phosphor, Aurora, Biolume, Carbon, Sakura, Citrus, Peach, Candy, Sky, and Coral.
  • Theme selection is now organized into Dark and Light groups.
  • Theme swatches include color preview bars and enhanced active-state styling.
  • Added complete light/dark theme support across the application.

• Documentation

  • Updated the README to showcase the expanded theme collection.

• Tests

  • Added coverage validating all available themes, palettes, and light/dark classifications.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: aabfe932-48fb-453a-a3fd-ce78aa0cc811

📥 Commits

Reviewing files that changed from the base of the PR and between 07b2464 and 6eed5fa.

📒 Files selected for processing (11)

• README.md
• src/loadpath/static/assets/LayeredGraph3D-CUJpCaK3.js
• src/loadpath/static/assets/index-BSKSsotG.css
• src/loadpath/static/assets/index-_7_dtN73.js
• src/loadpath/static/assets/index-fLLLv9tC.css
• src/loadpath/static/index.html
• ui/index.html
• ui/src/App.tsx
• ui/src/styles.css
• ui/src/themes.test.ts
• ui/src/themes.ts

💤 Files with no reviewable changes (1)

• src/loadpath/static/assets/index-fLLLv9tC.css

---

📝 Walkthrough

Walkthrough

The PR expands the application from its previous theme set to 24 themes. It adds theme registry entries and palettes, groups selector options by light or dark mode, validates theme integration, updates boot handling, and refreshes generated assets and documentation.

Changes

Theme expansion

Layer / File(s)	Summary
Theme registry and integration validation ui/src/themes.ts, ui/src/themes.test.ts, ui/index.html	The registry now defines 24 themes. Tests validate theme counts, CSS selectors, and light-theme boot handling.
Theme palettes and selector presentation ui/src/styles.css, ui/src/App.tsx	The UI adds dark and light palettes, grouped theme options, gradient swatch bars, and updated swatch shadows.
Generated assets and documentation src/loadpath/static/index.html, src/loadpath/static/assets/*, README.md	Generated asset references and bundled imports are updated. The generated stylesheet replaces the removed stylesheet. The README lists two dozen themes.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Merge Risk: ⚪ Minimal · up to 6eed5

The PR expands the theme catalog and updates the served assets without any identified merge-blocking issue. No actionable merge-blocking risk remains beyond normal checks and review.

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant ThemeSelector
  participant ThemeRegistry
  participant ThemeStyles
  User->>ThemeSelector: select a theme
  ThemeSelector->>ThemeRegistry: resolve theme ID and group
  ThemeSelector->>ThemeStyles: apply selected theme
  ThemeStyles-->>User: render themed interface and swatch preview

Loading

Possibly related PRs

• Modsofthenation/PR-Reviewer#2: Related theme registry, palette, and initialization changes in the same codebase.
• Modsofthenation/PR-Reviewer#6: Related theme selector, CSS, and theme initialization changes in the same codebase.
• Modsofthenation/EdgeTX-Dashboards#65: Related theme registries, light/dark handling, palettes, and swatch previews.

Suggested reviewers: cursoragent

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main change: expanding the theme catalog from 12 to 24 palettes.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch cursor/expand-themes-b19b

---

_{Comment @coderabbitai help to get the list of available commands.}