OnelineProton
FlyingFox
OnelineProton | FlyingFox | |
---|---|---|
6 | 29 | |
115 | 1,557 | |
- | - | |
2.6 | 0.0 | |
over 2 years ago | about 1 year ago | |
CSS | CSS | |
- | MIT License |
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.
OnelineProton
-
oneline proton off when window is small
So I am using the oneline proton CSS
-
Safari Look for Fox!!!
No problem, I've found the original github repo, here it is - https://github.com/lr-tech/OnelineProton
-
KeyFox- A minimal, keyboard centered OneLiner CSS.
Features: - Minimal interface. - very Simple. - Features OneLine Design (Credits- Ir-tech/OnelineProton. - Keyboard Centered (More info below).
-
https://np.reddit.com/r/FirefoxCSS/comments/orc4kj/need_some_help_with_a_one_line_configuration/h6j7xpm/
/*=============================================================================* * ONELINE PROTON * * * * description : An oneline userChrome.css theme for Firefox, which aims to * * keep the Proton experience. * * compatibility : Firefox 89+ * * repository : https://github.com/lr-tech/OnelineProton/ * * * * THANKS FOR USING MY USERCHROME! <3 * *============================================================================*/ /* S E T T I N G S */ :root { --navbarWidth : 400px; /* Set width of navbar. Use px or vw. */ --animationSpeed : 0.15s; } /* H I D I N G E L E M E N T S */ /* Comment or uncomment depending of what elements you want to hide */ /* Back button */ #back-button {display: none !important} /* Hide back button only when disabled */ /* #back-button[disabled="true"] {display: none !important} */ /* Forward button */ #forward-button {display: none !important} /* Hide forward button only when disabled */ /* #forward-button[disabled="true"] {display: none !important} */ /* "Shield" icon */ /* #tracking-protection-icon-container {display: none !important} */ /* Site information button */ /* #identity-box:not(:hover) {display: none !important} */ /* This is the "Search with" indicator on the urlbar */ #urlbar-search-mode-indicator {display: none !important} /* Zoom button */ #urlbar-zoom-button {display: none !important} /* Page action (right three dash button) */ #pageActionButton {display: none !important} /* These are the buttons on the right of the urlbar */ #page-action-buttons {display: none !important} /* #urlbar-label-box {display: none !important} */ /* This one is the hamburger menu! */ /* CAUTION: if you hide this some popups may be bugged */ /* #PanelUI-button {display: none !important} */ /* Tab close button */ /* .tab-close-button {display: none !important} */ /*============================================================================*/ /* Oneline tweak */ #TabsToolbar { margin-left : var(--navbarWidth) !important; } #nav-bar { margin-right : calc(100vw - var(--navbarWidth)) !important; background : transparent !important; box-shadow : none !important; } #urlbar-container { min-width : 0px !important; } :root[uidensity="compact"] #nav-bar { margin-top : -37px !important; height : 37px !important; } :root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar { margin-top : -44px !important; height : 44px !important; } :root[uidensity="touch"] #nav-bar { margin-top : -49px !important; height : 49px !important; } #urlbar:not([breakout][breakout-extend]) > #urlbar-background { border : none !important; animation : 0.15s !important; } /* Hide urlbar elements when not active */ .urlbar-icon, #userContext-indicator, #userContext-label { fill : transparent !important; background-color : transparent !important; color : transparent !important; animation : var(--animationSpeed) !important; } #urlbar:hover .urlbar-icon, #urlbar:active .urlbar-icon, #urlbar[focused] .urlbar-icon { fill : var(--toolbar-color) !important; } /* animations */ toolbarbutton, .toolbarbutton-icon, .subviewbutton, .urlbar-input-box, #identity-box, #tracking-protection-icon-container, [anonid=urlbar-go-button], .urlbar-icon-wrapper, #tracking-protection-icon, #identity-box image, stack, vbox, tab:not(:active) .tab-background, tab:not([beforeselected-visible])::after, tab[visuallyselected] .tab-background::before, tab[visuallyselected] .tab-background::before, .tab-close-button { animation : var(--animationSpeed) !important; } /* A D D E D B Y T Y P K R F T */ /* A D D I T I O N A L S E T T I N G S */ /* Hide (x) (-) (+) on macOS */ hbox.titlebar-buttonbox-container:nth-child(4) {visibility: collapse !important;} /* Hide Spacer between URL and Tabs */ hbox.titlebar-spacer:nth-child(1) {visibility: collapse !important;} /* Hide Spacer after Tabs */ hbox.titlebar-spacer:nth-child(3) {visibility: collapse !important;} /* Hide Overflow Arrows on either side of the tabs section when not active */ #scrollbutton-up[disabled="true"] {opacity: 0 !important;} #scrollbutton-down[disabled="true"] {opacity: 0 !important;} /* Hide 'This time, search with:' Section */ .search-one-offs { visibility: collapse; margin: 0 !important; padding-top: 0px; border-top-style: solid; border-top-width: 1px; } #urlbar .search-one-offs:not([hidden]) {display: contents !important;} /* Keep Boarders Hidden on the Sides of the URL Bar */ #nav-bar{ border-left-width: 0px !important; border-right-width: 0px !important; } /* A U T O H I D E */ /* Uncomment relavent Sections */ /* Configuration 1 - START */ /* Hide Unless focused with CMD/Ctrl - L or In a New Tab */ /* Taken from https://superuser.com/a/1497982/1189696 */ /* @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #navigator-toolbox { height: 0px !important; min-height: 0px !important; overflow: hidden !important; } #navigator-toolbox:focus, #navigator-toolbox:focus-within, #navigator-toolbox:active { height: auto !important; } */ /* Configuration 1 - END */ /* Tree Style Tabs Autohide START */ /* Hide splitter, when using Tree Style Tab. */ /* Take From https://www.reddit.com/r/FirefoxCSS/comments/emjqx2/autohide_tree_style_tabs/fdpck8l?utm_source=share&utm_medium=web2x&context=3 */ /* #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter { display: none !important; } */ /* Hide sidebar header, when using Tree Style Tab. */ /* #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { visibility: collapse; } */ /* Shrink sidebar until hovered, when using Tree Style Tab. */ /* #sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) { min-width: var(--wide-tab-width) !important; max-width: none !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] { overflow: hidden !important; position: relative !important; transition: all 200ms !important; min-width: var(--thin-tab-width) !important; max-width: var(--thin-tab-width) !important; z-index: 1; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover, #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar { transition: all 200ms !important; min-width: var(--wide-tab-width) !important; max-width: var(--wide-tab-width) !important; margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; z-index: 1; } */ /* :root { --thin-tab-width: 10px; } :root { --wide-tab-width: 250px; } */ /* Tree Style Tabs Autohide END */
-
OnelineProton: An oneline userChrome.css theme for Firefox, which aims to keep the Proton experience
Check it out here
-
Need some help with a One Line Configuration
```CSS /============================================================================= * ONELINE PROTON * * * * description : An oneline userChrome.css theme for Firefox, which aims to * * keep the Proton experience. * * compatibility : Firefox 89+ * * repository : https://github.com/lr-tech/OnelineProton/ * * * * THANKS FOR USING MY USERCHROME! <3 * ============================================================================/
FlyingFox
-
No Arc on Windows, so I emulated the feel of it with Firefox while waiting
is it flyingfox
-
Topbar extension buttons got bigger
If it is the theme u/sifferedd mentioned, you could look for this file in your chrome folder, and disable it ( just add a letter to the filename ) , then restart FF .
-
!! This meme is NOT safe for chrome users !!
You can totally do this with normal Firefox, would suggest checking out Flyingfox which uses the Tree Style Tabs extension + Firefox CSS (pretty much a feature of Firefox).
- Guys I need help
-
High CPU load
Finally got working FlyingFox theme , the only problem is the cpu load.
-
I want to create my own Custom CSS
I used to use the custom CSS: FlyingFox but I wanted more functionality with the side treestyle bar; I want to alternate with another extension called open in sidebar. Else, if this is not possible, I want to be able to customize the open_in_sidebar the way FlyingFox has customized treestyle.
-
pretty much the 3rd website I ever made. Not really that happy with how it turned out, feel free to comment what you think could be improved!
I think its a mix of this (with url) and the tab sidebar from here.
-
stealthFox : Firefox with Vertical Tabs and minimal chrome
I have been unable to go back to regular tabs ever since I used FlyingFox. However the problem I was facing was that the theme was broken on Proton which I had to fix and it kept braking frequently after Firefox updates (I am on the beta branch). Since the code for FlyingFox was pretty extensive and I'm not exactly familiar with FirefoxCss, I started building this theme with an aim of
-
OnelineProton: An oneline userChrome.css theme for Firefox, which aims to keep the Proton experience
Hello! I could do that but, to do that, it would have to be done practically from scratch. But there are already some very good themes with a sidebar interface with the use of the treestyle tab addon, like FlyingFox.
-
May The Stars Shine Down on You | [Showcase]
Theme: FlyingFox https://github.com/akshat46/FlyingFox
What are some alternatives?
FirefoxCSS - minimalFOX: my Firefox theme.
SimpleFox - 🦊 A Userstyle theme for Firefox minimalist and Keyboard centered.
one-line-firefox - Compact and minimal interface for Firefox
spicetify-themes - A community-driven collection of themes for customizing Spotify through Spicetify - https://github.com/spicetify/spicetify-cli
FlyerFox - FlyerFox - An opinionated Firefox userChrome.css, optimized for macOS. Bret Michael's slider is still in beta unfortunately.
brave-browser - Brave browser for Android, iOS, Linux, macOS, Windows.
polybar-themes - A huge collection of polybar themes with different styles, colors and variants.
ImageGlass - 🏞 A lightweight, versatile image viewer
stealthFox - Clean and minimal set of changes to get Vertical Tabs in Firefox
Firefox_Custom_CSS - Firefox CSS theme to maximize the vertical space of your monitor.
my-home - My Linux Ricing
MacOS-Dotfiles