Форум поддержки Все продукты

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?

I have been a "light theme" user for 15+ years. Since updating to 96.0 today, a dark mode spreading across Firefox has been forced onto me, including:

• New tab background
• Background of any tab waiting to load a page
• Google/Youtube background
• Settings/add-ons/password menu backgrounds
• Automatic username/password drop-down background
• Background of the little box that appears on the bottom-left (the one which shows the URL when you mouse over a link)

I am unhappy with this and wish to have my usual theme back. Can anyone please assist?

(In addition, there is some sort of white border around the current tab, which I do not like)

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.

I updating firefox last night and now everything is like its in dark mode. The theme I am using is mostly dark, but it was last updated in 2019, so no changes to the theme. When I open a new tab, the page is black instead of white, etc. Is there a way to disable dark mode without changing my theme? It worked fine before I updated.

The tab is large enough, but the font size of tab bar is too small. The font size on tab bar discriminates old people, very age-unfriendly. I suggest to make the font there larger and bold.

Please advise how to revert back to old display. It changed with latest update. I am in tears as simply cannot read this light text on black background. I am seeing blurry, squinting to try focus and getting headache. Spent over an hour trying to follow steps on internet to restore old settings. . Nothing worked. Colour panel in settings shows text selection as black, background as white. But that is not what it's doing. Desperate, else need to set up another default browser. Cannot work like this. Thanks in advance

Been using FF since 2005ish. (Me 1946) Latest version (90.0.2 (64-bit) annoys me greatly because I can't remove the unwanted 'Pocket' BS. I've followed several online 'advices' on this, including this site, & still it persists.

FF is getting like IE IMO, with all the awkwardness to remove unwanted Bloatware. For an 'Ordinary User'. Could some knowledgeable FF user please explain, in language I can understand, English, but not very Tech Savvy) how I remove Pocket from the browser Thanks.

Hello

Unfortunately firefox hasn't translate on page for Simplify searching,reading articles and etc. This is clearly that We can use Google translate for find definitions of words but it's not useful. As you know part of references aren't English. We need complete translate resemble Google translate on page.

Just WHY is this a constant battle with UI "designers" (more like UI destroyers)? I want my scrollbars to be of a usable width (not super wide mind you, just textured and visible/clickable), **AND** I want them to have arrows at the top and bottom (or left & right if it's a horizontal one). Somewhere there must be a design school where the professors are *flunking* students if they dare to make interfaces that are actually usable and customizable.

I have the ~/.gtkrc-2.0.mine and ~/.config/gtk-3.0/gtk.css files with the appropriate "has-forward/backward-stepper" lines in each. Firefox 91 is working correctly. But it would appear TB isn't looking at those settings. So just where are the settings being buried this time? And will they continue to be respected without the Apple/Google/Microsoft attitude that only *THEY* can decide how your system will look/work?

I live with Firefix always in full screen. I Don't like seeing any bars or buttons of any kind.

Befor the latest update, when I moved my mouse to the top of the screen my tabs popped down and in the top right corner was the standard icons for "minimize" "maximize" and "exit".

With the latest update the tabs are there but the 3 buttons have gone.

If I exit full screen (F11) then they are there again, but I dont want to have to exit full screen every time I change between programes which I do every few mins. I'd be popping pages in and out of full screen every few mins!

How do I get the buttons back all the time?

Linux distribution: Ubuntu 20.04 LTS Firefox version: latest

I really, really need something to increase the size of all the icons in the toolbar. The size of the text is fine, but surprisingly the size of the icons is ridiculously small.

https://support.mozilla.org/en-US/questions/1260063

This thread does not help me, because for some reason the value '1.5' decreases the size, and the value '2' makes no difference at all.

A happy new year to everybody.

all of a sudden the backround color for new tabs is black, I hate black. How do I make only the new tab backround white. It seems like every new version has different default values. Why is it not possible to allow users to try, then choose which new interface changes we want.

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.

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.

After new 96.0 update today, browser changed to white on black background; always had the opposite. Can't see method to change back. Setting in font section still says black on white, to no effect.’ Don't want the white on black.

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?

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.

I was trying to place a dashed line between the email rows by placing

1. threadTree > treechildren::-moz-tree-row {

border-bottom: 2px dashed #ccc!important; }

in userChrome.css and put it in the 'chrome' folder in the profile folder and it is not working. When I first went to the profile folder the 'chrome' folder did not exist so I created it and then saved the above code in userChrome.css and then started Thunderbird and didn't see the lines between the emails as I was expecting. Should 'chrome' folder have existed when Thunderbird was installed?

Thanks in advance for any help.

bj