Showing questions tagged: Show all questions
  • Archived

How do I make the dark theme actually dark in all areas?

After I installed the 57 version I was really disappointed about the "dark" theme since the only dark area was the tab. Which is not dark at all. It simply hurts my eyes … (read more)

After I installed the 57 version I was really disappointed about the "dark" theme since the only dark area was the tab. Which is not dark at all. It simply hurts my eyes to look at such a bright browser, especially in the dark. Is there any way to make Firefox really completely dark?

There was another post before (https://support.mozilla.org/en-US/questions/1192351#answer-1043824), however I was confused as to what to do. Any help is appreciated.

Asked by GTez 1 year ago

Last reply by Shadow110 1 year ago

  • Solved
  • Archived

Default theme refuses to load properly, and looks like the Dark theme after using add-ons?

A few days ago, I was testing a dark theme related add-on, but since uninstalling it, have had this issue where my theme seems to be stuck as the Dark theme that naturall… (read more)

A few days ago, I was testing a dark theme related add-on, but since uninstalling it, have had this issue where my theme seems to be stuck as the Dark theme that naturally comes with Firefox. When attempting to change my theme in the customize window, mousing over the Default theme does show the proper colors for it, but selecting it still shows the Dark theme colors. I tried examining my Add-ons manager, where it shows that I am still using the Default theme, despite the colors clearly belonging to the Dark theme. I can freely change to the Light theme without issue, but for some reason, the Default one refuses to load properly. I have since tried uninstalling all my Add-ons, deleting my profiles, and uninstalling Firefox before restarting my computer, but to no avail. The Add-on I was examining initially was the Dark Night Mode add-on. Examining the page info, it does say it is not perfect, and their home page says that there are complex issues with getting it to work with Firefox, but I was unable to find more information on this offhand, nor any descriptions of scenarios like mine. I believe the initial settings for my Default theme came from some setting based off my color scheme I have set for my computer themes in general, based off my background, but I was unable to find more information on this at the time. The screenshots I am including are of my Add-on manager showing that I am using the default theme, the customize menu showing the Default theme when highlighted in the drop down menu to change it, and the result that displays when the Default theme is selected. Any ideas on why this issue is occurring, and how to fix it, would be appreciated.

Asked by BJConeys 1 year ago

Answered by TyDraniu 1 year ago

  • Solved
  • Archived

Firefox 62, help needed to change the color of the "clock" icon in the History sidebar tree

I'm using the built-in dark theme of Firefox. In these days I changed the background color and the folder icons in the Bookmarks/History sidebar using this codes (I'm not… (read more)

I'm using the built-in dark theme of Firefox. In these days I changed the background color and the folder icons in the Bookmarks/History sidebar using this codes (I'm not absolutely an expert of codes, I've found them by searching the web and the old questions in our support forum.):

/* Sidebar color change */
#viewButton, #sidebar-header, #sidebar-box, #sidebar, .sidebar-placesTree{
-moz-appearance: none !important;
color: #f9f9fa !important; /*text color*/
background-color: #1c1c1c !important; /* background color */
}
/* Drop down arrow - next to "view" */

