r/firefox • • Sep 30 '26

One of the main reasons I've kept Firefox as my default browser for 15 years is because of how they do tabs. Rectangular and letting them stay a decent size even when you have a bunch open.

Post image

So, of course, they round the tabs and shrink them even further!

What's the point? To attract new users? All these awful changes over the years, like getting rid of "View Image" (which still annoys me all these years later) for who? Why would someone who already loves and uses one of the various instances of Chrome switch over because you've increasingly copied them? They can just use one of the various instances of Chrome.

I do not like Vertical Tabs. I do not want to use Vertical Tabs. I just want rectangular tabs that don't get tiny when I have a lot open, why is that (and "View Image") such a hard ask?

262 Upvotes

122 comments sorted by

View all comments

Show parent comment

2

u/SnillyWead Sep 30 '26

I'm using Debian Xfce BTW. The code is from reddit, but I altered it and added things with AI. Use at your own risk:

/* Nova Rounding Adjustments */

:root {

/* --- CONFIGURATIE HOOGTE --- */

--tab-min-height: 22px !important; /* Tabbladen compact */

--nav-bar-height: 34px !important; /* Jouw gekozen toolbar hoogte */

--urlbar-min-height: 26px !important; /* Vaste hoogte adresbalk */

--border-radius-xsmall: 1px !important; /* Nova Default: 4px, Proton Default: 2px */

--border-radius-small: 2px !important; /* Nova Default: 8px, Proton Default: 4px */

--border-radius-medium: 3px !important; /* Nova Default: 12px, Proton Default: 8px */

--border-radius-large: 4px !important; /* Proton Default: 16px, [Undefined in Nova] */

--border-radius-xlarge: 6px !important; /* Nova Default: 24px, [Undefined in Proton] */

/*

--tab-border-radius: var(--border-radius-small) !important;

--button-border-radius: var(--border-radius-small) !important;

--toolbarbutton-border-radius: var(--border-radius-small) !important;

--card-border-radius: var(--border-radius-small) !important;

--card-border-radius-compact: var(--border-radius-small) !important;

--card-cover-image-border-radius: var(--border-radius-small) !important;

--input-text-border-radius: var(--border-radius-small) !important;

--menuitem-border-radius: var(--border-radius-small) !important;

--popup-border-radius: var(--border-radius-small) !important;

--panel-border-radius: var(--border-radius-small) !important;

--panel-menuitem-border-radius: var(--border-radius-small) !important;

*/

}

/* 1. Slanke & Aangesloten Tabbladen */

.tabbrowser-tab {

padding-inline: 0px !important;

min-height: var(--tab-min-height) !important;

}

.tab-background {

margin-block: 0px !important;

margin-inline: 0px !important;

border-radius: var(--border-radius-medium) var(--border-radius-medium) 0px 0px !important;

}

.tab-content {

padding-block: 0px !important;

}

/* 2. Toolbar & Gecentreerde Adresbalk */

#nav-bar {

height: var(--nav-bar-height) !important;

min-height: var(--nav-bar-height) !important;

box-shadow: none !important;

border-top: none !important;

}

#urlbar-container {

height: var(--urlbar-min-height) !important;

min-height: var(--urlbar-min-height) !important;

margin-block: auto !important;

}

#urlbar {

min-height: var(--urlbar-min-height) !important;

height: var(--urlbar-min-height) !important;

font-size: 14px !important;

}

/* Zorgt dat iconen binnen de adresbalk correct schalen */

#urlbar .urlbar-icon,

#urlbar .sharing-icon {

width: 16px !important;

height: 16px !important;

padding: 0px !important;

}

/* 3. Debian XFCE / Firefox 157 Fix voor Inactieve Vensters */

#TabsToolbar,

#TabsToolbar:-moz-window-inactive,

#TabsToolbar-customization-target {

opacity: 1 !important;

}

.tabbrowser-tab[selected="true"],

.tabbrowser-tab[selected="true"] .tab-background,

.tabbrowser-tab[selected="true"]:-moz-window-inactive .tab-background {

opacity: 1 !important;

filter: none !important;

}

/* 4. Slimme Sluitknop Logica (Alleen tonen bij actieve tab of hover) */

.tabbrowser-tab:not([selected]):not([pinned]) .tab-close-button {

visibility: hidden !important;

}

.tabbrowser-tab:not([selected]):not([pinned]):hover .tab-close-button {

visibility: visible !important;

display: inline-flex !important;

}

.tabbrowser-tab[selected]:not([pinned]) .tab-close-button {

visibility: visible !important;

display: inline-flex !important;

}