# 5.4.0 dark theme

**URL:** https://forums.rocket.chat/t/5-4-0-dark-theme/15504
**Category:** Community Support
**Created:** [December 5, 2022, 2:52pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504 "2022-12-05T14:52:59Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![himbeere](https://avatars.discourse-cdn.com/v4/letter/h/db5fbb/32.png) [@himbeere](https://forums.rocket.chat/u/himbeere)
#### Post date: [December 5, 2022, 2:52pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/1 "2022-12-05T14:52:59Z")

</div>

Hello one and all.

With 5.4.0 experimental dark theme support has been added.

> <https://github.com/RocketChat/Rocket.Chat/pull/27324>
>
> \<!-- Your Pull Request name should start with one of the following tags
> \[NEW\]… For new features
> \[IMPROVE\] For an improvement (performance or little improvements) in existing features
> \[FIX\] For bug fixes that affect the end-user
> \[BREAK\] For pull requests including breaking changes
> Chore: For small tasks
> Doc: For documentation
> \--\>
> 
> \<!-- Checklist!!! If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code. 
> - I have read the Contributing Guide - https://github.com/RocketChat/Rocket.Chat/blob/develop/.github/CONTRIBUTING.md#contributing-to-rocketchat doc
> - I have signed the CLA - https://cla-assistant.io/RocketChat/Rocket.Chat
> - Lint and unit tests pass locally with my changes
> - I have added tests that prove my fix is effective or that my feature works (if applicable)
> - I have added necessary documentation (if applicable)
> - Any dependent changes have been merged and published in downstream modules
> \--\>
> 
> \## Proposed changes (including videos or screenshots)
> 
> \<!--
> Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request.
> If it fixes a bug or resolves a feature request, be sure to link to that issue below.
> This description will appear in the release notes if we accept the contribution.
> \--\>
> 
> Add RadioButton on UserDropDown to toggle between light and dark theme.
> 
> 
> 
> \## Issue(s)
> 
> 
> \## Steps to test or reproduce
> 
> 
> \## Further comments

Can someone please tell me how to activate this?

cheers, t.

---

<div class="post-metadata">

### Author: ![aaron.ogle](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/aaron.ogle/32/15_2.png) [@aaron.ogle](https://forums.rocket.chat/u/aaron.ogle)
#### Post date: [December 5, 2022, 6:28pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/2 "2022-12-05T18:28:45Z")

</div>

Legend has it… That if you open a certain menu accessible from main page of Rocket.Chat and use something similar to the Konami Code plus the letter “T” at the end something magical will be revealed.

Note this is **Experimental** and I believe it doesn’t persist between sessions yet.

We are well aware of some issues with it. Some areas don’t look good. We know. It’s provided as-is. **So please don’t open issues on GitHub related to it.**

Good luck! 🙂

Maybe… instead of repeating the same key twice in a row, alternate keys 😉

---

<div class="post-metadata">

### Author: ![puddingbrain](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/puddingbrain/32/1983_2.png) [@puddingbrain](https://forums.rocket.chat/u/puddingbrain)
#### Post date: [December 5, 2022, 8:35pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/3 "2022-12-05T20:35:51Z")

</div>

Thanks for finally tackling dark mode. Although I did not understand what you were trying to say.

---

<div class="post-metadata">

### Author: ![steve5050](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@steve5050](https://forums.rocket.chat/u/steve5050)
#### Post date: [December 5, 2022, 8:47pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/4 "2022-12-05T20:47:37Z")

</div>

I don’t know, either. What do we have to do to enable this?

---

<div class="post-metadata">

### Author: ![bkraul](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/bkraul/32/842_2.png) [@bkraul](https://forums.rocket.chat/u/bkraul)
#### Post date: [December 5, 2022, 9:05pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/5 "2022-12-05T21:05:35Z")

</div>

Yeah, lol, with how long we have been waiting for this (years), it might have just been nice to add a little “beta” button, rather than to jump through hoops to enable feature.

---

<div class="post-metadata">

### Author: ![dudanogueira](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/dudanogueira/32/2529_2.png) [@dudanogueira](https://forums.rocket.chat/u/dudanogueira)
#### Post date: [December 5, 2022, 10:26pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/6 "2022-12-05T22:26:42Z")

</div>

Yoda once said:

`In the open source code the answer is.`

> <https://github.com/RocketChat/Rocket.Chat/pull/27324>
>
> \<!-- Your Pull Request name should start with one of the following tags
> \[NEW\]… For new features
> \[IMPROVE\] For an improvement (performance or little improvements) in existing features
> \[FIX\] For bug fixes that affect the end-user
> \[BREAK\] For pull requests including breaking changes
> Chore: For small tasks
> Doc: For documentation
> \--\>
> 
> \<!-- Checklist!!! If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code. 
> - I have read the Contributing Guide - https://github.com/RocketChat/Rocket.Chat/blob/develop/.github/CONTRIBUTING.md#contributing-to-rocketchat doc
> - I have signed the CLA - https://cla-assistant.io/RocketChat/Rocket.Chat
> - Lint and unit tests pass locally with my changes
> - I have added tests that prove my fix is effective or that my feature works (if applicable)
> - I have added necessary documentation (if applicable)
> - Any dependent changes have been merged and published in downstream modules
> \--\>
> 
> \## Proposed changes (including videos or screenshots)
> 
> \<!--
> Describe the big picture of your changes here to communicate to the maintainers why we should accept this pull request.
> If it fixes a bug or resolves a feature request, be sure to link to that issue below.
> This description will appear in the release notes if we accept the contribution.
> \--\>
> 
> Add RadioButton on UserDropDown to toggle between light and dark theme.
> 
> 
> 
> \## Issue(s)
> 
> 
> \## Steps to test or reproduce
> 
> 
> \## Further comments

We’ll be disclosing this and a lot more in our next Open Call, December 21st!

[Join us now!](https://open.rocket.chat/channel/Rocket-Chat-Open-Community)

---

<div class="post-metadata">

### Author: ![aaron.ogle](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/aaron.ogle/32/15_2.png) [@aaron.ogle](https://forums.rocket.chat/u/aaron.ogle)
#### Post date: [December 6, 2022, 1:16am UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/7 "2022-12-06T01:16:28Z")

</div>

> [@bkraul](#):
>
> Yeah, lol, with how long we have been waiting for this (years), it might have just been nice to add a little “beta” button, rather than to jump through hoops to enable feature.

😂 I get it. I’ve been wanting it since I started as well. 😁

Long story short we don’t really want to even put a beta flag on it. Because we aren’t really looking for bugs or anything yet. We have components that need to be replaced to make it complete.

So we didn’t necessarily want to make it front and center. For those that read the release notes or are savy like those that end up finding this thread. We wanted a way for you to get to enjoy a little taste of it before we are fully finished.

So our dev team had a bit of fun with it and did something anyone that’s used a hidden feature has wanted to do and put it behind a cheat code until we are ready to gather general feedback 🙂

---

<div class="post-metadata">

### Author: ![tstaylor7](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tstaylor7](https://forums.rocket.chat/u/tstaylor7)
#### Post date: [December 8, 2022, 3:21am UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/8 "2022-12-08T03:21:22Z")

</div>

I had to scan through the PR to find the right sequence, but it was worth the effort. Looks great to me in a few minutes to browsing around.

---

<div class="post-metadata">

### Author: ![aaron.ogle](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/aaron.ogle/32/15_2.png) [@aaron.ogle](https://forums.rocket.chat/u/aaron.ogle)
#### Post date: [January 1, 2023, 9:21am UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/9 "2023-01-01T09:21:34Z")

</div>

If you give it a try on open this week it’ll probably look even a bit better now as the rewrite of the components is definitely progressing 🙂

---

<div class="post-metadata">

### Author: ![puddingbrain](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/puddingbrain/32/1983_2.png) [@puddingbrain](https://forums.rocket.chat/u/puddingbrain)
#### Post date: [January 28, 2023, 2:03pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/10 "2023-01-28T14:03:57Z")

</div>

Is there a ticket to follow that lists the missing elements until this is officially rolled out? Guess this is mature but waiting for the v6 milestone, which it is part of, to progress.

---

<div class="post-metadata">

### Author: ![aaron.ogle](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/aaron.ogle/32/15_2.png) [@aaron.ogle](https://forums.rocket.chat/u/aaron.ogle)
#### Post date: [January 31, 2023, 9:23pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/11 "2023-01-31T21:23:46Z")

</div>

As soon as 6.0 RC is cut i’d say its fair game to open tickets. Until that point lets just assume the team knows of the gaps. We’ll definitely coordinate a task for gaps at that time

---

<div class="post-metadata">

### Author: ![rvva](https://avatars.discourse-cdn.com/v4/letter/r/a6a055/32.png) [@rvva](https://forums.rocket.chat/u/rvva)
#### Post date: [February 5, 2023, 1:15am UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/12 "2023-02-05T01:15:02Z")

</div>

> <https://github.com/pbaity/rocketchat-dark-mode/issues/27#issuecomment-1339719590>
>
> Any idea to make this fantastic feature upstream available within rocket chat by… default?
> 
> That would be really nice. Please, consider doing/trying so.
> 
> Regards,
> Melroy

---

<div class="post-metadata">

### Author: ![dudanogueira](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/dudanogueira/32/2529_2.png) [@dudanogueira](https://forums.rocket.chat/u/dudanogueira)
#### Post date: [February 13, 2023, 12:28pm UTC](https://forums.rocket.chat/t/5-4-0-dark-theme/15504/13 "2023-02-13T12:28:25Z")

</div>

Just an update here: Rocket.Chat 6.0 will come with this feature exposed by default 🙂