one-line-firefox
Compact and minimal interface for Firefox (by khuedoan)
FirefoxCSS
minimalFOX: my Firefox theme. (by marmmaz)
one-line-firefox | FirefoxCSS | |
---|---|---|
5 | 5 | |
70 | 66 | |
- | - | |
2.0 | 0.0 | |
12 months ago | over 2 years ago | |
CSS | CSS | |
GNU General Public License v3.0 only | - |
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 2022-05-03.
-
MinimalFox for Linux
Does anyone know if there is a fork of MinimalFox that works out of the box on linux ?
-
My very first startpage! zhome, a startpage highly inspired by zune!
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.
-
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; }
-
minimalFOX: a compact and minimal theme
config: github.com/marmmaz/FirefoxCSS
-
minimalFOX
You can find my userChrome.css here: https://github.com/marmmaz/FirefoxCSS/
What are some alternatives?
When comparing one-line-firefox and FirefoxCSS you can also consider the following projects:
oneline
Group-Speed-Dial - My Group Speed Dial startup page
FirefoxCSS - Custom firefox interface
lepton-custom - 🦊 A macOS style theme for Firefox—forked from Lepton(Firefox-UI-Fix)
OneLine
blurredfox - A sleek, modern and elegant Firefox CSS theme
OnelineProton - An oneline userChrome.css theme for Firefox, which aims to keep the Proton experience
keyfox - A simple, keystroke-centered CSS for Firefox.
FlyerFox - FlyerFox - An opinionated Firefox userChrome.css, optimized for macOS. Bret Michael's slider is still in beta unfortunately.
lutris - Lutris desktop client
my_firefox_theme - A theme that aims to look nice and clean while not compromising functionality.
one-line-firefox vs oneline
FirefoxCSS vs Group-Speed-Dial
one-line-firefox vs FirefoxCSS
FirefoxCSS vs lepton-custom
one-line-firefox vs OneLine
FirefoxCSS vs blurredfox
one-line-firefox vs OnelineProton
FirefoxCSS vs OnelineProton
one-line-firefox vs keyfox
FirefoxCSS vs FlyerFox
one-line-firefox vs lutris
FirefoxCSS vs my_firefox_theme