Dark theme does not affect settings pages


(Gerrit) #1

Hey, i’m currently writing dark theme overwrites for all the sites i visit so my eyes don’t hurt that much when i visit something bright, however, i can’t change the about pages. Is there some way that i’m unaware of other than compiling a copy of firefox myself?


(Mikhail Khvoinitsky) #2

Sure. Take a look at userChrome.css and userContent.css.
Taking the opportunity, you can also take a look at my add-on, Dark Background and Light Text.


(Gerrit) #3

@m_khvoinitsky thank you for the response, however this does not solve my problem or i’m too dumb to see how, if it does please elaborate. I’m using the userContent.css file allready for web-pages. I’ve found that add-ons tend to generalize web-pages and fail quickly, when using your add-on for example i clicked on the userContent.css page where it showed among other perfectly working stuff a white box with white text on it directly at the beginning of the page, that’s why i’m manually filling out my userContent.css file rather than using an add-on.

For the part i don’t know how to deal with, i’m unable to use userChrome.css or userContent.css for editing the about:preferences or about:config pages because i can’t see the html code in these sites if they are html based, the plugins i’ve seen so far also don’t adjust this, if you know how i can make those appear in dark theme, i would be super happy.


(Mikhail Khvoinitsky) #4

Well, that’s true that if you write custom CSS for some particular website, it would work better than general solution but you would have to write TONS of site-specific styles. Writing general good CSS in impossible. Before writing my add-on I’ve tried many different approaches. About “among other perfectly working stuff a white box with white text” — it most likely conflict with your userContent.css (or other add-ons) — it works for me perfectly.

because i can’t see the html code in these sites if they are html based, the plugins i’ve seen so far also don’t adjust this

Add-ons can’t modify it by design. You should be able to modify it using userChrome.css (or userContent.css — can’t recall correctly), to see the HTML code, use Browser Toolbox.