Dark Theme Userscript and CSS for the Forums

mattk50 2015-11-07 08:21:37 UTC #1

Stole some CSS from a dark themed discourse (teksyndicate in this case) and quickly threw it into a userscript. It has some stuff that's not necessary and its not perfect, but it works pretty well if you really want a dark theme right naow. Most of the issues with it could probably be sorted with some effort, and the css needs to be cleaned up since it has a bunch of references to a different website. cough. they probably dont mind. It might have been better to just do this from scratch but discourse's style sheet is a 3000 line monster and intimidated me way too much for that route.

To use it you need the userscript add-on greasemonkey if you are on firefox, or tampermonkey on chrome. Click this and you should get a prompt asking you to install it, if not you can download the file and install it manually through your add-on. Happy dark browsing! And, let me know if this even works. I haven't really thrown together any userscripts anything like this before.

edit: Updated to version 3, all of the really obvious issues are fixed

@JonnyRedHed put together a raw css version that will work css specifc addons (don't use stylish anymore, it was bought out and is now spyware), if you prefer it. For Firefox and For Chrome

selbie 2015-11-07 08:52:29 UTC #2

Thank you. My eyes just gave you a hi five.

JonnyRedHed 2015-11-07 09:01:53 UTC #3

This sounds good, ta. Any chance of a userstyle.org version please. All mine on FF are userstyles. Like the dark version of linustechtips https://userstyles.org/styles/109926/unofficial-ltt-night-theme-3-0

mattk50 2015-11-07 09:08:00 UTC #4

You should be able to use the same file for stylish if you prefer that add-on, but im not sure i want to put this on any of the userscript or userstyle official websites due to the nature of it not really being my own work.

TheCoach 2015-11-07 09:17:40 UTC #5

added it to some random html file, extracted actual CSS with edge and made my own Stylish theme. Works fine.

JonnyRedHed 2015-11-07 09:20:01 UTC #6

I'm not sure I know how to do that. Would you consider PM me the style please.

JonnyRedHed 2015-11-07 09:46:57 UTC #7

@TheCoach

Ah this is so much better.

Many thanks.

inoX 2015-11-07 10:02:41 UTC #8

While I prefer the bright theme, I would really suggest that INovae provides some kind of optional Night-Theme for this forum.
Regarding the readability I think this is related to the ambient light in the room one is using this forum. If the room is bright lit, the white theme is much better readable. If the room is dark, the dark theme is better readable.
...both because the dynamic range in the room is not that high and the eyes aren't getting tired that fast from adapting to bright vs. dark areas.

inoX 2015-11-07 10:42:47 UTC #10

(post withdrawn by author)

LucasFIN 2015-11-07 12:21:08 UTC #12

The logo needs to be white

TheCoach 2015-11-07 12:27:26 UTC #13

yeah that's a real issue there

Arkenbrien 2015-11-07 12:28:35 UTC #14

Also, it's hard to tell if you've liked a post or not.

inoX 2015-11-07 12:44:59 UTC #15

Maybe you could try this reader-functionality that is provided with microsoft edge.

cybercritic 2015-11-07 15:32:45 UTC #16

I'm glad this is a user feature and doesn't require the official forum theme to change, white on black is too shocking for my eyes.

JonnyRedHed 2015-11-07 19:14:18 UTC #17

I've not upgraded to windows 10. Not sure I want to at the moment, am happy enough on 7. I've set a reminded for 11 months from launch giving one month then to decide or not to take the free upgrade.

I was thinking more an option for a dark theme at the bottom left of the main forum page, like you get with the Elite forums. And once your logged in it remembers your choice. I use the 'Elite tempered' dark and orange' theme on there.

or for example the dark theme option on Discord. Various levels of dark to mid greys, perfect for my eyes.

TheCoach 2015-11-07 19:16:49 UTC #18

http://forums.gearboxsoftware.com/c/homeworld/remastered-discussion gearbox Homeworld section has a nice theme to it IMO.

Parisbre56 2015-11-07 20:36:28 UTC #19

You don't need to. Firefox already has reader functionality. It's the book-like icon in your navigation bar, next to the refresh button. You can set it to dark, light or sepia according to your desires, as well as adjust font size.

mattk50 2015-11-07 20:37:51 UTC #20

An official theme would be better, userscripts have trouble with some of discourse's features. Some of the things on the page that get updated dont properly reflect the new styles. Last time there was a thread about this, someone said something about discourse supporting user-chosen themes.

I can probably make a better version of this userscript basing it off the design of the LTT forum one Jonny linked.

JonnyRedHed 2015-11-07 20:53:18 UTC #21

Cool that would be most appreciated. Maybe with all the major background colour values at the top, like overall background, post background, quote background etc. So anyone could then fine tune to their own tastes.

Sometimes I also use a very dark touch of colour to the overall background. Like adding a touch of blue into the dark grey. Gives me a sense of space.

Ah yes so it is, thanks. Sort of useful for long walls of text/articles.

mattk50 2015-11-07 21:04:28 UTC #22

For some reason i thought the LTT forum was on discourse for a second, oops, i cant really use it just being some other forum software.

I've updated the file in the OP, the I-Novae logo inverts to white most of the time, but it stays black sometimes due to the quirks with userscripts and discourse updating the page i mentioned earlier. It's white most of the time though.