Proper dark theme

@vmsman @Daniil
I ran into the same problems with 5.0
It’s still not a real dark theme which is higly appreciated but i found that this version of the script is working:

they also seem to try to keep up to date with version changes.
5.0.2 which i use works with it, altough its not mentioned on github yet.
hope this helps.
mathias

1 Like

Thanks @mathias. So, this is really interesting. I was using this script in 5.0 and it was not working. It was sort of 50/50 light dark. I too updated to 5.02 a couple days ago. Magically the script I had been using and the one you reference just started working properly again. Yay! Will wonders never cease? Thanks for the heads up.

i also had 50/50 light dark but with an older script. i think they keep it up to date on github so it makes sense to check each time it breaks with a new version. however maybe also between 5.0 and 5.02 there is a change in rc but this is unlikely i guess? however good that it works for you :slight_smile:

Sadly, dark theme has broken with RocketChat 5.3 again. It looks okay, but the message line where you type is black on black. Anyone else have a fix?

Same issue here, upgrading broke the dark mode for my users, which is not an expected behaviour when running an upgrade.

After a quick digging, we found out that we had to add the --message-box-color variable to fix the aforementioned bug at the beginning of the body.dark-mode class definition.

--message-box-color: var(--color-white);

@rhapsodos that solution rocked! Thanks for that. Worked like a charm. Have you noticed that the title bar at the top of a channel is also this bright white in this version?

Wow, commercial software not implementing for-years-requested features. Ridiculous.

Having a modern proper user-toggleable dark theme is a must have in these times.
Not everyone can stand a super bright eye-cancer white chat page, I personally prefer having dark themes.
Heck I even changed the SAP appearance for my SAP interface at work, because they didn’t provide a proper modern user toggleable dark theme.

So dear RocketChat developers: Please add an actual dark theme that users can toggle themselves,
this is actually a accessibility setting that helps impaired people to use a product properly.

Watch out for v6 of Rocket.Chat that is going to be released in the near future, I have seen designs and talk of an official dark theme! :tada:

I’m new to rocket chat and was disappointed because it doesn’t have dark theme, but it is here. Probably it is the v6 mentioned in previous comment.

1 Like

Hello there!
Is it possible for me to update a cloud instance to v6?

Do you know if there is a way to change the sidebar correspondend to the selected mode?
Because it’s also dark for me if I select the light mode.