Showing questions tagged: Show all questions
  • 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 1 week ago

Answered by TyDraniu 1 week 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 1 week ago

Answered by TyDraniu 1 week 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

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 1 week ago

Answered by TyDraniu 1 week ago

  • Solved

Sidebar line spacing - Simple Tab Groups add-on

Hi How can I write code to change line spacing for the sidebar of the add-on "Simple Tab Groups". I found this code which changes line spacing for Bookmarks ... it works… (read more)

Hi How can I write code to change line spacing for the sidebar of the add-on "Simple Tab Groups".


I found this code which changes line spacing for Bookmarks ... it works. https://support.mozilla.org/si/questions/1238370

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Minimize height of sidebar items */ .sidebar-placesTreechildren::-moz-tree-row {

   min-height: 18px !important;
   height: 18px !important;
   max-height: 18px !important;

}

Asked by moz_spt 1 week ago

Answered by jscher2000 1 week ago

  • Solved

How Do I Disable All Shortcut Keys

I have read the same named question that has been archived and have not found a solution to my problem there. I'm using Macro Express to define my own keystrokes which w… (read more)

I have read the same named question that has been archived and have not found a solution to my problem there. I'm using Macro Express to define my own keystrokes which works fine outside of FF. One of the keystrokes I have defined is Ctrl-Shift-k. A suggestion was to disable Developer Tools via about:config -> devtools.enable = false, but when I tried to use my definition of Ctrl-Shift-k, instead FF told me "You activated a Developer Tools shortcut. If that was a mistake, you can close this Tab." when in fact I wanted to have it invoke my own definition.

How can I override this (and other) keystrokes when using FF?

Asked by Bob's Firefox 1 week ago

Answered by cor-el 1 week ago

  • Solved

Dark Mode and a theme?

Before Firefox updated last night, I was able to use a dark mode and a theme on new tabs and the settings/addons page. Now I'm only able to use one or the other? Is this … (read more)

Before Firefox updated last night, I was able to use a dark mode and a theme on new tabs and the settings/addons page. Now I'm only able to use one or the other? Is this a glitch or just how it is now?

Asked by Chen 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

Dark Mode won't disable no matter what I do

I cannot get Dark mode to disable, I've tried everything, even going into about:config and adding ui.systemUsesDarkTheme and setting it to zero, yet my pages are still us… (read more)

I cannot get Dark mode to disable, I've tried everything, even going into about:config and adding ui.systemUsesDarkTheme and setting it to zero, yet my pages are still using dark by default. It's extremely irritating.

Asked by rundevilrun007 1 week ago

Answered by andmagdo 1 week ago

  • Solved

background color

When I turned my computer on this morning the back ground on the home page is black. If I remove the add-ons it will be white. But if I put a add on back on it is black… (read more)

When I turned my computer on this morning the back ground on the home page is black. If I remove the add-ons it will be white. But if I put a add on back on it is black again and I can't see it good.

Asked by lgraceks 1 week ago

Answered by Thái Minh Nguyễn 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

Firefox background is now Black.

how can I restore to white, the black background on the Firefox Browser, even my menus have turned black. I have tried through my normal settings and although it states I… (read more)

how can I restore to white, the black background on the Firefox Browser, even my menus have turned black. I have tried through my normal settings and although it states I have a white background. It doesn't

Asked by Swann 1 week ago

Answered by jscher2000 1 week ago

  • Solved

Dark appearance

The themes I use normally have white backgrounds and black text. Following an update, the default colour scheme changed from a white background to a black background for … (read more)

The themes I use normally have white backgrounds and black text. Following an update, the default colour scheme changed from a white background to a black background for web pages without the theme being changed. Google, YouTube, and Firefox pages are all using black backgrounds. I ensured that the Dark theme was disabled, selected the Light theme, then switched back to the theme I had been using; the black background returned when I switched back to the theme I wanted to use. I tried changing the colour settings under "Language and Appearance: Fonts and Colours: Colours..." to white text and black background and back to black text and white background, but no change was noticed at any point.

How do I change the page background back to white?

Asked by RandyBoat 1 week ago

Answered by jscher2000 1 week ago

  • Solved

[2022] Any way to change the color of individual Bookmark folders in the sidebar?

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); PlacesToolbarItems > .bookmark-item[container][label="Complete Tasks" i] {fill: #FF000… (read more)

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

PlacesToolbarItems > .bookmark-item[container][label="Complete Tasks" i] {fill: #FF0000 !important;} PlacesToolbarItems > .bookmark-item[container][label="Medical Coding" i] {fill: #FF0000 !important;} PlacesToolbarItems > .bookmark-item[container][label="Bodybuilding" i] {fill: #FF0000 !important;}

This isn't that important, but I was just experimenting to see if changing a few folder colors would be of any benefit to me. And the above code that I tried didn't work. I'm guessing that something changed with Mozilla Firefox in the last 1-1.5 years, and I have a feeling that if I dig into https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors for hours or even days I won't be able to figure out what I need to change. Anyone know what the new code should be? Thanks in advance.

Asked by gaveitatry 3 weeks ago

Answered by cor-el 3 weeks 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