Dark Mode

userChrome.css:

/* Remove New Tab Flash */
@-moz-document url(chrome://browser/content/browser.xul)
{
  browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content
  {
	background: #323234 !important;
  }
}
#tabbrowser-tabpanels {
  background: var(--toolbar-bgcolor) !important;
}

userContent.css:

@-moz-document url(about:blank),
			   url(about:newtab)
{
  #newtab-window,
  html
  {
	background: #323234;
  }
}

@-moz-document url-prefix(about:blank), url-prefix(about:newtab), url(moz-extension://db85f1de-ba17-4b39-8a06-7e124677ffd6/html/newtab.html) { html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay { background: #323234 !important; } }

The last line in userContent.css is to darken the page before the loading of new tab override. To get the weird id looking string, go to the settings of new tab override and look at the url.


Revision #1
Created 2023-06-09 16:21:15 UTC by Arul Agrawal
Updated 2023-06-09 16:23:32 UTC by Arul Agrawal