# \[PAID\] Add dark theme toggle to user menu

**URL:** https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100
**Category:** Marketplace
**Created:** [May 20, 2021, 4:37pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100 "2021-05-20T16:37:56Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [May 20, 2021, 4:37pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/1 "2021-05-20T16:37:57Z")

</div>

What would you like done?

I would like to give my users the ability to override the dark mode setting manually from the user avatar dropdown menu.

The idea is to use the exact same behaviour as the “Do not Disturb” Toggle.

When do you need it done?

May 15

What is your budget, in $ USD that you can offer for this task?

100-300 USD

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [May 20, 2021, 5:29pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/2 "2021-05-20T17:29:50Z")

</div>

Not in a dropdown menu. But maybe an alternative.

> [@Theme Switcher Component](https://meta.discourse.org/t/theme-switcher-component/113460):
>
> [[deprecated](https://meta.discourse.org/t/theme-switcher-component/113460/40)] Hey Discourse Community, after a lot of requests I share a Theme Switcher component, encapsulated from my [Alien Night Theme](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175). For now, once pressed the button it will switch your theme into a dark mode theme. Later on I can maybe implement a setting page, where you can define your own global CSS class your theme should switch into. Or just toggle between the first two themes you allowed for users to choose from… Installation & Download [https://github.com/B-iggy/discourse-them…](https://github.com/B-iggy/discourse-theme-switcher)

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [May 20, 2021, 5:48pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/3 "2021-05-20T17:48:54Z")

</div>

As far as I am concerned, that component is outdated and doesn’t support the new dark theme feature.  
Also in our use case we don’t have any extra space in our mobile header, so we prefer the user menu.

---

<div class="post-metadata">

### Author: ![th21](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/th21/32/211915_2.png) [@th21](https://meta.discourse.org/u/th21)
#### Post date: [June 6, 2021, 7:07pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/4 "2021-06-06T19:07:54Z")

</div>

> [@jrgong](#):
>
> override the dark mode setting

What do you mean by overriding? We have a toggle on the header bar that allow user to switch between current theme and dark mode

![image](https://global.discourse-cdn.com/meta/original/3X/2/9/29c197155cad208622590b77dd3b009d41c26337.jpeg)

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [June 7, 2021, 2:04pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/5 "2021-06-07T14:04:17Z")

</div>

That toggle doesn’t make use of the core dark mode functionality, doesn’t it? See the corresponding topic here, the component hasn’t been updated in a while:

> [@Theme Switcher Component](https://meta.discourse.org/t/theme-switcher-component/113460/34):
>
> Hey Sir I am using this theme component But after using it in classic default theme when i switch to dark mode The admin panel looks like this All text Goes invisible i have tried changing secondary color but if i change that it Changes Full theme background also Changes Which i don’t want i only want to change secondary text color so it is visible Please if u have any solutions share it plz

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [June 7, 2021, 3:03pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/6 "2021-06-07T15:03:49Z")

</div>

No, it doesn’t make use of the dark color scheme you can set in the admin backend. It uses new css rules for it’s own dark scheme. So the name is a bit misleading, because it switches only to the Alien theme dark colors.

I’m not aware there’s a generic theme component to toggle color schemes right now. I guess it could be written similar to the Header Theme Toggle and using functions from `discourse/lib/color-scheme-picker`. Can’t code it myself either though 🙄

---

<div class="post-metadata">

### Author: ![th21](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/th21/32/211915_2.png) [@th21](https://meta.discourse.org/u/th21)
#### Post date: [June 7, 2021, 5:42pm UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/7 "2021-06-07T17:42:03Z")

</div>

it’s inspired by the theme switcher and

[https://meta.discourse.org/t/header-theme-toggle/113496](https://meta.discourse.org/t/header-theme-toggle/113496)

so you can switch between whatever theme you are on and the drak theme (scheme defined in admin tool

---

<div class="post-metadata">

### Author: ![Ahmed\_Gagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed_gagan/32/161985_2.png) [@Ahmed\_Gagan](https://meta.discourse.org/u/Ahmed_Gagan)
#### Post date: [June 21, 2021, 3:18am UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/8 "2021-06-21T03:18:58Z")

</div>

I am interested to take this up. Sending you a PM

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [July 21, 2021, 3:19am UTC](https://meta.discourse.org/t/paid-add-dark-theme-toggle-to-user-menu/191100/9 "2021-07-21T03:19:25Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
