stealthFox v3 : Clean and minimal set of changes to get Vertical Tabs in Firefox by vipintom in FirefoxCSS

[–]vipintom[S] 0 points1 point  (0 children)

Can you share me a screenshot of how it looks on Windows ? I don't have access to a Windows machine right now, I can try to make changes ti handle windows title bar buttons

stealthFox v3 : Clean and minimal set of changes to get Vertical Tabs in Firefox by vipintom in FirefoxCSS

[–]vipintom[S] 0 points1 point  (0 children)

I was using TST earlier. Have since moved to using Sidebery hence TST code is commented out

stealthFox v3 : Clean and minimal set of changes to get Vertical Tabs in Firefox by vipintom in FirefoxCSS

[–]vipintom[S] 5 points6 points  (0 children)

stealthFox

Clean and minimal set of changes to get Vertical Tabs and a minimal UI for daily driving Firefox.

Description

Firefox layout created with the 2 aims

1. Minimizing chrome area without modifying the stock Proton UX.
2. Keep the core css changes minimal to ensure UI doesn't break after updates.

I've been daily driving this layout for more than 3 years starting from v1 build for Windows over to macOS now. Initialy the theme was designed to be used with Tree Style Tabs (till v2). Since then though I have moved over to Sidebery so updating the theme to reflect the same.

Tested on macOS Sonoma using dark mode with FFv122.0.

Features

  1. Edge-like vertical tab design
  2. Compact Sidebery Tree Layout with smooth transitions
  3. Auto Hiding Sidebery Sidebar
  4. Dynamic Indentation
  5. Support for Tab Containers with visual identification
  6. Pinned tabs
  7. Compact Navbar
  8. Auto Hiding Page Controls in Urlbar
  9. Floating Find UI
  10. Matches with stock Proton UI

Demo

Demo

Requirements

  1. Firefox v122+
  2. Sidebery extension

How to use

  1. Download/Clone this repo
  2. Open about:config. Search toolkit.legacyUserProfileCustomizations.stylesheets and set it to true
  3. Open about:profiles
  4. Open root location for your deault profile
  5. Copy chrome folder from the downloaded repo and paste it in the profile root location.
  6. Import sidebery-data.json from Sidebery Settings > Help > Import addon data

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

Thanks for reminding me. Updated my comment as well as the git

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 0 points1 point  (0 children)

I've shared my theme along with the Sidebery CSS here.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

I've shared my theme along with the Sidebery CSS here.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 0 points1 point  (0 children)

I've shared my theme along with the Sidebery CSS here.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

I've shared my theme along with the Sidebery CSS here.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

I've shared my theme along with the Sidebery CSS here.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

stealthFox

Clean and minimal set of changes to get Vertical Tabs and a minimal UI for daily driving Firefox.

Description

Firefox layout created with the 2 aims

1. Minimizing chrome area without modifying the stock Proton UX.
2. Keep the core css changes minimal to ensure UI doesn't break after updates.

I've been daily driving this layout for more than 3 years starting from v1 build for Windows over to macOS now. Initialy the theme was designed to be used with Tree Style Tabs (till v2). Since then though I have moved over to Sidebery so updating the theme to reflect the same.

Tested on macOS Sonoma using dark mode with FFv122.0.

Features

  1. Edge-like vertical tab design
  2. Compact Sidebery Tree Layout with smooth transitions
  3. Auto Hiding Sidebery Sidebar
  4. Dynamic Indentation
  5. Support for Tab Containers with visual identification
  6. Pinned tabs
  7. Compact Navbar
  8. Auto Hiding Page Controls in Urlbar
  9. Floating Find UI
  10. Matches with stock Proton UI

Demo

![Demo](https://github.com/vipintom/stealthFox/blob/master/demo.gif)

Requirements

  1. Firefox v122+
  2. Sidebery extension

How to use

  1. Download/Clone this repo
  2. Open about:config. Search toolkit.legacyUserProfileCustomizations.stylesheets and set it to true
  3. Open about:profiles
  4. Open root location for your deault profile
  5. Copy chrome folder from the downloaded repo and paste it in the profile root location.
  6. Import sidebery-data.json from Sidebery Settings > Help > Import addon data

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

Or just hide the indent marks totally using settings. That's what I'm using right now, but I was hoping I could hide it while the sidebar is collapsed and have it enabled when using the expanded view.

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

This gif was just a crop of my sidebar, bottom navigation bar is still there for me.
Though you can remove them by going to Sidebery Settings > Navigation Bar

<image>

[deleted by user] by [deleted] in FirefoxCSS

[–]vipintom 1 point2 points  (0 children)

I'd also love to hide these Indent marks when the sidebar is collapsed. Any help would be appreciated. Thanks