Go to file
Jamey Greenwood da770f121f feat: add Theme LiveView with preset switching
Implement basic theme editor interface with live preview:
- ThemeLive.Index LiveView with mount and event handlers
- Two-column layout: controls sidebar + preview area
- Display all 9 presets as clickable buttons
- Apply preset and regenerate CSS on click
- Show current theme settings (mood, typography, shape, density, color)
- Preview page switcher (7 pages: home, collection, product, cart, about, contact, 404)
- Inline <style> tag with generated CSS for instant preview
- Basic preview frame showing theme variables in action
- Authentication required via :require_authenticated_user pipeline
- Theme navigation link added to user menu
- 9 comprehensive LiveView tests

All tests passing (197 total).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-30 21:53:52 +00:00
assets feat: add CSS generation system with custom properties and ETS cache 2025-12-30 21:41:25 +00:00
config mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
lib feat: add Theme LiveView with preset switching 2025-12-30 21:53:52 +00:00
priv feat: add CSS generation system with custom properties and ETS cache 2025-12-30 21:41:25 +00:00
test feat: add Theme LiveView with preset switching 2025-12-30 21:53:52 +00:00
.formatter.exs mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
.gitignore mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
AGENTS.md mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
mix.exs add Tidewave 2025-12-30 12:27:41 +00:00
mix.lock add Tidewave 2025-12-30 12:27:41 +00:00
README.md mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
SIMPLESHOP_THEME_STUDIO_SPEC.md feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00
theme-demo-v28.html feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00

SimpleshopTheme

To start your Phoenix server:

  • Run mix setup to install and setup dependencies
  • Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Learn more