# Theme Switcher Component

**URL:** <https://meta.discourse.org/t/theme-switcher-component/113460>\
**Category:** Theme component\
**Tags:** deprecated\
**Created:** [April 4, 2019, 4:52pm UTC](https://meta.discourse.org/t/theme-switcher-component/113460 "2019-04-04T16:52:10Z")\
**Posts on this page:** 1\
**Showing post:** 27

<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:** [March 31, 2020, 9:11am UTC](https://meta.discourse.org/t/theme-switcher-component/113460/27 "2020-03-31T09:11:49Z")

</div>

> [@B-iggy](#):
>
> If you mean something like [this](https://meta.discourse.org/t/custom-user-menu-tab/130091) I can maybe try to merge it somehow.

My idea was in the panel menu (not the user panel menu):

 ![Screenshot 2020-03-31 at 11.08.18](https://global.discourse-cdn.com/meta/original/3X/b/3/b3eb8b71850d37fb39666d8c80abb1aedeeae04c.png)

> [@B-iggy](#):
>
> What do you mean with bottom? This theme switcher component is rather horizontally align. Do you mean to reduce the width?

Sorry it must have been a typo. I meant button 😃 The link to the liebling theme was an example for alternative button

> [@B-iggy](#):
>
> Replacing the logo based on toggling light or dark mode is not so easy and would require more options. I’ll note it down, maybe for the future.

You don’t necessarily need to replace the logo. Maybe just using a fa-icon switching colors and box-shadow via CSS should do the job.

---

_[View the full topic](https://meta.discourse.org/t/theme-switcher-component/113460)._