Skip to content

Advanced Theme Creation: AI, Manual, and Forking#15

Merged
claudemyburgh merged 2 commits into
mainfrom
feature/advanced-theme-creation-2953705128562490666
May 16, 2026
Merged

Advanced Theme Creation: AI, Manual, and Forking#15
claudemyburgh merged 2 commits into
mainfrom
feature/advanced-theme-creation-2953705128562490666

Conversation

@claudemyburgh
Copy link
Copy Markdown
Member

This PR introduces several new ways for users to create themes, making the platform much more flexible and interactive.

Key Features:

  • AI Theme Generation: Users can now describe a theme in plain English, and the AI will generate a complete set of colors and metadata.
  • Manual Theme Editor: A new tabbed interface allows users to manually specify title, slug, description, and every CSS color variable for both light and dark modes.
  • Advanced Color Picker: The custom color picker supports standard hex input and includes a comprehensive Tailwind CSS color selector.
  • Theme Forking: Users can now click "Fork Theme" on any existing theme to use it as a base for their own custom creations.
  • Real-time Preview: As users edit colors or generate them via AI, a live preview card updates instantly to show how the theme looks.

Technical Changes:

  • Backend: AiService was enhanced with generateFullTheme. ThemesController was updated to handle multiple creation paths. A new ThemesControllerTest covers the logic.
  • Frontend: New components were created for the creation flow. The create.tsx page was completely redesigned with a tabbed layout.
  • Utility: buildCSSVars was improved to automatically wrap raw HSL values from the editor in hsl() functions for correct browser rendering.

PR created automatically by Jules for task 2953705128562490666 started by @claudemyburgh

… forking.

- Added AI theme generation via OpenRouter in AiService.
- Updated ThemesController to support manual creation, forking, and AI generation.
- Created ThemeEditorVariables and ColorPicker components with Tailwind color support.
- Implemented real-time theme preview in the creation flow.
- Added 'Fork Theme' functionality to theme details page.
- Enhanced CSS variable building to correctly handle raw HSL values.

Co-authored-by: claudemyburgh <6057076+claudemyburgh@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@claudemyburgh claudemyburgh merged commit 8857d74 into main May 16, 2026
1 of 3 checks passed
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