Dynamic Color Firefox Theme

A minimal Firefox theme (heavily inspired by Material You theming) that dynamically colors the interface using CSS custom properties while maintaining the browser's default layout and behavior.

Installation

1. Go to about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true
2. Find your profile folder via about:profiles
3. Create a chrome folder in your profile directory
4. Save userChrome.css in the chrome folder
5. Restart Firefox

Examples

Thanks

Special thanks to MrOtherGuy's Firefox CSS Hacks which is a great material for creating themes on Firefox.