bottombar javascript

//  bottomtoolbar.uc.js

(function() {

  if (location != 'chrome://browser/content/browser.xul')
    return;

  let toolbar = document.createElement('toolbar');
  toolbar.id = 'bottom-toolbar';
  toolbar.setAttribute('customizable', 'true');
  toolbar.setAttribute('mode', 'icons');
  toolbar.setAttribute('context', 'toolbar-context-menu');

  let vbox  = document.createElement('vbox');
  vbox.id = 'bottom-toolbar-vbox';
  let browserBottombox = document.getElementById('browser-bottombox');
  browserBottombox.parentNode.insertBefore(vbox, browserBottombox);
  vbox.appendChild(toolbar);
  vbox.style.backgroundColor = '#1f1f1f';
  //Hier kann die Hintergrundfarbe angepasst werden. Als Wert kann zbs. red, green,
  //yellow oder orange usw, aber auch zbs. #f7f7f7 usw.verwendet werden.

  CustomizableUI.registerArea('bottom-toolbar', {legacy: true});

})();