Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fuyu0425/firefox-tweaks

My FireFox Tweaks
https://github.com/fuyu0425/firefox-tweaks

firefox firefox-addon firefox-extension firefox-extensions mozilla-firefox userchrome userchromecss userchromejs userchromejs-scripts userscript userscripts

Last synced: 11 days ago
JSON representation

My FireFox Tweaks

Awesome Lists containing this project

README

        

#+TITLE: Firefox Tweaks
#+AUTHOR: yufu

Only tested on macOS with latest Firefox Developer Edition and some works on Windows.

* How to use
1. install [[https://github.com/xiaoxiaoflood/firefox-scripts][userChromeJS manager from xiaoxiaoflood]]

* How to use =uc.js files= in =ucjs= folder
1. copy to your =chrome= folder in your profile folder

* How to use CSS in =UserStyles= folder
There are two ways
1. install =StyloaiX= addon in [[https://github.com/xiaoxiaoflood/firefox-scripts][userChromeJS manager from xiaoxiaoflood]] (recommended)
2. put the content in =userChrome.css=

* Showcase
** Profile Indicator
Show your current profile name in the search bar.
It also badge your APP Icon with profile name on macOS.
Only shows when the profile name is not "default".
*** requirement
- =profile-indicator.uc.js=

*** screenshots
[[./screenshots/profile-indicator.png]]
[[./screenshots/profile-indicator-badge.png]]

** Window Indicator
*** requirement
- =window-indicator.uc.js=
- An addon that will change =document.titlepreface=. I use [[https://addons.mozilla.org/en-US/firefox/addon/winger/][winger]] personally.
*** screenshot
[[./screenshots/window-indicator.gif]]

** Sidebar related
Only test on macOS, welcome PR for other OS.
I use [[https://addons.mozilla.org/en-US/firefox/addon/sidebery/][Sidebery]] personally.
*** hide tab bar when sidebar is enabled
**** requirement
- =window_control_placeholder_support.css=
- =hide_tabs_toolbar_osx.css= or =hide_tabs_toolbar_windows.css= based on your operating systems
*** sidebar switch
switch between normal tab bar, always-on sidebar, and auto-hidden sidebar.

It creates a new toolbar button (it looks like the normal sidebar button because I don't have the creativity for a new one).

Left click: normal rotation.

Right/Middle click: switch between always-on and auto-hidden.

**** requirement
- =window_control_placeholder_support.css=
- =hide_tabs_toolbar_osx.css= or =hide_tabs_toolbar_windows.css= based on your operating systems
- =sidebar_attribute.uc.js=
- =sidebar_autohide.uc.js=
*** screenshot
[[./screenshots/sidebar-autohide.gif]]

* Reference
- [[https://github.com/xiaoxiaoflood/firefox-scripts][userChromeJS manager from xiaoxiaoflood]]
- https://github.com/benzBrake/FirefoxCustomize
- https://github.com/arkenfox/user.js
- https://github.com/MrOtherGuy/firefox-csshacks
- https://github.com/Timvde/UserChrome-Tweaks