/ff-chrome-folder

vertical css theme / my Firefox profile's "chrome" folder's files

Primary LanguageCSS

ff-chrome-folder

Install my chrome folder mods

  1. Enable Profile Customizations - in about:config @ toolkit.legacyUserProfileCustomizations.stylesheets

  2. Now, in about:support, click on the ‘Open Directory’ and then create a folder named ‘chrome’ inside (if it doesn't exist).

  3. Clone/copy this repo's contents into the newly created profile/chrome folder

  4. Relaunch Firefox

Note: relaunching Firefox is required to apply any modifications made to the chrome folder

 

userchrome.css

my changes (topmost) + 4 different snippets copypasta'd
  • re-add panel title, but without "sidebar icon"
  • (fullscreen) undo clipping of location/toolbar
  • "expand" traffic button area (to reveal location bar reliably (w/ :hover))
  • (fullscreen) remove empty space
  • (fullscreen) sidebar window element - undo extra padding in #webext-panels-browser
  • sidebar window inner browser = set same bg as sidebery settings
  • (fix text collision) move sidebery panel title (if visible) to under/right of traffic button bar

userContent.css

  • dark mode pdf viewer
  • higher contrast highlights (eg: matches in pdf find / regular find)

 

Note: recommended (but not required) for use with screenhook + a vertical tabs sidebar extension (I use sidebery)

Why use screenhook? (macOS only)  

Firefox-specific screenhook features

  • left-edge of window = sidebar peak
  • top-edge of window = more consistent window dragging (compensates for userChrome.css w/ auto-reveal location bar (preventing drags))   --++works w/ Rectangle snapping
  • cmd+shift+T to reopen tabs AND windows (Note: requires BTT bindings (steviaOS keeps track of the order tabs/windows were closed in))