.button-menu-dropmarker,
.button-menubutton-dropmarker {
 filter: invert(85%);
}
/* Edit folder icons */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
/* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}
/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon, 
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon, 
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

I didn't find how to change the "clock" icon color (white could be ok) in the History sidebar at the left of the "Today, Yesterday, etc". items. I attach a screenshot (it is Firefox in Italian, Cronologia = History). Do you have any suggestion to solve my problem?

Asked by Michele Rodaro 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

disabling dark theme integration

How can I disabling dark theme integration on Windows 10 and Firefox 63. I have dark theme enabled on Windows 10 but don't want this passed to Firefox as I find the tool … (read more)

How can I disabling dark theme integration on Windows 10 and Firefox 63. I have dark theme enabled on Windows 10 but don't want this passed to Firefox as I find the tool bars hard to see.

I've tried switching to the light theme within Firefox but this isn't the same as the default theme without Windows 10 having dark mode enabled.

For instance in either dark mode or switching to light mode removes the title bar colour.

Asked by StephenFowles 1 year ago

Answered by philipp 1 year ago

  • Solved
  • Archived

How do I restore the Home button in version 63.0?

My screen is black at the top. I see the "File Edit HIstory Bookmarks ..." line. The only tab I see is the one I'm on, third over. There are other tabs but I can… (read more)

My screen is black at the top. I see the "File Edit HIstory Bookmarks ..." line. The only tab I see is the one I'm on, third over. There are other tabs but I can't see what they point to, because they are black. I do not see any button for selecting setup parms.

On the url line, there is only the back-arrow. No reload, no 'home' button, no 'forward page' button. The control-key controls do still work for these, so I will be using those.

How could you have possibly put this into production? And made it - from what I read - irreversible? I can't back out this upgrade.

I'm running Win 10 on an old PowerSpec 648.

Asked by DanStev 1 year ago

Answered by jscher2000 1 year ago

  • Solved
  • Archived

The find bar does not work.

When I try to use the find bar, it shows up black and won't search for text. It doesn't even say "phrase not found." I tried searching for words I knew were in the webpag… (read more)

When I try to use the find bar, it shows up black and won't search for text. It doesn't even say "phrase not found." I tried searching for words I knew were in the webpage and that I could see and it still wouldn't work. The quick search bar does the same. I tried restarting with add-ons disabled and nothing happened. I'm kind of at a loss at what to do.

Here's an image of the find bar if that helps any.

Asked by Sissy16 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

Cursor and text doesn't display in some input box

In some input text area, cursor and text doesn't display, although the input box accept those input. The text input can be seen if highlight is applied. Otherwise, the in… (read more)

In some input text area, cursor and text doesn't display, although the input box accept those input. The text input can be seen if highlight is applied. Otherwise, the input box will show nothing

Asked by Box_Hezi 1 year ago

Answered by cor-el 1 year ago

  • Archived

Add more contrast to dark developer theme

I am visually disabled and due to my work I find myself needing to use develolper tools in firefox. Due to my visual disablity I require using a dark theme, which I'm ha… (read more)

I am visually disabled and due to my work I find myself needing to use develolper tools in firefox. Due to my visual disablity I require using a dark theme, which I'm happy firefox has, the problem is that I need more vivid contrast in the dark theme. Is there any way to either tweak the dark theme to make background black and text white as opposed to the more low contrast default dark theme? Is there an extension that can do this if not something that can be done via modifying a stylesheet etc? I'm using latest stable release of firefox on WIndows 10 where I also use a high contrast black theme.

Asked by izdewtime71 1 year ago

Last reply by izdewtime71 1 year ago

  • Archived

Recent Update makes tabs and icons unreadable

Hello, After the recent update the top bar, tabs, and even back forth home, and bookmarks and everything is unreadable. Firefox updated with a cool dark like navy blue, i… (read more)

Hello,

After the recent update the top bar, tabs, and even back forth home, and bookmarks and everything is unreadable. Firefox updated with a cool dark like navy blue, it looks nice, but the text stayed black. I have not been able to find a way to change this...

I would like to be able to make the text and icons be white on this dark navy blue. When A tab is selected it is showing correctly. The tab turns white, and the text is black, but all unselected tabs are very, very hard to read, in fact i cannot read them, i can just barely see where they are, especially if they have a favicon to show me where they are.

Please allow options for changes the icon colors, and the tab colors... Because right now I am struggling to use firefox, and i didn't have any issues with it before this previous update...

Asked by ongaku 1 year ago

Last reply by Roland Tanglao 1 year ago

  • Solved
  • Archived

Dark / black background for View Source page?

It has been asked before, but I wasn't able to find a webpage providing coplete and working instructions. Here's what I did so far: 1) I set toolkit.legacyUserProfileCust… (read more)

It has been asked before, but I wasn't able to find a webpage providing coplete and working instructions.

Here's what I did so far:

1) I set toolkit.legacyUserProfileCustomizations.stylesheets to true in about:config 2) I added a folder called chrome and a file called userChrome.css for both the Root Directory and the Local Directory in about:profiles

/home/user-linux/.mozilla/firefox/ /home/user-linux/.cache/mozilla/firefox/

3) I added the following code to these files (I got it from https://gist.github.com/abelcheung/0229ee3ab896feac8126f40eb1405996 )

@-moz-document url-prefix(view-source:) {

	*|*:root {
		background: none !important;
	}

	#viewsource {
		font-family: "Roboto Mono", Inconsolata, "Source Code Pro", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, -moz-fixed !important;
		line-height: 1.5em;
		background-image:
		url(https://farm9.staticflickr.com/8536/8680613751_71ef92bbdb_o_d.jpg),
		linear-gradient(to right, #002b36d0, #002b36d0, #000000d0),
		linear-gradient(#00000040 50%, transparent 50%);
		background-size: cover, cover, auto 3em;
		background-position: center, center, top 10px left 0;
		background-attachment: fixed, fixed, scroll;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-blend-mode: overlay, normal, normal;
		color: #839496;
	}

	pre[id]:before,
	span[id]:before {
		width: 6ch !important;
		color: #586e75 !important;
		margin-left: -7ch !important;
	}
	pre {
		padding-left: 1ch;
		margin-left: 6ch !important;
		border-left: 2px solid #073642;
	}
	pre > :first-child {
		padding-right: 1ch;
	}

	.highlight .start-tag {
	 color: #d33682 !important;
	}
	.highlight .end-tag {
	 color: #d33682 !important;
	}
	.highlight .comment {
	 color: #586e75 !important;
	}
	.highlight .cdata {
	 color: #cb4b16 !important;
	}
	.highlight .doctype {
	 color: #268be2 !important;
	}
	.highlight .pi {
	 color: #268be2 !important; /* orchid -> blue */
	}
	.highlight .entity {
	 color: #b58900 !important; /* violet -> yellow */
	}
	.highlight .attribute-name {
	 color: #93a1a1 !important;
	}
	.highlight .attribute-value {
	 color: #2aa198 !important;
	 text-shadow: 1px 1px 2px black;
	}
	.highlight .markupdeclaration {
	 color: #859900 !important;
	}
	.highlight .error,
	.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
	.pi, .entity, .attribute-name, .attribute-value) {
		color: #002b36 !important;
		background-color: #dc322f !important;
	}
}

