New to the forums? Click here to read the "How To" Guide.

Developer? Click here to go to the Developer Forums.

Oculus Forum Dark Mode

kojackkojack Posts: 5,605 Volunteer Moderator
edited April 19 in Off-Topic
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:
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:








Comments

  • Digikid1Digikid1 Posts: 2,049 Valuable Player
    Will try this later on. Love dark modes. So much easier on the eyes. 
  • KlodsBrikKlodsBrik Posts: 1,197
    Wintermute
    Oh my god. What a bliss!
     Seems to work really well on the fly.
    Thanks a lot for this @kojack !
    Really really appreciated.
    Be good, die great !
  • Techy111Techy111 Posts: 6,490 Volunteer Moderator
    Looking forward to testing ;)
    A PC with lots of gadgets inside and a thing to see in 3D that you put on your head.

  • Nekto2Nekto2 Posts: 270
    Nexus 6
    edited April 20
    Do you have ... cookies? :)
  • Nekto2Nekto2 Posts: 270
    Nexus 6
    Could you make a style which is ok for VR browser?
  • Digikid1Digikid1 Posts: 2,049 Valuable Player
    This is MUCH better!!!!!!!  Thanks @kojack
  • kojackkojack Posts: 5,605 Volunteer Moderator
    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.

  • Techy111Techy111 Posts: 6,490 Volunteer Moderator
    edited April 20
    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 !!!
    A PC with lots of gadgets inside and a thing to see in 3D that you put on your head.

  • Techy111Techy111 Posts: 6,490 Volunteer Moderator


    NICE !!!!
    A PC with lots of gadgets inside and a thing to see in 3D that you put on your head.

  • snowdogsnowdog Posts: 7,108 Valuable Player
    Nekto2 said:
    Do you have ... cookies? :)

    Here you go:

    :cookie:

     :p 
    "This you have to understand. There's only one way to hurt a man who's lost everything. Give him back something broken."

    Thomas Covenant, Unbeliever
  • pjennesspjenness Posts: 685
    Neo
    Nice work Kojack!! Appreciated!

    -P

    Drift VFX Visual, Virtual , Vertical

    Want 970GTX on Macbook for good FPS?
    https://forums.oculus.com/viewtopic.php?f=26&t=17349
  • KlodsBrikKlodsBrik Posts: 1,197
    Wintermute
    edited April 28
    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.
    Be good, die great !
  • KlodsBrikKlodsBrik Posts: 1,197
    Wintermute
    Oh also .. New posts in Announcements doesn't have a box around them making it harder to catch:
    But really just another minor issue.
    Be good, die great !
  • kojackkojack Posts: 5,605 Volunteer Moderator
    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.

  • LuciferousLuciferous Posts: 2,146 Valuable Player
    Thanks for this Kojack enjoying the dark mode.
  • RahotepRahotep Posts: 53
    Brain Burst
    No matter what, the forum in Edge Chomium is hard to read. The letters are faded away
  • LeroyVRChristopherLeroyVRChristopher Posts: 9
    NerveGear
    Great work on the Dark Mode.
  • Baron-ZuZuBaron-ZuZu Posts: 1
    NerveGear
    edited October 23
    Great - so much nicer on the eyes! I can take my shades off now. Made the text green for that old skool 286 look
Sign In or Register to comment.