Showing questions tagged: Show all questions
  • Solved

Certain websites appear in some sort of "dark mode" when dark themes are enabled

I've been using Elijah Lopez's Matte Black (Red) theme for months. Recently, I think because I added the ClearURLs extension or some other change, certain websites enter … (read more)

I've been using Elijah Lopez's Matte Black (Red) theme for months. Recently, I think because I added the ClearURLs extension or some other change, certain websites enter some sort of "dark mode" when accessed.

Websites that do this include Twitter, an independent blog, and Youtube.

The website appears normally with the default light theme enabled. In the second photo, the website appears in the "dark mode" with the black Firefox theme enabled.

I have deleted cookies and cache, reinstalled Firefox, and reinstalled Extensions. I think this problem only occurs with dark themes, and nothing else. The moment I change to dark theme, the problem comes back. It is strange because the dark theme was working just fine for months until recently.

How can I keep the dark theme, preferably the same Elijah Lopez's dark theme, while using websites normally and not in this weird "dark theme" style adaptation?

Asked by rishiagrawal2002 1 month ago

Answered by TyDraniu 1 month ago

  • Solved

How to force light mode on regardless of theme

I have a custom theme on Firefox called Charlies Red. Up until two days ago, Firefox would always consider it to be in light mode (which I prefer) whenever I'd use it. No… (read more)

I have a custom theme on Firefox called Charlies Red. Up until two days ago, Firefox would always consider it to be in light mode (which I prefer) whenever I'd use it. Now, however, it's in dark mode, and the only way I can return to light mode is to give up my custom theme and instead choose Light as a theme, which I don't like as much as Charlies Red.

Is there a way to force light mode on regardless of which theme I use? One source said I could go to about:config and create a ui.systemUsesDarkTheme number, setting it to 0, but I tried it to no avail and so deleted the number.

Asked by nick151 1 week ago

Answered by cor-el 1 week ago

  • Solved

Firefox automatically running Dark mode after updating to 96.0 (64-bit)

My browser updated to 96.0 (64-bit) about an hour ago. I've been running the Cheshire cat Theme for a long time now without it making the entire browser turn Dark (I just… (read more)

My browser updated to 96.0 (64-bit) about an hour ago. I've been running the Cheshire cat Theme for a long time now without it making the entire browser turn Dark (I just like what it did to the Tab bar and the Menu Bar). It didn't effect anything else -- not the Menus themselves and certainly not any webpages. But since the update--the Menus, the Firefox Home page, the Settings page, and even the Google search results pages--all have been showing up in Dark Mode. I switched around other themes I have and noticed that only the themes that are light in color stop everything from going dark.

It's a minor thing but I would really like to keep my set up as it was. I would really appreciate some help.

Asked by a.sin 1 week ago

Answered by jscher2000 1 week ago

  • Solved

[Firefox 96] My userContent.css and userChrome.css Codes isn't Being Applied Anymore

Until yesterday everything I customized for Firefox 89 in June of 2021 and FF 91 in August of 2021 was working fine. Today I updated to Firefox 96.0 and when I open my Fi… (read more)

Until yesterday everything I customized for Firefox 89 in June of 2021 and FF 91 in August of 2021 was working fine.

Today I updated to Firefox 96.0 and when I open my Firefox returned to that old visual that I hated

tabs with spaces , but that's not the worst. The worst is the newTab visual that came back to the small and ugly bookmarks of the page we usually navigate. That are set on userContent.css I remember.

I checked some vars at about:config and everything is as it was.

So do I need to set true or false any new var there? These .css files are like they was never read. It looks like to me there is a new var, we need to change it.

What did happen?

  • my userChrome.css file content below:
