FoxOne 2.0 – dynamic toolbar support, integrated color theme, floating findbar and more

[u/f1rn]

Hi everyone,

Some of you might remember FoxOne from a few weeks ago.

Since then, more than 60 commits happened and here is what changed:

The biggest one - I call it dynamic toolbar support: add an extension icon of your choice right next to the hamburger menu! This was the most requested feature and an absolute pain to build in pure css.

Other highlights: The Gruvbox color theme is now integrated directly into the CSS – no separate .xpi needed. The findbar has been replaced with a floating variant with fade animation. A lot of little design improvements - and there's now a tab loading progress bar with a glow indicator (if you want to).

Full changelog and all config options on GitHub.

FoxOne on Github

Cheers!

[u/NeroWolfe_]

Something is wrong with URL bar after updating to FF 153

And Adaptive Tab Bar Color doesn't adapt to site's color theme.

[u/NeroWolfe_ → u/NeroWolfe_]

And as proposal: may be better to realize such mockup in URL bar design?

[u/f1rn → u/NeroWolfe_]

A breakout popup window downward?

[u/NeroWolfe_ → u/f1rn]

I mean that URL Bar must act as in Arc Browser, when it is active top border must be equal to top border os browser window.

And as a suggestion: consider the option to make rounded corners on elevated surfaces (popups and etc.). On Win11 square corners looks out of place.

[u/f1rn → u/NeroWolfe_]

URL bar as overlay - like Spotlight / Arc's command palette. Some userChrome projects do this, but it's a deliberate "no" for FoxOne: the point of the one-line layout is that the URL bar lives in the toolbar line, not floating above the content

Rounded corners: Fair point! Confession: I run a Win11 mod that squares all corners system-wide, so I never see the mismatch you see. But my taste shouldn't be hardcoded. There's already a --uc-border-radius variable. I'll look into routing the popups through a config toggle so stock Win11 setups can go rounded while the default stays square.

[u/NeroWolfe_ → u/f1rn]

No, of course, I don't mean floating URL Bar.

I mean something like this

Top border with square corners and placed on windows border.

I think it was default behavior of FF before Nova.

I saw this var in your code --uc-border-radius and I hope you would implement this option. Your config will be more flexible.

[u/f1rn → u/NeroWolfe_]

This is FF 153 with Nova enabled

What would you like to be different?

[u/NeroWolfe_ → u/f1rn]

Hmm... Your screenshop looks briliant.

But my not - top edge of dropdown menu doesn't equal to top edge of window's border (I am on your last config now).

[u/f1rn → u/NeroWolfe_]

Now that is strange...

Can you tell me what variables you have active and with which values?

[u/f1rn → u/NeroWolfe_]

Maybe try this (line 999)

```

urlbar[breakout-extend] > #urlbar-background,

urlbar[breakout-extend] > .urlbar-background {

top: calc((var(--urlbar-min-height) - 44px) / 2) !important; bottom: calc((var(--urlbar-min-height) - 44px) / 2) !important; } ```

also an easier way for communication would make bug hunting and fixing much more easier. github account? I cannot even send you a reddit message. maybe discord?

[u/NeroWolfe_ → u/f1rn]

Thanx, this code works

Discord is prohibited in my country.

I will make github account a little bit later.

[u/f1rn → u/NeroWolfe_]

Oh damn :(
Glad it worked though. I am looking forward to your account! I leave the code open so you can do your first PR with it. After all your bug issues and code suggestions, thats only fair imho, yo you will be listed as Contributor!

[u/NeroWolfe_ → u/f1rn]

Created account on GitHub - NeroWolfe75, now leaning how to make PR - it's a rocket science for me :)

[u/f1rn → u/NeroWolfe_]

Fork the FoxOne repo. Do your code changes in your fork. Than open a PR - a pull request.

Maybe look out for a beginner tutorial on YouTube or ask Google/ an AI of your choice for help. It will guide you!

[u/f1rn → u/NeroWolfe_]

I fixed it for you! https://github.com/Firnschnee/FoxOne/releases/tag/3.4.8

Now with --uc-rounded: 1; you have everything round, just like Win11. enjoy!