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

Answered by d.mattera 8 months ago

  • Solved
  • Archived

How do I add custom css to Firefox default homepage via addon?

I've noticed that the "chrome/userContent.css" file doesn't effect the homepage anymore, but I'd rather do it through an addon. Is it possible to inject css into firefox'… (read more)

I've noticed that the "chrome/userContent.css" file doesn't effect the homepage anymore, but I'd rather do it through an addon. Is it possible to inject css into firefox's default homepage?

Asked by Computer 11 months ago

Answered by jscher2000 11 months ago

  • Solved
  • Archived

How to make the sidebar in Firefox Reader View Mode another (dark) color? Because I made a dark background and browser themes doesn't affect the color panel.

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need… (read more)

I made a dark background in Firefox Reader View and default browser theme doesn't affect the color panel. Addons Reader View Mode don't have the functionality that I need.

Asked by dark8_Kitten 1 year ago

Answered by cor-el 1 year ago

  • Solved
  • Archived

Custom css

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use … (read more)

Hello! I have problems creating my own CSS style. Most of the changes were applied by the browser through userChrome.css and userContent.css, but those elements that use common.css ignore it. What to do in my case?

Asked by omanski 1 year ago

Answered by jscher2000 1 year ago

  • Solved
  • Archived

where did my addons go

I have three addons installed. I can see and use them from the address bar. However if I click tool/addons every category (extension, themes, plugins)is empty. Where did … (read more)

I have three addons installed. I can see and use them from the address bar. However if I click tool/addons every category (extension, themes, plugins)is empty. Where did they go?

Asked by jdevlin 1 year ago

Answered by jscher2000 1 year ago

  • Archived

Is there a replacement in Firefox ESR 60.2 for the leagacy add-on Backward/Forward History Dropdown that allowed you to left-click to view recent history

I just upgraded from Firefox ESR 52.9 to ESR 60.2. The upgrade has made my legacy add-on "Backward/Forward History Dropdown" dysfunctional. That add-on displayed a drop… (read more)

I just upgraded from Firefox ESR 52.9 to ESR 60.2. The upgrade has made my legacy add-on "Backward/Forward History Dropdown" dysfunctional. That add-on displayed a dropdown arrow to the left of the location bar that listed the websites in the same window that I visited in the current browsing session, and enabled me to select a website in the list that I wanted to return to. (That obviously was much easier than using the Back button to return to recently visited websites one by one.) The only ways to do that now appear to be to pull down or right-click on the backward or forward indicators, but since I use an old trackpad it would be much more convenient to tap on a dropdown arrow as I used to do.

After doing a bit of online research I created a chrome folder in my profile and then 3 subfolders named config, css, and image, along with 2 files called userChrome.css and userContent.css. I then followed the instructions in this website:

https://github.com/Aris-t2/CustomCSSforFx/releases

I clicked on custom_css_for_fx_v2.0.5.zip and copied the contents of the folders and files into the ones in my chrome folder, except that I copied only one command from the userChrome.css file that looked like it might relate to my issue. In addition, I copied some script I found elsewhere that made my tab toolbar disappear, since I don't use tabs. My tab toolbar has disappeared as I wanted, but my backward/forward buttons haven't changed at all and still don't show a dropdown history marker. The contents of my userChrome.css file are as follows:

#tabbrowser-tabs {
visibility: collapse !important;
}

/* other button settings ************************************************************************/
/* @import "./css/buttons/forward_button_hide_when_disabled.css"; /**/
@import "./css/buttons/back_and_forward_separated_history_popups.css"; /**/
/* @import "./css/buttons/back_and_forward_leftclick_history_popup_hidden.css"; /**/

Am I doing something wrong in the way I imported the script , or is the script not intended to do what I want? If the latter, are you working on a replacement for the legacy add-on that will be compatible with Firefox Quantum?

FYI, I'm using Windows 7. 64 bit.

Asked by felotravlr 2 years ago

Last reply by felotravlr 2 years ago

  • Archived

customizing colors

In Google search the default colors for links are blue for a link that I haven't looked at and a slightly different shade of blue. I have trouble seeing the difference be… (read more)

In Google search the default colors for links are blue for a link that I haven't looked at and a slightly different shade of blue. I have trouble seeing the difference between the 2. I have changed the link color of the link that I clicked on to orange. But when I change the "override colors specified by the page with your selections above" from "never" to "always". It changes the colors on the web page. How do I keep the orange color on visited links without effecting the colors on the web pages?

Steve

Asked by reble 6 months ago

Last reply by cor-el 6 months ago