I have enabled everything to make userChrome.css work, but it doesn’t seem like any JS works when I paste it into a userChrome.js file in my chrome folder, including this JS snippet, it could be because I’m on macOS. I should note that the chrome folder is not in my profile directory, its somewhere else and symlinked to that profile and 4 others.

(function(){
  _ucUtils.registerHotkey(
  {
    id: "testKey",
    key: "g",
    modifiers: "Ctrl br Alt",
    
  },
  function(win,hotkey){
    const doc = win.document;
    const bmtb = CustomizableUI.AREA_BOOKMARKS;
    CustomizableUI.setToolbarVisibility(
      bmtb,
      doc.getElementById(bmtb).getAttribute("collapsed")==="true");
  });
})();

  • WestwardWinds@lemmy.world
    link
    fedilink
    English
    arrow-up
    1
    arrow-down
    1
    ·
    edit-2
    1 year ago

    I am on MacOS. I can’t help you in regards to the linked profile directory, if you think it needs to be set that way I believe you. But, I did set up userChrome.css the other day and I couldn’t get it to work until I went to about:config and toggled the following to True:

    toolkit.legacyUserProfileCustomizations.stylesheets
    layers.acceleration.force-enabled
    gfx.webrender.all
    gfx.webrender.enabled
    layout.css.backdrop-filter.enabled
    svg.context-properties.content.enabled
    

    Now this is specifically what I did for a userChrome.css not .js but most guides I found only said to toggle toolkit.legacyUserProfileCustomizations.stylesheets but it only worked with those additional flags set to True as well. Maybe this will help you out some.