/* Begin - Smart Bookmarks Bar CSS Imports */
@import url("chrome://smartbookmarksbar/skin/global/base.css");
@import url("chrome://smartbookmarksbar/skin/global/mouseover-on.css");
@import url("chrome://smartbookmarksbar/skin/global/hideFoldersNames-on.css");
@import url("chrome://smartbookmarksbar/skin/global/hideNoFaviconNames-on.css");
@import url("chrome://smartbookmarksbar/skin/global/spacing-0.css");
@import url("chrome://smartbookmarksbar/skin/global/autohideBar-off.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault_mouseover-on.css");
@import url("chrome://smartbookmarksbar/skin/themes/firefoxDefault_mouseover-on_hideNoFaviconNames-on.css");
/* End - Smart Bookmarks Bar CSS Imports */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");



/*** BEGIN Firefox 77 (June 2, 2020) Override URL bar enlargement ***/

  /* Compute new position, width, and padding */

  #urlbar[breakout][breakout-extend] {
    top: 5px !important;
    left: 0px !important;
    width: 100% !important;
    padding: 0px !important;
  }
  /* for alternate Density settings */
  [uidensity="compact"] #urlbar[breakout][breakout-extend] {
    top: 3px !important;
  }
  [uidensity="touch"] #urlbar[breakout][breakout-extend] {
    top: 4px !important;
  }

  /* Prevent shift of URL bar contents */

  #urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
  }

  /* Do not animate */

  #urlbar[breakout][breakout-extend] > #urlbar-background {
    animation: none !important;;
  }

  /* Remove shadows */

  #urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
  }

/*** END Firefox 77 (June 2, 2020) Override URL bar enlargement ***/


/*** BEGIN Firefox 89 (June 2, 2021) ***/


/* https://github.com/black7375/Firefox-UI-Fix */

@media (-moz-proton) {

  /* Toolbar Height */
  #TabsToolbar
  .toolbar-items, .tabbrowser-tab,
  .titlebar-buttonbox-container {
    max-height: 34px !important;
  }

  :root[uidensity=compact] #TabsToolbar,
  :root[uidensity=compact] .toolbar-items, .tabbrowser-tab
  :root[uidensity=compact] .titlebar-buttonbox-container {
    max-height: 30px !important;
  }
  :root[uidensity=touch] #TabsToolbar,
  :root[uidensity=touch] .toolbar-items, .tabbrowser-tab
  :root[uidensity=touch] .titlebar-buttonbox-container {
    max-height: 42px !important;
  }

  
}  
  

/*** END Firefox 89 (June 2, 2020) ***/

/*** BEGIN Firefox 91 (August, 2021) ***/
/*** Tighten up drop-down/context/popup menu spacing ***/

menupopup > menuitem, menupopup > menu {
  padding-block: 3px !important;
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}


/*** END Firefox 91 (August, 2021) ***/


  • and my userContent.css file content below:
/*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ************************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* by Aris (aris-addons@gmx.net)*****************************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/

/*************************************************************************************************

  ENABLING options: remove the combination of / and * before @import
  DISABLING options: add the combination of / and * before @import
  
  Some @import features might not work properly on macOS and Linux -> Firefox bug
  
  CSS tweaks won't work, if @namespace references are used inside .css files!

*************************************************************************************************/

/************************************************************************************************/
/* about:addons *********************************************************************************/
/************************************************************************************************/

/* NOTE: 'Version number for add-ons' will stop working soon, because Mozilla is going ***********
		 to drop XBL support: see https://bugzilla.mozilla.org/show_bug.cgi?id=1397874 **********/

/* version number for add-ons *******************************************************************/
@import url(./css/aboutaddons/addonlists_show_addon_version_number.css); /**/

/* addons page appearance - only use one at a time **********************************************/
@import url(./css/aboutaddons/addons_manager_alternative_appearance.css); /**/
/* @import url(./css/aboutaddons/addons_manager_alternative_appearance_aero.css); /**/	/* <-- AERO colors */

/* compact item lists - only use one at a time **************************************************/
/* @import url(./css/aboutaddons/addonlists_compact.css); /**/
/* @import url(./css/aboutaddons/addonlists_compact_more_compact.css); /**/

