Sign In

ComfyUI Theme Editor

1

ComfyUI Theme Editor

Hello CivitAI community and ComfyUI lovers!

I’ve created a handy little tool to edit/create themes for ComfyUI. I made this because I really wanted to create a nice theme for my ComfyUI, but I found it super annoying to manually look up every single HEX code and other values all over the internet 🤭 So, with some help from Gemini (thanks Gem! ❤️), I built this very simple tool that really helps out with theme creation.

How does it work? It’s very simple! In your ComfyUI, go to Settings -> Appearance, choose a "basic" theme to start from, and hit the "Export" button. Open that file with any text editor and copy everything inside. Now, go here link, paste everything, and click "Initialize Workspace" and BOOM! Everything is ready for you to customize the theme exactly how you like it!

Things you should know:

  1. If you want a Light theme, make sure to check the "Light Theme" box, otherwise bright colors won't be displayed correctly.

  2. I'm currently adding info/tooltips for every setting and I'll try to update them all over time. For now, only some info is available.

  3. Some features are only available for 1.0 nodes, while others are specifically for 2.0 nodes.

  4. Make sure to use a unique ID for each of your themes to ensure they work correctly.

Done everything? Just click "Export Theme" to download your new theme. Go back to ComfyUI and Import your new theme!

If you want to share your new themes with the community, feel free to post them in the comments below! I wonder which one will look the best? 🤭

I hope someone finds this useful!

p.s. there might be some bugs as I haven't tested it thoroughly yet. If you find anything weird, let me know and I’ll be more than happy to fix it!

Sending a big hug!

1