# Sidebar Theme Toggle

**URL:** https://meta.discourse.org/t/sidebar-theme-toggle/242802
**Category:** Theme component
**Tags:** official, sidebar, sidebar-theme-toggle
**Created:** [October 24, 2022, 7:49pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802 "2022-10-24T19:49:13Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [October 24, 2022, 7:49pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/1 "2022-10-24T19:49:14Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Sidebar Theme Toggle** adds a theme selector in the sidebar menu’s footer provided there is more than 1 user selectable theme. This selector works with both logged-on users and anonymous users. Be sure to add this to all your user-selectable themes for easy toggling. |
| 🛠 | **Repository Link** | [https://github.com/discourse/discourse-sidebar-theme-toggle](https://github.com/discourse/discourse-sidebar-theme-toggle) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

> [@](#):
>
> :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=sidebar-theme-toggle "Ask for support on configuring and using Sidebar Theme Toggle") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=sidebar-theme-toggle "A bug report means something is broken, preventing normal/typical use of the theme component") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=sidebar-theme-toggle "Discussion about the user interface of Sidebar Theme Toggle, and how features are presented (including language and UI elements)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=sidebar-theme-toggle "Discussion about how existing Sidebar Theme Toggle features can be improved or enhanced, and how proposed new features could work")

### Features

 ![sidebar theme toggle example](https://global.discourse-cdn.com/meta/original/4X/d/a/f/dafce294394f1c8f099477b52e719ec87721cbf0.png)

We may do some additional work here in the future to make this a more comprehensive menu that allows users to choose colors, font-sizes, and theme from one menu — but for now this grants sites the same basic behavior as the [Hamburger Theme Selector](https://meta.discourse.org/t/hamburger-theme-selector/61210)! 🚀

| Name | Description |
| --- | --- |
| toggle icon | |
| hide theme name | |

  

> :discourse2: **Hosted by us?** Theme components are available to use on our Pro, Business, and Enterprise plans.

> Last edited by @Moin 2026-05-06T08:08:34Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [October 24, 2022, 8:27pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/2 "2022-10-24T20:27:07Z")

</div>

Will it work someday with iPhone/iPad too?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 24, 2022, 8:29pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/3 "2022-10-24T20:29:52Z")

</div>

It should already work on mobile devices, but let us know if there are any issues!

 ![Screen Shot 2022-10-24 at 4.29.30 PM](https://global.discourse-cdn.com/meta/original/4X/c/2/b/c2bc878fc7a3780f0ce81e92d9838746e21c3324.png)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [October 24, 2022, 8:33pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/4 "2022-10-24T20:33:30Z")

</div>

Well… it doesn’t 😉 Not here, not on my own.

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/e/6/0e6f220cf3fd9b25216b2d54e663a780b57f8e06.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 24, 2022, 8:34pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/5 "2022-10-24T20:34:09Z")

</div>

ah I see, I’ll have to double check the app, looks like the footer’s getting cut off there… thanks for mentioning it!

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [October 24, 2022, 8:35pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/6 "2022-10-24T20:35:40Z")

</div>

You are totally right. The issue is the Hub.

---

<div class="post-metadata">

### Author: ![stuwest](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stuwest/32/192400_2.png) [@stuwest](https://meta.discourse.org/u/stuwest)
#### Post date: [October 24, 2022, 9:47pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/7 "2022-10-24T21:47:35Z")

</div>

This is a great idea for a component, but I’m having a little difficulty getting it to work. I’ve installed it and included it in all my themes but the drop-down doesn’t appear. If I toggle the “hide theme name” setting, the keyboard shortcut icon moves from the left side of the sidebar footer to the right, but no theme selector.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [October 24, 2022, 10:05pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/8 "2022-10-24T22:05:46Z")

</div>

Thanks Kris, unfortunately it’s not working on my site. Did a hard refresh of course, tried different themes that have no other components, don’t see anything relevant in the console or logs…

 ![CleanShot 2022-10-24 at 15.04.30@2x](https://global.discourse-cdn.com/meta/original/4X/c/1/2/c126c514306a69d2fd394eb3b53d3a38b08bf45a.jpeg)

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [October 24, 2022, 10:19pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/9 "2022-10-24T22:19:35Z")

</div>

Rebuild your instance. It will fix all of the issues mentioned above so far.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 24, 2022, 10:31pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/10 "2022-10-24T22:31:16Z")

</div>

oh yes, I should have mentioned that if you haven’t updated Discourse in the past few days you should do that as well

---

<div class="post-metadata">

### Author: ![stuwest](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stuwest/32/192400_2.png) [@stuwest](https://meta.discourse.org/u/stuwest)
#### Post date: [October 24, 2022, 10:33pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/11 "2022-10-24T22:33:17Z")

</div>

I think I’m on the most recent version…

 ![Screenshot 2022-10-24 at 18.32.16](https://global.discourse-cdn.com/meta/original/4X/a/c/2/ac2eb62d82d6aadcc7072e1a88be3f038bf55297.png)

I’ll try rebuilding later. Our users tend to freak out a bit if the site goes offline with no warning.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [October 24, 2022, 10:33pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/12 "2022-10-24T22:33:58Z")

</div>

> [@stuwest](#):
>
> I’ll try rebuilding later. Our users tend to freak out a bit if the site goes offline with no warning.

You should consider this 😎

> [@Add an offline page to display when Discourse is rebuilding or starting up](https://meta.discourse.org/t/add-an-offline-page-to-display-when-discourse-is-rebuilding-or-starting-up/45238):
>
> warning This guide is intended for advanced users, who are already using nginx outside the docker container. By following this guide you make your setup more complicated and will lose some speed benefits like HTTP2 if you’re not running Ubuntu 16.04 or later. Proceed with caution! When Discourse is rebuilding or starting up, your users will usually either see an error message from their browser… …or a not-so-nice 502 error message from Nginx: If you’re a perfectionist …

---

<div class="post-metadata">

### Author: ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)
#### Post date: [October 25, 2022, 3:34pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/13 "2022-10-25T15:34:31Z")

</div>

What about a dark theme selector? For light, dark and auto. That seems broken since I switched to the sidebar.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [October 29, 2022, 5:07pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/14 "2022-10-29T17:07:18Z")

</div>

A post was merged into an existing topic: [While loading a new component on the site, the site is down](https://meta.discourse.org/t/while-loading-a-new-component-on-the-site-the-site-is-down/242849/13)

---

<div class="post-metadata">

### Author: ![Ahmed26](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmed26/32/347069_2.png) [@Ahmed26](https://meta.discourse.org/u/Ahmed26)
#### Post date: [March 21, 2024, 6:08am UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/25 "2024-03-21T06:08:13Z")

</div>

It would be nice to add color palettes as well. Is this possible?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [March 21, 2024, 7:42am UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/26 "2024-03-21T07:42:57Z")

</div>

Just create a separate Theme with a different name and configure its colour pallette differently. Done.

---

<div class="post-metadata">

### Author: ![Carleas](https://avatars.discourse-cdn.com/v4/letter/c/57b2e6/32.png) [@Carleas](https://meta.discourse.org/u/Carleas)
#### Post date: [March 31, 2024, 3:37pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/27 "2024-03-31T15:37:08Z")

</div>

Weird thing on the Meta, the “Hidden Whispers” theme only appears when the current theme is “Central”, “Default (full-width)”, “Fully”, “Meta Branded”, or “redditish”. Example:

### Default:

 ![Screenshot 2024-03-31 11.09.25](https://global.discourse-cdn.com/meta/original/4X/f/5/0/f50851dc787ec6ec2b8fc75671d1a68b588cf9b3.png)

### redditish:

 ![Screenshot 2024-03-31 11.10.03](https://global.discourse-cdn.com/meta/original/4X/c/0/0/c009e1bda619bde946e2c288fe531a05d79fb725.png)

Not sure if it’s relevant, but I noticed while writing this that the themes where “Hidden Whispers” shows up are also the ones where the reply box covers up the theme toggle.

Hidden Whispers also doesn’t have a description in the theme category that I can find. [This](https://meta.discourse.org/t/i-have-a-few-questions-before-migrate-from-xenforo-2-x-to-discourse/151562) appears to be the only other mention of its existence? I feel like I’m losing my mind 😄

edit: This might not be related to this theme-commponent, I see the same behavior in the profile \> interface \> theme menu.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 1, 2024, 4:15pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/28 "2024-04-01T16:15:59Z")

</div>

That’s a theme that the staff uses in cases where they may be taking a screenshot of Meta or something similar and don’t want whispers to be included. We have a separate theme component meant to hide it from the themes list for normal non-staff accounts, but it wasn’t added everywhere.

I think it should be fixed now, it shouldn’t appear in the list for you while using any theme. Apologies for the confusion!

---

<div class="post-metadata">

### Author: ![Carleas](https://avatars.discourse-cdn.com/v4/letter/c/57b2e6/32.png) [@Carleas](https://meta.discourse.org/u/Carleas)
#### Post date: [April 1, 2024, 4:50pm UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/29 "2024-04-01T16:50:23Z")

</div>

Ah, thank you for the clarification, the world makes sense again!

---

<div class="post-metadata">

### Author: ![nwnuyhs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nwnuyhs/32/444904_2.png) [@nwnuyhs](https://meta.discourse.org/u/nwnuyhs)
#### Post date: [August 31, 2024, 8:59am UTC](https://meta.discourse.org/t/sidebar-theme-toggle/242802/30 "2024-08-31T08:59:17Z")

</div>

Very good,I like it

[Next page](https://meta.discourse.org/t/sidebar-theme-toggle/242802.md?page=2)
