one-line-firefox
Compact and minimal interface for Firefox (by khuedoan)
FirefoxCSS
Custom firefox interface (by Bali10050)
one-line-firefox | FirefoxCSS | |
---|---|---|
5 | 9 | |
70 | 178 | |
- | - | |
2.0 | 8.7 | |
12 months ago | 6 days ago | |
CSS | CSS | |
GNU General Public License v3.0 only | Mozilla Public License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
one-line-firefox
Posts with mentions or reviews of one-line-firefox.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-10-05.
-
First time playing around with Firefox CSS
It all started off when I decided I wanted to try the one-line-firefox: https://github.com/khuedoan/one-line-firefox
- Wrong scaling of gnome apps. Rest works fine. Got "export GDK_SCALE=2" in .profile and "Xft.dpi: 192" in .Xresources. How to fix?
-
minimal firefox
https://github.com/khuedoan/one-line-firefox with this one you can open infinite tabs but you might need to change margins to stop visible ui elements from overlapping
-
I switched to linux from windows yesterday. The hardest part was trying to get windows to let me shrink the partition. [endeavour os]
The wm is xfce and the theme is b5. I got the walpapers from here(and I set the bg to a vertical gradient). This is the firefox theme, and this is the css I used.
-
Need some help with a One Line Configuration
/* 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; }
FirefoxCSS
Posts with mentions or reviews of FirefoxCSS.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-11.
-
fill='currentColor' doesn't work in inline svgs in firefox 119.0 is there any alternative?
css: https://github.com/Bali10050/FirefoxCSS
-
How can I edit the Toolbox (Not the browser toolbox) with CSS?
You might find something interesting here: https://github.com/Bali10050/FirefoxCSS/releases/download/userContent/userContent.css
- Im looking for ideas
- New custom devtools! CSS in comments
-
Need help with toolbar maths
I have remathed the math, now you only need to change --NavbarWidth to anything you like and it will calculate itself, the code is on github
-
How to reduce tab bar width?
Also, how can I decrease the width of the backwards/forwards, reload, and new tab boxes? I am just editing this theme (https://github.com/Bali10050/FirefoxCSS), and see how to decrease some like I did with the minimize/maximize boxes, but don't know how to do it to the others.
-
The new Firefox update broke cascade (which is supposed to be a one-liner theme). Any possible fixes here?
I simply switched to this: https://github.com/Bali10050/FirefoxCSS
- What's your favorite dark theme?
What are some alternatives?
When comparing one-line-firefox and FirefoxCSS you can also consider the following projects:
FirefoxCSS - minimalFOX: my Firefox theme.
firefox-gx - Opera GX Skin for Firefox
oneline
Group-Speed-Dial - My Group Speed Dial startup page
OneLine
lepton-custom - 🦊 A macOS style theme for Firefox—forked from Lepton(Firefox-UI-Fix)
OnelineProton - An oneline userChrome.css theme for Firefox, which aims to keep the Proton experience
firefox-css - my custom firefox css repo
keyfox - A simple, keystroke-centered CSS for Firefox.
zhome - a startpage highly inspired from Zune
lutris - Lutris desktop client
firefox-minimal-theme - Minimal dark theme for firefox. Keyboard centered. Dark palette that matches any rice.
one-line-firefox vs FirefoxCSS
FirefoxCSS vs firefox-gx
one-line-firefox vs oneline
FirefoxCSS vs Group-Speed-Dial
one-line-firefox vs OneLine
FirefoxCSS vs lepton-custom
one-line-firefox vs OnelineProton
FirefoxCSS vs firefox-css
one-line-firefox vs keyfox
FirefoxCSS vs zhome
one-line-firefox vs lutris
FirefoxCSS vs firefox-minimal-theme