blurredfox VS FirefoxCSS

I like it. Looks like Firefox proton with mica or like this theme https://github.com/manilarome/blurredfox

I want to get something like this. I tried blurredfox but didn't succeed, my bar is opaque. I'm using archlinux with KDE Plasma. I've read somewhere that it's not possible anymore, is it really so?

blurredfox

I am trying to make firefox transparent (like blurredfox), but i cant figure out how. None of the pre-built themes or CSS i find work, for example

I have already tried this setup. But I cannot achieve it.

I know I'm able to have transparent window elements since I've already tried out blurredfox, which (AFAIK) just makes the window elements transparent without using backdrop-filter and just relies on the system compositor (KWin Compositor + OpenGL 3.1 backend) to blur the background of the application. Editing the Firefox source isn't completely out of my scope of possibilities, but it's definitely not one of the ones I'm too exited about, but if i do get it working I'd be happy to at the very least share the fork and maybe even put it up on the AUR. But I'll definitely ask about on a few of the Mozilla matrix channels and see if there's any easy way to get it to work, and hopefully it'll end up being an obscure flag in about:config!

- The owner of the theme notes this (Transparency is broken on Windows 10 (has graphical glitches like flickering). The solid color scheme may work.).

Firefox: The great work of manilmarone https://github.com/manilarome/blurredfox

Does anyone know if there is a fork of MinimalFox that works out of the box on linux ?

yeah, same, two bars for address and tabs (with fat padding) take up way too much screen space. i'm using a modified version of this https://github.com/marmmaz/FirefoxCSS to get a similar effect but I'm def gonna try that out.

/* One Line Code adapted from https://github.com/khuedoan/one-line-firefox/blob/master/userChrome.css*/ /* Title bar */ .titlebar-buttonbox { display: none !important; } .titlebar-spacer { display: none !important; } /* Tab bar */ #navigator-toolbox { border: 0px !important; } #TabsToolbar { margin-left: 61vw !important; width: 100% !important; } /* Nav bar*/ #urlbar-container { margin-right: 10vw !important; } /* Nav bar*/ #nav-bar { background: transparent !important; margin-top: -36px !important; margin-right: 50vw !important; /*! width 100% !important */ width: 100vw !important; } #urlbar { width: 48vw; } /* URL bar */ #back-button { display: none !important; } #forward-button { display: none !important; } #tracking-protection-icon-container { display: none !important; } #urlbar-container { min-width: 100px !important; } #urlbar { background: transparent !important; border: none !important; box-shadow: none !important; } #page-action-buttons { display: none !important; } #PanelUI-button { display: none !important; } /* User Added */ :root[uidensity="compact"] { --bookmark-block-padding: 3px !important; } :root { --toolbarbutton-border-radius: 0px !important; --toolbarbutton-inner-padding: 0px !important; } #urlbar { --urlbar-height: 36px !important; --urlbar-toolbar-height: 36px !important; } #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) { border-radius: 0px; } #scrollbutton-up[disabled="true"] image { opacity: 0%; } #scrollbutton-down[disabled="true"] image { opacity: 0%; } #urlbar[open="true"] { width: 100vw !important; transition: width 50ms !important; } :root { --tab-border-radius: 0px !important; } #urlbar[breakout] { left: -3px !important; } /* AUTOHIDE */ /* Adapted from https://github.com/marmmaz/FirefoxCSS/blob/master/userChrome.css */ /*Auto Hide Top Bar - to disable auto-hide feature delete rows 1 - 86*/ :root { --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */ --uc-toolbox-rotation: 65deg; /* This may need to be lower on mac - like 75 or so */ } :root[sizemode="maximized"] { --uc-toolbox-rotation: 63deg; } :root[sizemode="fullscreen"] { margin-top: 0px !important; } #navigator-toolbox { position: fixed !important; display: -webkit-box; transition: height 50ms; transform-origin: top; transform: rotateX(var(--uc-toolbox-rotation)); opacity: 0; line-height: 0; z-index: 1; pointer-events: none; } /* #mainPopupSet:hover ~ box > toolbox, /* Uncomment the above line to make toolbar visible if some popup is hovered */ #navigator-toolbox:hover, #navigator-toolbox:focus-within { transition-delay: 50ms !important; transform: rotateX(0); opacity: 1; } #navigator-toolbox > * { line-height: normal; pointer-events: auto; } /* Don't apply transform before window has been fully created */ :root:not([sessionrestored]) #navigator-toolbox { transform: none !important; } :root[customizing] #navigator-toolbox { position: relative !important; transform: none !important; opacity: 1 !important; }

config: github.com/marmmaz/FirefoxCSS

You can find my userChrome.css here: https://github.com/marmmaz/FirefoxCSS/