firefox-tips.md

Firefox Tips

• Auto-sync about:config settings
• Enable media keys on MacOS
• Tree Style Tabs (New)
  • Tree Style Tabs (Deprecated)

Auto-sync about:config settings

Source: https://www.addictivetips.com/web/sync-about-config-preferences-with-firefox-sync/

For each setting to be synched, add:

services.sync.prefs.<setting> true

Examples:

services.sync.prefs.toolkit.legacyUserProfileCustomizations.stylesheets

services.sync.prefs.media.hardwaremediakeys.enabled

Enable media keys on MacOS

Source: https://bugzilla.mozilla.org/show_bug.cgi?id=1575995

In about:config:

media.hardwaremediakeys.enabled = true

// For syncing the setting
services.sync.prefs.media.hardwaremediakeys.enabled = true

Tree Style Tabs (New)

https://medium.com/@Aenon/firefox-hide-native-tabs-and-titlebar-f0b00bdbb88b

In about:config set:

toolkit.legacyUserProfileCustomizations.stylesheets = true

// For syncing the setting
services.sync.prefs.toolkit.legacyUserProfileCustomizations.stylesheets = true

Then in the <Profile folder>/chrome/userProfile.css:

/* hides the native tabs */
#TabsToolbar {
  visibility: collapse;
}

#titlebar {
  visibility: collapse;
}

Tree Style Tabs (Deprecated)

Resources:

• Tips from: https://news.ycombinator.com/item?id=18836189
• Setup userChrome.css: https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/

CSS for hiding tab bar in $profileFolder/chrome/userChrome.css:

/* Hide tab bar in FF Quantum */
@-moz-document url("chrome://browser/content/browser.xul") {
  #TabsToolbar {
    visibility: collapse !important;
    margin-bottom: 21px !important;
  }

  #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    visibility: collapse !important;
  }
}