Dark mode fix

The transparent background on dark mode is a problem against custom backgrounds where it's an image as opposed to a regular colour. This is affected on our site but also some others that I view sometimes. I made a quick script to fix it for us and any other clubs and members you may visit. It's not too trivial to install so if you want to try it and get stuck, post it here and I will help. Chess.com will fix it soon enough but I don't have much confidence in their dev team to get to it anytime soon.

Step 1: Download "Stylus" browser extension

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

Chrome:
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en

Step 2: Click the new extension (S Icon) and click "Manage" and the "Write new style" button

Step 3: Give it a name e.g. "Chess.com dark mode fix"

Step 4: Paste in the code:

.dark-mode {
    --globalBackground: #333;
}

.section-container-component, .profile-header-container, .profile-info-container {
    background-color: #333!important;
}

Step 5: Click the plus icon at the bottom next to "Applies to Everything" and choose "URL matching the regexp" and paste in this:

https:\/\/www\.chess\.com\/(clubs?|member).*

Step 6: Press Save

Step 7: Go to chess.com and verify it's fixed

wow, thanks! I will check it out.

It worked beautifully.

I assume you’re talking for computers and not mobile. I will have to try it as it’s very difficult to navigate certain clubs. 

Yes on a computer. I'm not sure if the extension is available on mobile

wouldn't it be easier for chess.com just to fix the problem on their impementation of dark mode? duh? i've been sending them messages about it for a few days now, but no response. i guess they don't care.

I get the impression they are a fairly small team and this kind of thing will get dropped in favour of more critical bugs and other features to develop that will generate more cash