Skip to content

pleasant firefox userchrome with sidebery support

License

Notifications You must be signed in to change notification settings

cwttdb70/shimmer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

shimmer - charming firefox userchrome with sidebery support (v2.19)

STAR BUTTONISSUEMONEY BUTTON

see the changelog for a history of changes

thanks for 100 stars :P

important notice

update firefox stable has been updated to version 133. this breaks some of the styles used in shimmer. please update to v2.17 or use shimmer.nightly config property to fix the issues.

demonstration

light theme with sidebery, sidebar on left side

sidebery, light theme, sidebar on left side native tabs, "dark space" theme, shortcuts enabled
lightsidebery darkspacenativeshortcuts
menus popover urlbar
ctxmenu urlbar

compact findbar

findbar

quality of life improvements

tab

compact, macos-like window control buttons

winctr

features

  • popover url-bar (see demo animated image)
  • works with custom themes
  • rounded browser/sidebar corners
  • minimized context menus
  • subtle, non-obstructive transitions
  • minimized findbar
  • setting available to move sidebar to the right side
  • config properties for customization
  • compatible with firefox nightly
  • semi-compatible with native vertical tabs

installation

  • download code from github (green "code" button) and unzip it
  • download sidebery from mozilla addons if wanted
  • open sidebery settings, scroll to the bottom
  • click on "import addon data"
  • select "sidebery.json" from the downloaded archive
  • keep the toggles at default and click "import"
  • go to about:config
  • toggle toolkit.legacyUserProfileCustomizations.stylesheets true
  • toggle svg.context-properties.content.enabled true
  • open about:profiles, find your profile and open the root folder
  • create a chrome folder if nonexistent
  • move userChrome.css, userContent.css files and assets folder into the chrome directory
  • reopen firefox
  • done! :3
  • please please PLEASE visit this github page once in a while to download the latest version, see "updating" section of this readme
  • see "config" section of this readme for customization options

updating

i am expecting to make frequent chagnes to this project. check this github page once in a while and check if a new version is available. your installation's version is visible next to the close button of the new tab settings menu (top right on new tab).

how to update:

follow the installation instructions, allow your file explorer to replace files if asked (remember to update sidebery styles)

customization

at the top of userChrome.css, there are customizable css variables. among them are tab sizing options, rounding, spacing between certain items etc. below these variable there also exist exclusions from the right click context menu. comment and uncomment whichever options you might want to enable or disable.

i've also implemented some custom about:config boolean values for you to modify. the list is small right now but i'm hoping to see some ideas and issues pop up

  • shimmer.native-vertical-tabs - toggle true if using firefox vertical tabs instead of sidebery. don't toggle true if using horizontal tabs, they will disappear
  • shimmer.show-sidebar-header - toggle true to show sidebar header
  • shimmer.show-sidebar-header-close-button - even if you enable the header, the close button is automatically hidden. toggle this true to make it reappear
  • shimmer.sidebar-right-side - toggle true if you use sidebery on the right side. you have to move the sidebar first in firefox using the sidebar header, which has to be reenabled in config
  • shimmer.reverse-winctr-buttons-side - toggle true to move window control buttons to the left side
  • shimmer.taller-tabs - toggle true to make the tabs as tall as default firefox tabs
  • shimmer.shorter-navbar - toggle true to make the navbar as tall as on unmodified firefox (may require firefox restart)
  • shimmer.disable-compact-winctr-buttons - toggle true to revert the compact window control buttons to default
  • shimmer.dont-expand-selected-tab - toggle true to disable the effect of expanding the active tab when there are many tabs open
  • shimmer.shimmer.hide-sidebar-button - toggle true to hide the "show sidebars" button
  • shimmer.nightly - toggle true if using firefox nightly (v2.17 up, unused)

maintaining

please keep in mind that i won't always have time to fix a problem created by a new version of firefox in a day. if you'd like to create a pull request, feel free to do so. if you find any issues, please report them at the "issues" tab on github.

About

pleasant firefox userchrome with sidebery support

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%