/* other settings *******************************************************************************/
/* @import url(./css/aboutaddons/addonlists_only_show_buttons_on_hover.css); /**/
/* @import url(./css/aboutaddons/addonlists_replace_button_labels_with_icons.css); /**/
@import url(./css/aboutaddons/description_page_alternative_content_order.css); /**/
@import url(./css/aboutaddons/recentupdates_category_always_visible.css); /**/
/* @import url(./css/aboutaddons/search_category_always_visible.css); /**/


/************************************************************************************************/
/* about:preferences ****************************************************************************/
/************************************************************************************************/

/* preferences page appearance - only use one at a time *****************************************/
@import url(./css/aboutpreferences/preferences_alternative_appearance.css); /**/
/* @import url(./css/aboutpreferences/preferences_alternative_appearance_aero.css); /**/	/* <-- AERO colors */
/* @import url(./css/aboutpreferences/preferences_alternative_appearance_v2.css); /**/


/************************************************************************************************/
/* about:newtab / about:home ********************************************************************/
/************************************************************************************************/

/* @import url(./css/aboutnewtab/dark_appearance.css); /**/
@media (-moz-proton) {
  @-moz-document url("about:home"), url("about:newtab") {
    /** Activity Stream - Search Focus Border: like URL ***********************/
    /* At DarkMode, Color */
    body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
    body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"] {
      /* inner */
      --newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
      --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */
    }

    /** Activity Stream - Web Site Icon: full size ****************************/
    /* Remove Firefox Logo on new Tabs
    div.logo-and-wordmark {
      display:none !important;
    }
    */
    .tile {
      width: 100px !important;
      height: 100px !important;
    }
    .top-site-icon .rich-icon {
      width: 100px !important;
      height: 100px !important;
    }
    .top-site-outer .tile .icon-wrapper {
      width: 100px !important;
      height: 100px !important;
    }
  }
}



/************************************************************************************************/
/* WEB CONTENT **********************************************************************************/
/************************************************************************************************/

/* top level image on white background (can sometimes cause glitches) - only use one at a time **/
/* @import url(./css/webcontent/toplevel_image_classic_v1.css); /**/
/* @import url(./css/webcontent/toplevel_image_classic_v2.css); /**/


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Thanks in advance.

Asked by Marcelo 1 week ago

Answered by cor-el 1 week ago

  • Solved

All my pages went to dark mode after the last update

I always used a theme that is dark on the top side (tab area), after the last update, all pages went on darkmode without me making any change, google search, twitter, wha… (read more)

I always used a theme that is dark on the top side (tab area), after the last update, all pages went on darkmode without me making any change, google search, twitter, whatsapp web, even the initial firefox page. The only way to turn that off is to deactivate my theme. I dont want my browser to be entirely on dark mode. How can I roll back this change?

Asked by dieguitocinti 1 week ago

Answered by jscher2000 1 week ago

  • Solved

How to change sidebars and backgrounds back to white with Black text. Too much Dark and gloomy.

How to change sidebars and backgrounds back to White background (or at least a light gray) with Black text contrasting on top. Too much Dark and gloomy now days. Or all… (read more)

How to change sidebars and backgrounds back to White background (or at least a light gray) with Black text contrasting on top. Too much Dark and gloomy now days. Or allow a theme color schemes that fixed it back like it was before updates.

Please don't force gloom on our browser.

Asked by Falgoust.Debbie 1 week ago

Answered by jscher2000 1 week ago

  • Solved

Annoying downloadbutton popup

Hello, Since the last firefox update to version 97.0b3 a new "effect" appeared, which is truly annoying. Whenever I download something, the downloadbutton message pops up… (read more)

Hello,

Since the last firefox update to version 97.0b3 a new "effect" appeared, which is truly annoying. Whenever I download something, the downloadbutton message pops up, and I don't know how to get rid of this. Could you please tell me how to change the settings to prevent this from happening?

15 january 2022

Thanks in advance, Alicia

Asked by aliciaporcella 1 week ago

Answered by cor-el 1 week ago

  • Solved

video speed up issue

while using any firefox addons for speeding up a video higher than 4.0 of original speed the video sound suddenly goes off by default. in other browsers such issue does n… (read more)

