Mozilla Monitor website will be down for 2 hours starting 5/20/2025 at 6 AM PT. Visit our status site for updates.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

I Created the Perfect Firefox Look, but I Can’t Use It cuz of userChrome.js

  • No replies
  • 0 have this problem
  • 16 views
more options

I spent a ton of time perfecting my Firefox, making it look exactly how I wanted… but there’s one huge problem. My entire setup relies on userChrome.js, and I haven’t found a way to make it run permanently without pain.

I’m completely out of energy trying to fix this. But maybe someone here knows a proper workaround?

No js loaders and other hacks worked, so I’m sharing the full code. Maybe you can help me figure out a way to keep it running consistently?

Here’s my code:

function fixTabOrientation() {

   let tabbrowserTabs = document.getElementById("tabbrowser-tabs");
   let arrowscrollbox = document.getElementById("tabbrowser-arrowscrollbox");
   let newTabButton = document.getElementById("tabs-newtab-button");
   let peripheryBox = document.getElementById("tabbrowser-arrowscrollbox-periphery");
   let navBar = document.getElementById("nav-bar-customization-target"); 
   let urlBar = document.getElementById("urlbar-container"); // Адресний рядок


   if (tabbrowserTabs?.getAttribute("orient") !== "horizontal") {
       tabbrowserTabs.setAttribute("orient", "horizontal");
   }
   if (arrowscrollbox?.getAttribute("orient") !== "horizontal") {
       arrowscrollbox.setAttribute("orient", "horizontal");
   }


   if (navBar && urlBar && !urlBar.nextSibling?.isSameNode(tabbrowserTabs)) {
       navBar.insertBefore(tabbrowserTabs, urlBar.nextSibling);
   }


   if (newTabButton) {
       newTabButton.style.position = "absolute";
       newTabButton.style.right = "10px"; 
       newTabButton.style.top = "50%"; 
       newTabButton.style.transform = "translateY(-50%)"; 


       if (peripheryBox && !peripheryBox.contains(newTabButton)) {
           peripheryBox.appendChild(newTabButton);
       }
       newTabButton.style.display = "block";  
       newTabButton.style.width = "32px";
       newTabButton.style.height = "32px";
   } else {
       console.log("New Tab");
   }

}

fixTabOrientation(); setInterval(fixTabOrientation, 1000);


Any work solutions would be massively appreciated—I’m honestly exhausted fighting this.

I spent a ton of time perfecting my Firefox, making it look exactly how I wanted… but there’s one huge problem. My entire setup relies on userChrome.js, and I haven’t found a way to make it run permanently without pain. I’m completely out of energy trying to fix this. But maybe someone here knows a proper workaround? No js loaders and other hacks worked, so I’m sharing the full code. Maybe you can help me figure out a way to keep it running consistently? Here’s my code: function fixTabOrientation() { let tabbrowserTabs = document.getElementById("tabbrowser-tabs"); let arrowscrollbox = document.getElementById("tabbrowser-arrowscrollbox"); let newTabButton = document.getElementById("tabs-newtab-button"); let peripheryBox = document.getElementById("tabbrowser-arrowscrollbox-periphery"); let navBar = document.getElementById("nav-bar-customization-target"); let urlBar = document.getElementById("urlbar-container"); // Адресний рядок if (tabbrowserTabs?.getAttribute("orient") !== "horizontal") { tabbrowserTabs.setAttribute("orient", "horizontal"); } if (arrowscrollbox?.getAttribute("orient") !== "horizontal") { arrowscrollbox.setAttribute("orient", "horizontal"); } if (navBar && urlBar && !urlBar.nextSibling?.isSameNode(tabbrowserTabs)) { navBar.insertBefore(tabbrowserTabs, urlBar.nextSibling); } if (newTabButton) { newTabButton.style.position = "absolute"; newTabButton.style.right = "10px"; newTabButton.style.top = "50%"; newTabButton.style.transform = "translateY(-50%)"; if (peripheryBox && !peripheryBox.contains(newTabButton)) { peripheryBox.appendChild(newTabButton); } newTabButton.style.display = "block"; newTabButton.style.width = "32px"; newTabButton.style.height = "32px"; } else { console.log("New Tab"); } } fixTabOrientation(); setInterval(fixTabOrientation, 1000); Any work solutions would be massively appreciated—I’m honestly exhausted fighting this.

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.