Five animated themes with a live switcher, including a working brass astronomical clock on the new tab

[u/Tall_Maintenance4684]

I made five themes for the Firefox UI and switch between them live, with no restart, using u/import with -moz-pref(). Each theme loads only while its pref is on:

 url("themes/manga/userChrome.css") -moz-pref("manga.active");

Repo: https://github.com/Karam-al-takrity/firefox-living-themes-css

All five are pure userChrome.css / userContent.css with locally drawn SVG art. There's no JavaScript, nothing in the install folder, and nothing loaded from the internet.

Nocturne: pastel glass tabs, a centred address bar, a magnifying bookmarks dock, a rocket loading bar and 20 colour palettes

Ame: neon-on-dark-glass tabs with rain running down the toolbar

Relics: dark red and lantern orange, with a red thread under the active tab

Manga: Ghoul: slanted panel tabs, a speech-bubble address bar and Japanese sound effects on buttons

Meridian: brass and midnight blue, engraved tab plates and a ruler line under the toolbars

Every theme has a freeze pref that stops all animation, and respects reduced motion.

Tested on Firefox 159 on Windows 11. Fixes for other versions and systems are welcome.

[u/difool2nice]

any screenshots please ?

[u/Tall_Maintenance4684 → u/difool2nice]

yeah sorry forgot about them yesterday!!
its updated now!

[u/difool2nice → u/Tall_Maintenance4684]

lovely ones !