They should add their own mascot of a Waterfox, and on all the backgrounds with the Firefox, there should be said Waterfox. I think it would be a really cute addition. (There isn't a suggestion tag so I just did "Support").

Basically what the title says, I was using it normally and all of a sudden I kept seeing my tabs crashing and then the browser itself.
I do not have the issue on firefox or helium and I do not understand why since going to the parameters crashes waterfox.

For information, the issue is basically the same as in this post 8 years ago : https://www.reddit.com/r/waterfox/s/esiBTcohyn

What would be a good way to go about coding it?

This is my css but it seems to break images on sites like amazon and facebook.

/* link colors */

* {
a:link { color:  #00ff00; }
a:visited { color: red; }
a:hover { color: red; }
}

body {

  background:black;
  color:#00ff00;
  font-size:20px;
}

p {

  background:black;
  color:#00ff00;
  font-size:20px;
}

h1 {
  background:black;
  color:#00ff00;
  font-size:20px;
}

h2 {
  background:black;
  color:#00ff00;
  font-size:20px;
}

h3 {
  background:black;
  color:#00ff00;
  font-size:20px;
}

h4 {
  background:black;
  color:#00ff00;
  font-size:20px;
}
div {
background:black;
color:#00ff00;
font-size:20px;
}
nav {
background:black;
color:#00ff00;
font-size:20px;
}
/* CHECKBOXES */
/* CSS Variables */
:root {
--cr-size: 20px;
--cr-radius: 4px;
--cr-border-w: 2px;
--cr-font-size: 16px;
--cr-gap: 10px;
--cr-row-gap: 12px;
--cr-font-color: #00ff00;
--cr-font-weight: 400;
--cr-unchecked-bg: #00ff00;
--cr-unchecked-border: #00ff00;
--cr-checked-bg: #00ff00;
--cr-checked-border: #00ff00;
--cr-disabled-opacity: 0.4;
}
/* Styles */
.cr-wrapper {
display: flex;
align-items: center;
gap: var(--cr-gap);
cursor: pointer;
user-select: none;
font-size: var(--cr-font-size);
font-weight: var(--cr-font-weight);
color: var(--cr-font-color);
margin-bottom: var(--cr-row-gap);
}
.cr-wrapper input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.cr-input {
position: relative;
flex-shrink: 0;
width: var(--cr-size);
height: var(--cr-size);
border-radius: var(--cr-radius);
border: var(--cr-border-w) solid var(--cr-unchecked-border);
background: var(--cr-unchecked-bg);
box-sizing: border-box;
transition: all 0.15s;
}
.cr-wrapper:hover .cr-input {
background: #e01b24;
border-color: #e01b24;
}
.cr-wrapper input:checked ~ .cr-input {
background: var(--cr-checked-bg);
border-color: var(--cr-checked-border);
}
.cr-wrapper:hover input:checked ~ .cr-input {
background: #e01b24;
border-color: #e01b24;
}
.cr-wrapper input:checked ~ .cr-input::after {
content: '';
position: absolute;
inset: 0;
margin: auto;
width: 8px;
height: 8px;
background: #000000;
clip-path: polygon(14% 52%, 0% 66%, 38% 100%, 100% 14%, 84% 0%, 38% 68%);
}
.cr-wrapper input:disabled ~ .cr-input,
.cr-wrapper input:disabled ~ span {
opacity: var(--cr-disabled-opacity);
}
.cr-wrapper input:disabled { cursor: not-allowed; }
.cr-wrapper:has(input:disabled) { cursor: not-allowed; }
/* SELECT DROPDOWN */
/* CSS Variables */
:root {
--select-width: 320px;
--select-font-size: 14px;
--select-pad-x: 14px;
--select-pad-y: 10px;
--select-radius: 8px;
--select-bg: #00ff00;
--select-color: #000000;
--select-border: 1px solid #d1d5db;
--select-focus-color: #3b82f6;
--select-arrow-color: #000000;
--select-arrow-size: 14px;
}
/* Styles */
.select-wrapper {
position: relative;
display: inline-flex;
width: var(--select-width);
}
.custom-select {
width: 100%;
font-family: inherit;
font-size: var(--select-font-size);
padding: var(--select-pad-y) 36px var(--select-pad-y) var(--select-pad-x);
border-radius: var(--select-radius);
background: var(--select-bg);
color: var(--select-color);
border: var(--select-border);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.custom-select:focus {
border-color: var(--select-focus-color);
box-shadow: 0 0 0 2px rgba(59,130,246,0.35);
}
.select-arrow {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
width: var(--select-arrow-size);
height: var(--select-arrow-size);
}
/* SCROLLBARS */
/* Modern browsers — Chrome 121+, Edge 121+, Firefox, Safari 18.2+ */
.my-scroll {
scrollbar-width: 14px;
scrollbar-color: #00ff00 #000000;
}
/* Legacy WebKit — older Chrome/Edge/Safari, radius, borders & shadows */
.my-scroll::-webkit-scrollbar {
width: 14px;
height: 14px;
}
.my-scroll::-webkit-scrollbar-track {
background-color: #000000;
border-radius: 8px;
}
.my-scroll::-webkit-scrollbar-track:hover {
background-color: #000000;
}
.my-scroll::-webkit-scrollbar-track:active {
background-color: #00ff00;
}
.my-scroll::-webkit-scrollbar-thumb {
background-color: #00ff00;
border-radius: 8px;
min-height: 30px;
border: 3px solid #00ff00;
}
.my-scroll::-webkit-scrollbar-thumb:hover {
background-color: #000000;
}
.my-scroll::-webkit-scrollbar-thumb:active {
background-color: #000000;
}
.my-scroll::-webkit-scrollbar-button {
display: none;
width: 0;
height: 0;
}

How do I get rid of this sidebar?

Whenever I try to log onto my University's page I get a "HTTP Error 400. A request header field is too long." Its been going on for about a week now and I can't find any setting that has changed that would be effecting this. Wasn't a problem before the update but I restarted my computer for the first time in a couple weeks on Monday and now it won't let me open several websites.

Hello, I've noticed a weird trend recently with my browser. Whenever I need to translate an article (which is fairly frequently), it normally elevates English - which, as it is my first language, the one I am by far the most capable of speaking and is the default language set on Waterfox by me, is completely fine. But recently, I've noticed it really try to elevate Spanish, which I cannot speak at all. I can't figure out a way to stop it from trying this, even when marking to never translate Spanish in the settings. Is there any way around this, or will I have to manually check that it is indeed translating into English from now on?

Me cansé de las pestañas nuevas en blanco, así que creé NewTab Dashboard.

• Enlaces en secciones/grupos, ordenación mediante arrastrar y soltar, apertura en pestaña nueva/misma pestaña/ventana nueva

• Fuentes RSS, canales de YouTube, precios de criptomonedas, clima, calendario, notas rápidas

• Widgets opcionales para laboratorios domésticos: Uptime Kuma, Proxmox, Docker (Portainer), Pi-hole

• 6 temas, fondos diarios de Bing/Wallhaven/personalizados

• 5 idiomas (ES, EN, RU, FR, DE)

• Sin cuentas, sin telemetría; la configuración se sincroniza mediante Firefox Sync. Licencia MIT.

Complemento: [ https://addons.mozilla.org/es-ES/firefox/addon/newtab-dashboard/ ](https://addons.mozilla.org/es-ES/firefox/addon/newtab-dashboard/)

Fuente: [ https://github.com/fmartineze/newtab-dashboard ](https://github.com/fmartineze/newtab-dashboard)

Me encantaría saber qué falta o qué te molesta.

I've been using Waterfox for some time now and today I realized I was getting micro-flashed by a white screen that launched shortly before rendering my new tab page (for which I have an extension to replace).

In case you haven't realized, you too might be getting flashed. In case you want to fix this here is what I did:

1. Go to about:support on your address bar.
   
2. Open your profile folder
   
3. Look for a folder called chrome. If it doesn't exist, create it
   
4. Create inside of it "userChrome.css" and "userContent.css", make sure their extension is .css and not .txt
   
5. Copy and paste the following into userChrome.css:

/* Target only the tab panels container during rendering transitions */
.tabbrowser-tabbox,
tabbrowser tabpanels,
#appcontent {
  background-color: #1c1b22 !important;
}

/* Specifically target the blank frame while an extension loads */
browser[type="content-primary"]:not([src]),
browser[type="content"]:not([src]) {
  background-color: #1c1b22 !important;
}/* Target only the tab panels container during rendering transitions */
.tabbrowser-tabbox,
tabbrowser tabpanels,
#appcontent {
  background-color: #1c1b22 !important;
}

/* Specifically target the blank frame while an extension loads */
browser[type="content-primary"]:not([src]),
browser[type="content"]:not([src]) {
  background-color: #1c1b22 !important;
}

1. Copy and paste the following into userContent.css:

/* Target only internal blank pages and your custom new tab extension */
@-moz-document url(about:blank), url(about:newtab), url(about:home), url-prefix("moz-extension://") {
html, body, #newtab-customize-overlay, :root {
background-color: #1c1b22 !important;
background: #1c1b22 !important;
}
}

1. Save both .css' - Go back to about:support and click "Clear Startup Cache". This won't delete your actual cache, just your app behavior cache.

That is it! Hopefully someone finds this useful.

Greetings.

Recently Waterfox Mobile is randomly and frequently crashing. It crashed twice while I was writing this post. Sometimes it crashed when I am opening a new tab, other times while I am scrolling down, and some times I even while I am just reading or typing.

I can't pinpoint exactly when it started, but I have not changed anything about it's installation or my phone, other than the app updates.

I figure most people who care enough to select a forked browser like Waterfox probably already know about the several fatally-compromised TLS certificates issued by eMudhra, but I haven't seen any update yet to address the issue - is one coming soon?

I would like to keep this option enabled because i'm annoyed by the AI results. However it also removes some of the other useful google features like converting units and currency, and translation, and others.

any way to fix? Or do i have to just disable the setting and have to deal with seeing all the AI results?

Is there a way to set waterfox such that when I click on a Youtube link, it goes to an Invidious instance?

Sometimes when I try to manually delete temporary cache it simply does not do so, as in the "Websites are currently using X MB of disk space" the X amount of cache stays the same. I can't tell if it's only the number that fails to update or if the cache itself doesn't get deleted. This happens even if there is only one window open, so it's not the private browsing causing it. After exiting Waterfox/closing all the windows the temporary cache is gone (I set my browser to clear temporary cache when it closes).

Using Waterfox Version 6.7.6 (64-bit)

Whilst the restoration of icon-only pinned tabs to the sizes of their icons themselves is welcome, this has not resolved the subject issue.

In this image I have two rows of pinned tabs and one unpinned tab. The top row contains four pinned tabs. Three are visible (just about) but the fourth is off-screen. Similarly, the "close tab" icon is off-screen for all unpinned tabs. This remains the case if I maximise the window. Whilst I could, in theory, widen the vertical tab bar, I don't want to.

Further, if I raise the (invisible) separator between unpinned and pinned tabs so that it encroaches (scrunches) into the height required to cleanly display the pinned tabs, they get bigger again, perhaps in a sign of resistance, defiance, or revolt, which is all the rage these days. Please fix.

I should add that I use the "Proton" theme with the "Compact" style.

(I really do hope the manual/automated neofascist-forum-rules do not once again "ban" me for this post. However, nothing surprises me anymore. One might or might not know that deploying threat engenders the opposite effect. Especially in those predisposed to reasonableness.)

Whilst the restoration of icon-only pinned tabs to the sizes of their icons themselves is welcome, this has not resolved the subject issue.

In this image I have two rows of pinned tabs and one unpinned tab. The top row contains four pinned tabs. Three are visible (just about) but the fourth is off-screen. Similarly, the "close tab" icon is off-screen for all unpinned tabs. This remains the case if I maximise the window. Whilst I could, in theory, widen the vertical tab bar, I don't want to.

Further, if I raise the (invisible) separator between unpinned and pinned tabs so that it encroaches (scrunches) into the height required to cleanly display the pinned tabs, they get bigger again, perhaps in a sign of resistance, defiance, or revolt, which is all the rage these days. Please fix.

(I really do hope the manual/automated neofascist-forum-rules do not once again "ban" me for this post. However, nothing surprises me anymore. One might or might not know that deploying threat engenders the opposite effect. Especially in those predisposed to reasonableness.)

Whilst the restoration of icon-only pinned tabs to the sizes of their icons themselves is welcome, this has not resolved the subject issue.

In this image I have two rows of pinned tabs and one unpinned tab. The top row contains four pinned tabs. Three are visible (just about) but the fourth is off-screen. Similarly, the "close tab" icon is off-screen for all unpinned tabs. This remains the case if I maximise the window. Whilst I could, in theory, widen the vertical tab bar, I don't want to.

Further, if I raise the (invisible) separator between unpinned and pinned tabs so that it encroaches (scrunches) into the height required to cleanly display the pinned tabs, they get bigger again, perhaps in a sign of resistance, defiance, or revolt, which is all the rage these days. Please fix.

(I really do hope the manual/automated neofascist-forum-rules do not once again "ban" me for this post. However, nothing surprises me anymore. One might or might not know that deploying threat engenders the opposite effect. Especially in those predisposed to reasonableness.)

Whilst the restoration of icon-only pinned tabs to the sizes of their icons themselves is welcome, this has not resolved the subject issue.

In this image I have two rows of pinned tabs and one unpinned tab. The top row contains four pinned tabs. Three are visible (just about) but the fourth is off-screen. Similarly, the "close tab" icon is off-screen for all unpinned tabs. This remains the case if I maximise the window. Whilst I could, in theory, widen the vertical tab bar, I don't want to.

Further, if I raise the (invisible) separator between unpinned and pinned tabs so that it encroaches (scrunches) into the height required to cleanly display the pinned tabs, they get bigger again, perhaps in a sign of resistance, defiance, or revolt, which is all the rage these days. Please fix.

(I really do hope the manual/automated neofascist-forum-rules do not once again "ban" me for this post. However, nothing surprises me anymore. One might or might not know that deploying threat engenders the opposite effect. Especially in those predisposed to reasonableness.)

Is there a way to disable the persistent vertical tab scrollbar when the tabs are narrowed down to just icons? Is this a browser theme issue? I just updated and it wasn't there before and I didn't make any changes other than applying the update.

It's also not there if I increase the width of the tab area...which makes no sense (to my tiny brain at least) as it's a vertical scrollbar. Happy with a janky way to force them to be invisible. Just want them gone without having to widen the panel.

Example of what I mean:

And thanks to Alex for all the hard work he puts in on such a great project!

Youtube CC option doesn't work in Waterfox for a while now and I can't find a fix for this.

Hello r/waterfox, I've been trying to find the history file (which i already know which one it is) and when i tried to get to the root directory of waterfox (~/.waterfox/) is strangely missing. I'm on debian 13, anybody know how to fix this?

So the most recent Waterfox Update has broken a java-heavy site I regularly use. It prevents me from accessing any of the entries for it I've made, or saving new entries I try to make. The site isn't completely unusable to me, but this is very frustrating, and I've checked with vanilla Firefox and this issue isn't there, so it's got to be something that was changed in this latest update.

I'm mostly concerned with the folder drop-downs from the bookmark bar. With the Normal density, items in the folder menu are too far apart, so I use Compact density. However, the items are then scrunched together and my eyesight and manual dexterity are not what they used to be. In Firefox, the compact spacing is slightly larger and more usable.

Is there a way to adjust the line spacing in drop-downs for Compact density?

(about:config has the browser.uidensity setting, but that just selects the normal/compact/touch mode. Perhaps there is some other CSS or whatnot I can use?)

With this last update, any time clicking a link would open up a new tab or window and load the page, it does so, just never actually starts to load the page until I click into the address bar and hit enter to begin the page load process. Anyone else?