Zen browser theme integration?

[paul-fornage]

I know this opens a scary door of supporting every browser, but Zen browser offers a way to provide custom CSS with live switching docs.zen-browser.app/guides/live-editing <edit> I stopped reading that article too early. that's not what its about </edit> And I'll volunteer!

Alternatively, the theme 'spec'? is changed to include some generic colors and behaviors, so that people can maintain their own plugins or helper apps to pull from the current omarchy theme.

[iatomic1]

yo @paul-fornage any updates on this?

[ATagTheAwesomest]

If I can help with that project I will!

[heetrew]

It would be awesome. Where to start? Which system in omarchy can trigger a user script when theme change on OS level?

[beaterblank]

I believe .config/omarchy/current/theme contains all the theme-related configs. When the theme changes, these files are applied. This includes Chromium’s theme as well. Apps probably references this location and may automatically detect changes, though I’m not entirely sure about the auto-detection part.

[paul-fornage]

This was just changed in the latest update to use some theme colors and let each app build it's own format from the theme colors, as I suggested. I have a full plate for the foreseeable future, but now it should be less of a hack to do this.

[ATagTheAwesomest]

If I had some reference point of how to change the theme in Zen I could cobble together a Proof of Concept for the meantime! But for some reason I cannot find that info... Googling is failing me today...

[beaterblank]

Hello! I realized this problem can apply to many other applications, so I’ve created a generic solution here: https://github.com/beaterblank/omarchy-theme-sync-ctl. It needs some work to make it work with zen.

Please feel free to open a pull request if you have any improvements or suggestions.

[reg1z]

Thanks for this! I spent yesterday getting this to work with Firefox using userChrome.css. Zen-browser (being firefox-derivative) uses the same method. It's possible with a similar implementation. One issue though: hot-reloading of userChrome.css styles doesn't work in either firefox or zen, so you have to fully restart the browser after applying a theme. There are some hacks around this, but nothing I felt comfortable with yet. Not too big of a deal, but would be nice to fix for UX.

Tried adding zen support a bit and had some success -- just didn't have the time to learn the proper css styling technique. I'll submit a PR soon.

Was a lot of tinkering with individual css selectors and multi-profile import logic.

You can try it out at my fork: https://github.com/reg1z/omarchy-theme-sync.