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… (čítať viac)
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?