wiki.ryliejamesthomas.net

User Tools

Site Tools

Trace:
firefox

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
firefox [2023/09/13 19:01] – More tips rjtfirefox [2023/12/08 14:02] (current) – updaed note son userContent.css rjt
Line 93: Line 93:
  
 As an alternative to add-ons like [[stylus]], you can simply add [[CSS]] rules to the file ''userContent.css''. It's slightly annoying in that you have to restart Firefox for it to reload the file, but you can use Stylus or the built-in developer tools (you can load files in the 'style editor' tab) to preview things. For styling Firefox itself you create a file called ''userChrome.css''. As an alternative to add-ons like [[stylus]], you can simply add [[CSS]] rules to the file ''userContent.css''. It's slightly annoying in that you have to restart Firefox for it to reload the file, but you can use Stylus or the built-in developer tools (you can load files in the 'style editor' tab) to preview things. For styling Firefox itself you create a file called ''userChrome.css''.
 +
 +NB: Currently userChrome is working fine, but userContent is not doing anything for me :(
  
 === Method === === Method ===
  
   - Open ''about:config'' and turn ''toolkit.legacyUserProfileCustomizations.stylesheets'' to ''True''.   - Open ''about:config'' and turn ''toolkit.legacyUserProfileCustomizations.stylesheets'' to ''True''.
-  - Open your profile directory (for me it's ''~/.mozilla/[profile name]'') and create a directory called ''chrome'' if it doesn't exist.+  - Open your profile directory (for me it's ''~/.mozilla/firefox/[profile name]'') and create a directory called ''chrome'' if it doesn't exist.
   - Inside ''chrome'' create a file called ''userContent.css''   - Inside ''chrome'' create a file called ''userContent.css''
   - Add rules to this, enclosed within ''@-moz-document domain([url]) {}'' that references the site you wish to target.   - Add rules to this, enclosed within ''@-moz-document domain([url]) {}'' that references the site you wish to target.
Line 122: Line 124:
   * You can middle click on the reload page button (↻) to duplicate the current tab. Way easier than having to right-click on the tab and select it from the menu.   * You can middle click on the reload page button (↻) to duplicate the current tab. Way easier than having to right-click on the tab and select it from the menu.
   * You can select multiple tabs with ''Ctrl'' and ''Shift'' clicking like you would in other programs.   * You can select multiple tabs with ''Ctrl'' and ''Shift'' clicking like you would in other programs.
 +  * Quickest way to see alternate stylesheets is ''Alt+v'' then ''y''.
  
 ===== Troubleshooting ===== ===== Troubleshooting =====
firefox.1694595703.txt.gz · Last modified: 2023/09/13 19:01 by rjt