while using any firefox addons for speeding up a video higher than 4.0 of original speed the video sound suddenly goes off by default. in other browsers such issue does not appear. only in firefox. what to do?

Asked by bobb5 6 days ago

Answered by TyDraniu 6 days ago

  • Solved

Outrageous latest update

I hate surprises like these! So far i trusted FF that after an update my layout would still be intact as was, but no they forced this black sh.. onto me as a background f… (read more)

I hate surprises like these! So far i trusted FF that after an update my layout would still be intact as was, but no they forced this black sh.. onto me as a background for the home page - and no alternative anywhere to switch this back to white or any other options. Do i want to install a plugin for this simple basic option - hell no, i'd rather get rid of FF as my default browser if you think you can play dictators too now. What i miserable attitude you people have. If you change for life )white) to dead (black) you might as well declare you are on your way out as a browser - or offer the option to change that bg color real quick

Asked by rmworldwide 6 days ago

Answered by TyDraniu 6 days ago

  • Solved

CSS color-scheme updates

Hi! I was digging through the changelogs as I noticed that Google and Firefox settings were now in dark mode. I discovered a new feature that had it sync with the system … (read more)

Hi! I was digging through the changelogs as I noticed that Google and Firefox settings were now in dark mode. I discovered a new feature that had it sync with the system dark-mode. Is there a way to turn this off (through settings or about:config)? Not a huge fan of dark-mode Google, but light-mode Windows is terrifying lol.

Thanks in advance for your help--not a huge deal, just something I was interested in knowing. Have a fantastic day!

Asked by henryrosser74 6 days ago

Answered by TyDraniu 6 days ago

  • Solved

Fast Fox

This add-on/extension (and my Fast Fox spelling may be off) is bedeviling me. Apparently part of the latest Firefox update, it seems to appear at startup with our Macbook… (read more)

This add-on/extension (and my Fast Fox spelling may be off) is bedeviling me. Apparently part of the latest Firefox update, it seems to appear at startup with our Macbook Air and GMail, asking if it should continue. Cannot find the rascal to get rid of it. Please advise.

Asked by hookc 5 days ago

Answered by hookc 5 days ago

  • Solved

Changing background from black to white

Through no action of my own, the background color for FF has changed from white to black, which I absolutely abhor. I've wasted a lot of time trying a lot of recommended … (read more)

Through no action of my own, the background color for FF has changed from white to black, which I absolutely abhor. I've wasted a lot of time trying a lot of recommended fixes that haven't work. As much as I like FF, I am now working with Edge in Windows 11. This change will be permanent if I don't find a fix for the FF problem.

Asked by Lois 5 days ago

Answered by cor-el 5 days ago

  • Solved

theme causrs dark mode after upgrade

My Firefox browser recently upgraded to 96.0.1 (64bit) and since then I have noticed that the background on when doing google searches and when watching Youtube is in dar… (read more)

My Firefox browser recently upgraded to 96.0.1 (64bit) and since then I have noticed that the background on when doing google searches and when watching Youtube is in dark theme. Altering to the light theme in Firefox settings has no effect and I have tried all the suggestions without success.

I did find that by removing the theme Unicorn Fantasy by M♥Donna and installing a light grey theme this forced google and youtube into there light theme. I have also tried installing other themes and these also seem to cause the dark mode.

I would assume it is a problem caused by the latest Firefox update as google and youtube had the normal white background before this. It's not a massive problem, just annoying and makes little difficult to use


Anyone know how to get round this ?

Asked by AH 5 days ago

Answered by Zian Shi 5 days ago

  • Solved

Stack firefox logo on top of wordmark on newtab page

I am trying to stack the firefox logo on top of the wordmark on the newtab page. I've tried doing using "display: block;" in my userContent.css, but it doesn't work. I'm… (read more)

I am trying to stack the firefox logo on top of the wordmark on the newtab page. I've tried doing using "display: block;" in my userContent.css, but it doesn't work. I'm not super good at CSS, so any ideas?

Asked by æ 3 days ago

Answered by jscher2000 3 days ago