When will a proper dark theme be release for RC?
1 Like
I’ve seen mock-ups by our design team. It’s already came to mobile. So my guess is that won’t take too long. Not sure where it sits in priority. Keep an eye out on pull requests or release notes. 
1 Like
Would be really nice if you didn’t keep messing with CSS though for those that have their own dark theme.
The new CSS changes with all these “rcx-15d2jc0 rcx-1dbs7j0 rcx-11es3r1 rcx-fgs76o rcx-1onz72p” classes is just nonsensical now, so much so, we’re looking to ditch it.
As to why RC needs to enforce whole system styles instead of per user is beyond me.
I like our dark mode, just don’t want to have to spend lots of time you make a change outside of your own inflexible colour settings.
2 Likes
This one is tough. The whole UI is slowly being rewrote in react. If you run into things that become unthemable please open an issue. It’s not being removed intentionally just a lot of changes to things converting over to react
I get that but if you’re going to do that, make sure the options to change colours obey what is set.
For example, the “Threads” side bar does not follow the same colour scheme as all the other sidebars. Ignores the background colors set too.
We do like R/C but for this sole reason of forcing a system wide colour scheme as well as the system just not being clear (you have Colours, Old Colours, Old Colours (Minor) - i.e a mess). We also have people that work solely at night. With dark mode in most OSes, browsers and so on, it actually hurts the eyes to have so much white enforced on you.
It’s actually unhealthy. Plenty of new science on this.
This one works well:
1 Like
Look smartass, you misunderstood but i can see why… I was siding with you siting evidence to support the release of an official dark mode.
Apologies my response specifically was just about the changing selectors.
Dark mode is something we very much understand and I think a large portion of us use dark mode for everything possible.
I know I do. So I’m with you in very much wanting a dark theme. It’s coming.
3 Likes
Relevant PRs
Yes, it works in toggling but how do I set the dark theme as default? Setting the following line does not work:
const darkModeDefault = 'dark-mode';
@AubreyZhang I know I’m very late on this, but just in case, with this repo you can now use:
const darkModeDefault = 'dark';
Or if you want to follow each user’s system setting:
const darkModeDefault = 'auto';
1 Like
Why was this marked as solution? Dark mode theme is still not available in browser or desktop client afaik.
Also statement about “my guess is that won’t take too long” was almost two years ago.
How is the rewrite in react coming along?
You must be new around here. That’s the RC community approach for you. Hack, hack, hack, debt, debt, debt, over 2500 open issues on GitHub. I mean, I’m a fan still after what, eight years, but when it comes to community relations and transparency, it’s not the place to be. And yes, I helped out in the past (until my GitHub mod access was revoked with no explanation), but it’s futile. The team DNA is full of good intentions, but they need people who know how to engineer at scale. Too much WIP, too much technical debt, slowly sinking. Such a shame.
1 Like
Please unmark this as a solution. We still need a dark theme.
1 Like
Dark mode in RocketChat 5 is broken and needs a reasonable replacement. The css code that worked in 4.x breaks in RocketChat 5.
Wow, you really can’t make this up. It is amazing that this has been unsolved by RocketChat so long. And not only has it been unresolved, now version 5 even breaks the workaround. Fascinating.
It’s funny: this feature request has 2 (two) votes and then again this thread has 12,5k views as of today.
Ok, it is not just me that sees the workaround broken. Dark mode options seem ubiquitous with most program interface features these days. The workaround was not working too badly in 4.8, but 5.0 seems to have killed it.
Came here to add my vote, cause I am not looking forward to having to go over 1000+ lines of CSS code just to apply a quick fix.
Dark mode is broken in RocketChat 5.0 and above. Is anyone working this?