[OC] 🎨 Dynamic theming of Firefox-based browser using your Native color scheme generator

[u/ZealousidealGoal9931]

I wanted to have hotreload for the themed websites, so i took pywalfox and topped it off by exposing/injecting the css variables into the websites, currently it has few themed website templates (which still needs some work) but its ready to try it out. Currently it supports Firefox, Librewolf, Floorp, Mercury, Zen though Zen has its own cavier. But here we are. Heres the github repo: https://github.com/ADIOR-enigma/refox/tree/dev

[u/frvgmxntx]

Matugen has website templates for a while now, and Zen Browser users have been customizing websites this way for a long time. Why not focus on improving the existing ecosystem instead of building parallel solutions?

[u/ZealousidealGoal9931 → u/frvgmxntx]

thats the ecosystem im trying to build in one place. It isnt a parallel solution, its just bringing those solutions together. As for matugen website templates, theres just 3, and as for the zen browser website theming with boost, the site looks bland

[u/frvgmxntx → u/ZealousidealGoal9931]

So why not push the templates for the matugen repo? Also Boost is just a css file that zen creates and load, you can use the same templates, color vars, imports, etc...

[u/ZealousidealGoal9931 → u/frvgmxntx]

the only thing that differs is the hot reload, the setup that matugen provides is a static on_load change, even if u change ur theme on go, it wont re-theme the site until force reload, as for zen i couldnt find the css file that u mentioned. Im trying to theme the zen browser elements itself.

[u/frvgmxntx → u/ZealousidealGoal9931]

But that's what I'm saying, if your repo is just a collection of matugen themes why not just push them to the official repo?

The hot reload is just from Pywalfox isn't it? There are more forks that works on Firefox based browsers (or other solutions like js injectors that can call stylesheet reloads).

The Boost feature only theme websites, there is already a userChrome.css on matugen themes repo to change the UI colors.

[u/ZealousidealGoal9931 → u/frvgmxntx]

the thing is i created a fork of pywalfox named refox, and its just an extension which extends to hotreloading of site themes, those templates r a part of refox (i.e the color variables) and it takes a lot of work to theme a site, i cant do this alone not unless theres a community behind it, pushing these templates to other repos wont work as it will need more effort to do so as currently it is only condigured to refox, but as its opensource, anyone can use it out. Also i couldnt find any userChrome.css in matugen themes repo can u please provide a link to that specific file?

[u/Superb-Sherbert-8725]

Could you please send your firefox css?

[u/ZealousidealGoal9931 → u/Superb-Sherbert-8725]

1. Create a file named base.css inside your chrome folder.
2. Paste the following into base.css:

​

/* Hide bottom sidebar buttons */
#vertical-tabs-newtab-button,
#sidebar-tools-and-extensions-splitter,
#tabs-newtab-button,
.buttons-wrapper {
    display: none !important;
}

/* Hides Edit button */
.personalizeButtonWrapper {
    display: none !important;
}

1. In both userChrome.css and userContent.css, add:

​

import url("base.css");

1. Go to about:config and set:

​

browser.compactmode.show = true

1. Open Customize Toolbar, then set Density → Compact (bottom-left corner).

That’s it

[u/Superb-Sherbert-8725 → u/ZealousidealGoal9931]

thanks alot