4) I restarted Firefox and was expexcting a nice black theme for the View-Source page, but nothing changed. What am I missing?

That being asked, why hasn't Firefox implemented a standard dark theme approved by the majority of users which has all these elements covered? For most people it would make much more sense to switch with the press of a button than spend hours of research and experiments to get a dark theme working.

Also, is this the official Firefox community forum or am I mistaken?

Asked by SusseLinuxx 6 months ago

Answered by d.mattera 6 months ago

  • Archived

In Firefox 63 Theming is Broken

In Firefox 63 with the new "Match Windows Theming function" I can't get the colourful theme back. If I set the theme to Default and Windows Theme to Light, I get the colo… (read more)

In Firefox 63 with the new "Match Windows Theming function" I can't get the colourful theme back.

If I set the theme to Default and Windows Theme to Light, I get the coloured tab bar. If I set the theme to Light, the tab bar is white (no matter what windows theme is selected)

However I want to configure my Windows theme to Dark and have my firefox tab bar be coloured.

It seems as though the Light theme is not the same as the default and windows light theme.

Asked by MoltenTesseract 1 year ago

Last reply by philipp 1 year ago

  • Solved
  • Archived

Is the light theme broken in version 65?

After updating to version 65.0 the built-in light theme seems broken. I can activate the theme, but FF only shows the default theme. Dark (and default) theme is functioni… (read more)

After updating to version 65.0 the built-in light theme seems broken. I can activate the theme, but FF only shows the default theme. Dark (and default) theme is functioning as normal.

Update: I read some people have problems with Dark Theme as well after updating to version 65. It seems Windows colour settings now override Firefox theme settings in inactive tabs, menu and title bar.

Any way to fix this?

Would be thankful for advise.

Asked by gnabbel 1 year ago

Answered by philipp 1 year ago