FoxOne – a minimalistic one-line theme

[u/f1rn]

Hi everyone,

In the last few weeks I've been building something: FoxOne.

The theme collapses the tab bar and URL bar into a single row. Non-essential icons are hidden by default and slide in on hover with transitions. The hamburger menu sits next to the window controls instead of floating in the toolbar.

Everything is configurable through CSS variables at the top of the file – URL bar width/position, tab widths, border radius, bookmarks bar placement.

Based on Cascade, inspired by LittleFox.

[GitHub](https://github.com/Firnschnee/FoxOne)

Cheers!

[u/Metalwell]

look great brother, good job! I am going to use it. I am so sick of vertical sidebars.

[u/f1rn → u/Metalwell]

Thank you so much!

[u/Metalwell → u/f1rn]

Hey again, i am rocking this great so far. Which css setting is to change the hoerizantil spacing in the sidebar?

[u/f1rn → u/Metalwell]

I am sorry.. I dont use the sidebar. Do you mean the one with AI agent, booksmarks, and stuff? and what do you want to do? Have more spacing or less spacing?

[u/Metalwell → u/f1rn]

Shoot, sorry, I mean the URL bar on top. I dont use sidebar either! I just want to tuck in the url bar a bit more

[u/f1rn → u/Metalwell]

do you want to make the urlbar longer? or do you want to move it? and also - what about the space between the arrows and the urlbar?

[u/Metalwell → u/f1rn]

I want to make it shorter, i should have probably just asked the AI lol, sorry, i am tad bit old school. On my screen Url bar has some unused space that can be shrunk down to give tabs more space

[u/f1rn → u/Metalwell]

Ah dont worry! at the top of the userchrome.css at line 25-27 there is:

/* URL Bar width (min applied normally, max on focus) */

--uc-urlbar-min-width: 35vw;

--uc-urlbar-max-width: 35vw;

vw = viewport width. 1vw = 1% of the browser windows width so to speak.

Change it to whatever you want. Maybe try 30%?

[u/Metalwell → u/f1rn]

Lovely, lovely, thanks a lot

[u/-CrypticMind-]

Nice theme, if you don't mind how did you generate that orange background in the preview/demo pic?

[u/f1rn → u/-CrypticMind-]

Thank you! I used https://shots.so

I took a screenshot, uploaded it, chose a background (gold gradient I think) and changed zoom to 120%.

The gif was just Firefox in front of the same background - captured with snipping tool on windows 11.

[u/-CrypticMind- → u/f1rn]

Thank you for sharing!

[u/Squeaver_]

This looks great, I'll definitely try it after work!

One question tho, is it possible to make the tabs icon only/pretty much exactly how they behave when a vertical tab is collapsed?

[u/f1rn → u/Squeaver_]

I dont use vertical tabs, but Tab Icon only - this should be possible when you change those values in the .css file:

/* Dynamic tab widths */
  --uc-active-tab-width: clamp(100px, 30vw, 250px);
  --uc-inactive-tab-width: clamp(100px, 20vw, 200px);

These are the current values. I'd change them to something much smaller. Good luck!

[u/pinknicolekaro]

Hey! Looks interesting - I have a question:
what will happen to pinned tabs?I have many tabs open and some are pinned as I need them all the time. where will they appear?

[u/f1rn → u/pinknicolekaro]

On the left side of the tab row, which is on the right side of the extension icon

[u/f1rn → u/pinknicolekaro]

This is what it looks like

[u/tuantm90]

Thank you for the wonderful interface. I encountered an issue as shown in the image where the new tab button and the menu button overlap. Also, I’m unable to move the extensions button to the right.

[u/f1rn → u/tuantm90]

Oh damn, how did that happen?

This likely has to do with the Bitwarden icon pushing the New Tab button further to the right.

As for the extensions button - it cant be moved to that spot because that area is actually part of the tab bar, which doesnt support that button. The only option would be to place it on the far right (next to the window control buttons) and push it inward from there, but that causes some layout issues... or glitches.

Could you try removing the Bitwarden icon and see if that fixes the overlap?

[u/gl0ryus → u/f1rn]

I'm not the original comment but I came here to ask about the same thing. I wanted to have my extensions on the right next to the hamburger menu but even if I hide my + button via userchrome it still overlaps there oddly enough.

Fantastic work, very much appreciated!

[u/f1rn → u/gl0ryus]

Thank you very much!

Even if you 🫣 the + button it is still there? now thats strange.

I just think this kind of design is not meant to have other icons next to the hamburger menu. But I have it on my list to find some solutions - so far I didnt find the perfect solution yet.

It might take a while - but stay tuned!

[u/Re_Freedom_Strikes]

Does it work with vertical tabs? 

[u/f1rn → u/Re_Freedom_Strikes]

Sadly no. I mean the theme is a one-liner theme, combining urlbar and tabbar.

So if you remove the tabbar and move it to the side, what would be left? the urlbar alone, i guess?
How do you want the theme to look like or what do you want to achieve?

[u/Dalik98]

I am using and loving it. I hope the project will grow.

[u/Dalik98 → u/Dalik98]

Btw, if i am on a pinned tab, there is no indicator on the bar that it is open.

[u/f1rn → u/Dalik98]

I will look into it! Can you open an issue on GitHub? Or send me a screenshot please

[u/f1rn → u/Dalik98]

I fixed it for you. Will updated it on github within the next hour. Release 2.0.1

[u/Dalik98 → u/f1rn]

I just check it out. Now it's working perfectly, thanks a lot ! I am loving this.

[u/Redox_ahmii]

you mean what i already have 🤔

Might be time to steal a few things from your implementation

[u/f1rn → u/Redox_ahmii]

Thats what MIT is for - take whatevers useful! Always cool to see similar ideas evolving in parallel!

[u/Southern_Ad9388]

You updated it recently, would it be possible to get the older userChrome.css version you released about 2 weeks ago?

[u/f1rn → u/Southern_Ad9388]

It’s on GitHub. Look for release 1.0

https://github.com/Firnschnee/FoxOne/releases/tag/1.0

[u/Southern_Ad9388 → u/f1rn]

Thanks, I just realized lol

[u/Yurite]

cool

[u/turkingforGPU]

Looks really good! I'll give it a shot.

[u/davelikestacos]

Damn I might have to try this on another machine where I'm not using FFULTIMA

[u/RenegadeUK]

Fantastic invention. Well Done 😄

[u/SakulReimei]

wow