Dark Theme Userscript and CSS for the Forums

Well, if you’re using windows 10 you cant be completely sure your OS itself isnt spyware these days.

Also, i found a firefox alternative, it’s extremely barebones which for an extension that’s just for handling userstyles is very desirable imo. You just click it, paste in the css and it works. https://addons.mozilla.org/En-us/firefox/addon/stylrrr/

1 Like

Here’s one for Chrome/Opera/Vivaldi, by a new dev dissatisfied with the current stylish add-on’s new wide ranging permissions and data mining. Maybe you can check it out and report back here.

The Github link: https://github.com/schomery/stylish-chrome

1 Like

A dark style for the Stylus add-on manage and settings windows. Created by one involved with Stylus.

https://userstyles.org/styles/142097/stylus-dev-not-4-stylish

Or search other dark styles for Stylus:
https://userstyles.org/styles/browse?search_terms=stylus

So is this dead? All the links are dead.

I did have it installed a while back but due to a reformat I appear to have lost the CSS file or whatever it was.

The white hurts my eyes.

I’d forgotten to update the links after dropbox killed off public link sharing. I’ll figure out an alternative when i get back to my desktop.

Public link sharing isn’t dead. Just the public folder that was automatically shared. You need to share the folders/files individually now. You still can share links. As faar as I know.

I’ve updated my dropbox CSS links for Opera/Chrome etc and Firefox.

Better than Stylish is Stylus

Here’s one for Chrome/Opera/Vivaldi, and now Firefox - by a new dev dissatisfied with the current stylish add-on’s new wide ranging permissions and data mining.

The Github link: https://github.com/schomery/stylish-chrome


A dark style for the Stylus add-on manage and settings windows. Created by someone involved with Stylus.

https://userstyles.org/styles/142097/stylus-dev-not-4-stylish

Or search other dark styles for Stylus:
https://userstyles.org/styles/browse?search_terms=stylus


Save your eyes from bright screens with the dark forum theme.

Also some extra info below for Opera/Chrome (which I use), and Mozilla Firefox version of the Stylish add-on CSS.

Opera/Chrome/Vivaldi

Opera / Chrome Stylish add-on CSS - link (v004b).css

Click to create a new Stylish entry and copy and paste the CSS from the link above into the page and name it and then save.

new edit
Then in the stylish add-on manage page for this new style (opera/chrome).
Add these below using the option 'urls starting with’:

https://forums.inovaestudios.com/
forums.inovaestudios.com
https://forums.inovaestudios.com/t/
forums.inovaestudios.com/t/
https://forums.inovaestudios.com/t/
https://forums.inovaestudios.com/users/
https://forums.inovaestudios.com/c/
https://forums.inovaestudios.com/unread
https://forums.inovaestudios.com/latest
https://forums.inovaestudios.com/search
https://forums.inovaestudios.com/badges/
https://forums.inovaestudios.com/categories
https://forums.inovaestudios.com/top
https://forums.inovaestudios.com/categories

Maybe for you using the * wild card will work at the end of just a couple of URls… for me it didn’t for some reason and some forum pages like badges, bio profile etc would revert to forum default white. So I added these urls above.

The FF stylish add-on CSS below already has these URL’s included in the CSS. And you create it the same way by adding a new styilish entry.

Mozilla Firefox

Mozilla Firefox Stylish add-on CSS - link (v004b.css)

*Note:
Open on windows with wordpad to edit outside of stylish - or your preferred CSS editor. Let me know if the links don’t work. Scanned CSS files with anti-virus program before uploading them. If you right click and ‘save as’, please scan them yourself before use. Otherwise just open the link in a tab and copy the CSS direct into a new Stylish Add-on style page for both Opera/Chrome or FF.

It would be really good if we could have an installed Discouse dark and or semi-dark theme to choose from at some point in the future. Not to detract dev time from game development though, as and when :slight_smile: @INovaeKeith

1 Like

For the record the latest version of Discourse allows user customized themes, unfortunately I don’t know when I’m going to have the time to do an upgrade.

5 Likes

Thats good to hear, it should be a lot less laggy than our hacky solutions in this thread

Also i’ve updated the userscript link in the OP and replaced the css link with a link to jonny’s latest post, so people have that option available too.

2 Likes

Looks like discourse updated, the userscripts/userstyles stuff broke a little, i’ll have to look into fixing it later. Kinda hoping this is the version that has integrated user themes but i haven’t found the feature (it might just need to be enabled, though).

1 Like

What broke for you. I don’t really have the CSS skills to fix the userstyles version. Would be nice to have a couple of discourse dark themes to choose from.

Link text is now almost the same shade as the background.

This is what I see at the moment in Opera (latest) with my current CSS in Stylus. Plus some odd (text/last post) fade out effects now look a little odd.

screen1 - Copy

On meta.discourse.org you can set your own theme however, despite upgrading, I’m not seeing that capability here and I’m not sure why.

Ok I think I figured it out. You should be able to choose between the Light and Dark themes in your user profile settings under the Interface tab.

4 Likes

Thanks Keith. The official dark theme loads faster and is far smoother to use than our previous custom CSS, and now we see all the new animation and fade effects in full dark mode.

Might need to rework the dark theme css opacity for the INS logo though to swap when dark theme is turned on, its almost impossible to see now at the top of the page when official dark theme is on. Viewing with Opera (latest) browser.

The issue has been mentioned on meta.discourse here. The contrast of the topic title/header text seems just a tad dark on ours and the INS logo image you can hardly see.

See my screen grabs below.

1 - Copy

2 Likes

Thanks, it looks good and is functional.

It does have the header issue jonny posted about on firefox as well, the header text and images don’t change with just the official theme(text is #333333 either way), the text and site logo become illegible. I’ve quickly whipped up a userscript that covers this edge case that is much faster (two orders of magnitude, 77 lines instead of 11000) than the old one we were using. I’ve uploaded it here: https://www.dropbox.com/s/dvn3q5l3mwzainw/Inovae_forums_dark_header_fix.user.js?dl=0

There might be a way to fix it on the discourse end (i read something about header font being changable by the person running it), but it might also just be fixed sometime down the road so i wouldn’t worry about it too much. Running such a lightweight script/style sheet isn’t a big deal.

3 Likes

How is the official forum dark theme working out for everyone?

1 Like

I’ve been using it for a while now, love it

3 Likes

Chrome, Firefox pull invasive browser extension - Stylish - theregister

Stylus sees large user increase after Stylish removal - Ghacks article

2 Likes