Oculus Forum Dark Mode

kojack

Here's a mostly working version of a dark mode for this forum.

It features the following:

- generally dark theme for everything

- posts by moderators are coloured orange

- posts by oculus staff are coloured blue

- avatars have been enlarged from 40x40 to 60x60

- emojis in posts are half size

- quotes are coloured a dark cyan, increasing in brightness as they are stacked (quoted quotes, etc)

- code blocks are a greeny colour

- spoilers are a red-ish purple

- in the edit box for a new post, you can now see where quotes are (previously they were invisible)

- signatures are darkened so they don't look like normal post text

- like, lol and awesome counts are yellow

- the flag post button is red

- announcement posts in the thread list page are coloured a dark greenish cyan

There are a few broken bits at the moment. The oculus forum does some tricky stuff, some of its combo boxes use css that is injected after the page is loaded, which I can't override. So for example I currently can't change the community combo box correctly (the one where you pick community / developer / vip / foreign language boards).

I also can't currently correctly colour the OculusSupport account's first post in a thread, for some reason that one account is an admin but isn't given admin css. I can detect it in some situations, but not all (css is rather limited).

There's also a bunch I probably haven't noticed is missing. It's a work in progress.

To use

First install Stylus or similar (Stylish probably works too). You can get it from here:

    Firefox - https://addons.mozilla.org/en-US/firefox/addon/styl-us/

    Chrome - https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

    Opera - https://addons.opera.com/en-gb/extensions/details/stylus/

Next, open the following link: https://raw.githubusercontent.com/rajetic/oculusforumtool/master/Oculus_Forum_Dark_Mode.user.css

Stylus will detect the script and ask you if you want to install. In theory (not tested) it should by default auto update if I make changes. Done.

The repo is here if you want to check for changes manually, It's in my previous grease monkey repo: https://github.com/rajetic/oculusforumtool

Apparently I may be able to add configuration variables for easy customising of colour and turning features on/off. I'll look into that later.

Here's an example:

Digikid1

Will try this later on. Love dark modes. So much easier on the eyes. 

KlodsBrik

Oh my god. What a bliss!
 Seems to work really well on the fly.

Thanks a lot for this @kojack !
Really really appreciated.

Techy111

Looking forward to testing

Nekto2

Do you have ... cookies?

Nekto2

Could you make a style which is ok for VR browser?

Digikid1

This is MUCH better!!!!!!!  Thanks @kojack

kojack

Oddly enough, I don't like dark themes, except on youtube (so it doesn't distract from the video).

I am going to make an option where it has everything except the dark theme, so I can use it to get the new quote stuff.

I haven't tried the forum from a vr browser, I'll take a look.

I just tested, the dark mode works in Firefox for android too. After installing Stylus (there doesn't seem to be a chrome android version, but Firefox has it), go to the github link I gave above. It won't install though. Go to the firefox menu and select  "Request Desktop Site". Now it will pick up the script and install. Go back to the menu and turn off the desktop site option.

I may need to modify it a bit for mobile though, the bigger avatars mean less post area on screen.

Techy111

Tried to get it to work on the mobile but no dice, any chance further down the line mate ?? 
Edit NM I just read above doh !!!

Techy111

NICE !!!!

snowdog

Nekto2 said:

Do you have ... cookies?

Here you go:



  

pjenness

Nice work Kojack!! Appreciated!

-P

KlodsBrik

First of all, this is great @kojack !

 Having used it for a week now, only issue ive come across and really a minor one I may add is when you get notifications:

 

The avatar size overrides the text box or whatever you call it.
 Dont know if you can fix it to align with whatever size of avatar one wants.
Just wanted to give you some feedback on this great addon.

My eyes no longer burns browsing my favorit forum of all times.

KlodsBrik

Oh also .. New posts in Announcements doesn't have a box around them making it harder to catch:

But really just another minor issue.

kojack

Yeah, that announcement new post bit is bizarre, I spent a while trying to get it to work. The CSS for the categories and the new posts is identical. Changing the background colour of the announcement post makes just the new post bit break, not the category (as I said, both are implemented in the same way).

I may just remove the announcement colour and try a different way to flag them.

I'll have to see if I can get some notifications while I'm online to see the css behind them.

I've just got configuration variables working, so I can have a gui that lets you turn options on/off and pick your own colours without touching the css code.

Luciferous

Thanks for this Kojack enjoying the dark mode.

Rahotep

No matter what, the forum in Edge Chomium is hard to read. The letters are faded away

LeroyVRChristopher

Great work on the Dark Mode.