Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

// userChromeShadow.uc.js by aborix
// 28.07.2022 FF104+ Fix: using PathUtils.join (Sören Hentzschel)

(async function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
          let path = PathUtils.join(PathUtils.profileDir, 'chrome', 'userChromeShadow.css');
          let cssIn = await IOUtils.readUTF8(path);

          let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
          let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(cssIn));
          sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
    
       } catch(e) { 
        
         console.log("UserChromeShadow-Error: " + e.name + ': ' + e.message );
 
       };        
   
})();

  .searchmode-switcher {
    /* Hintergrund */
  --button-background-color-muted: rgba(224, 224, 224, 0.5) !important;         /* Normalzustand */
  --button-background-color-muted-hover: rgba(224, 224, 224, 0.7) !important;   /* Hover */
  --button-background-color-muted-active: rgba(255, 165, 0, 0.7) !important;    /* Klick / gedrückt */
  --button-background-color-muted-disabled: #00ffff !important;                 /* ? I donn't know */

  /* Textfarbe */
  --button-text-color-muted: white !important;              /* Normalzustand */
  --button-text-color-muted-hover: black !important;        /* Hover */
  --button-text-color-muted-active: white !important;       /* Klick / gedrückt */
  --button-text-color-muted-disabled: gray !important;      /* ? I donn't know */

  /* Ecken & Größe */
  --button-border-radius: 4px !important;
  --button-min-height: 24px !important;
}

#PlacesToolbar menupopup[placespopup="true"]::part(arrowscrollbox) {
  background-color: red !important;
}

#PlacesToolbar menuitem, #PlacesToolbar menu {
  color: white !important;
}

#PlacesToolbar menuitem:hover, #PlacesToolbar menu:hover {
  background: yellow !important;
  color: blue !important;
}