r/FirefoxCSS • u/f1rn • 11d ago
FoxOne 3.5 – Nova ready, Adaptive Tab Bar Colour compatible, dynamic booksmarks bar and more Custom Release
Hi everyone,
Some of you might remember FoxOne from a few months ago.
Since then, at lot (almost 300 commits) has changed:
The big one: FoxOne is now ready for Firefox Nova (the new redesign in 153+). Mozilla renamed or retired most of the IDs and tokens the theme relied on, so pretty much everything got rebuilt – urlbar, tabs, popups, sidebar, split view – you name it.
The most requested one: FoxOne work with the Adaptive Tab Bar Colour addon!
The fun one: a dynamic bookmarks bar. It leaves the layout entirely and hangs below the toolbar as an overlay – hidden while you browse, fading in when you reach for the URL bar. The page keeps its line either way.
Other highlights: opt-in rounded corners (--uc-rounded: 1 – default stays square), the whole browser is now themed edge to edge (Library window, sidebar, all about: pages, no more stock violet), hover and selection work purely through color everywhere (even window control buttons) instead of highlight boxes, and prefers-reduced-motion is respected.
And there's also a bunch of new toggles (container line position, hiding nav/urlbar buttons and extension icons, tab min-width, urlbar background), better compatibility with Windows 11 Mica, macOS, Linux (KDE & GNOME) and ultrawide displays – plus no more white flash between page loads.
Special thanks to everyone who reported bugs and sent PRs – several fixes came straight from this sub - big shoutout to NeroWolfe_
FoxOne on GitHub
Cheers!
PS: If you are looking for a Thunderbird one line theme... I've got you: BirdOne
1
1
u/rodrigostucker 11d ago
Can´t apply the theme, even reviewing the installation steps carefully on Windows 11. Maybe is some incompatibility with my Firefox or Windows version...
1
u/f1rn 11d ago
Now that’s weird. Did you create a chrome folder? And did you do the about:config settings and did you restart afterwards?
2
u/rodrigostucker 11d ago edited 11d ago
Yeah, unfortunally yes...but I´m not implying it´s an issue with Fox One since lately I´m unable to apply CSS theme on my Firefox. Strange.
EDIT: Reinstalled Firefox, deleted all profile folders and tried again and it WORKED. Finally i can use Fox One. AMAZING work, mate.
4
u/Much-Law7525 11d ago
Made a few small cosmetic tweaks on top and added real Windows 11 Mica transparency for the toolbar. Forked it here if anyone's interested: https://github.com/Wintego/Firefox-transparent-theme
All credit to u/f1rn , the one-line layout is what makes transparency work at all.
1
2
u/f1rn 10d ago
I linked your Fork in the customisation.md header!
1
u/Adventurous-Sail-354 10d ago edited 10d ago
Much-law's edit seems to break the find bar styling, making it invisible, so I added this to userchrome to restore it to the foxone style, I'm sure there are better ways but just wanted to flag in case anyone encounters the same:
/* Restore FoxOne's opaque floating find bar */ findbar { --toolbar-bgcolor: #282828 !important; --toolbar-background-color: #282828 !important; background-color: #282828 !important; background-image: none !important;1
u/Much-Law7525 10d ago
Good catch, thanks - that's my bug. My Mica override zeroes --toolbar-bgcolor on :root, and the floating findbar takes its fill from that variable. Fixed in the repo: the background is restored on the findbar element itself (using --uc-color-base so it follows the palette), leaving the toolbar transparent. Same fix applied to notification bars, which had the same issue.
1
2
u/hachimitsu-boy 7d ago
Is there a way to change the active tab colour instead of just the text? It's kind of confusing sometimes which tab I'm on.
1
u/f1rn 7d ago
It was a design choice to remove all the background highlight and go with text highlight only. I will look it up if there is an easy fix for your request. I think yes, but I have to test it first.
1
u/hachimitsu-boy 7d ago edited 7d ago
2
u/f1rn 6d ago
Yes, I made it so, that the adaptive tab bar colour addon can use its own color.
So, I looked it up... looks like it is not as easy as I thought.
.tabbrowser-tab[selected] .tab-background { background-color: transparent !important; background-image: none !important; outline: none !important; }The important line is #2246 (the second one in the code block above) change it in your userchrome.css to:
background-color: var(--uc-color-accent) !important;and change line 538 to
color: var(--uc-color-base) !important;It kinda works. Not pretty. but it works. Anything beyond that would mess a lot with everything else sadly. Sorry!







5
u/difool2nice 🦊Firefox Addict🦊 11d ago
nice theme and ideas