# Different logos for light/black theme?

**URL:** https://meta.discourse.org/t/different-logos-for-light-black-theme/70682
**Category:** Support
**Created:** [September 24, 2017, 8:22pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682 "2017-09-24T20:22:50Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![djcyry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/djcyry/32/161664_2.png) [@djcyry](https://meta.discourse.org/u/djcyry)
#### Post date: [September 24, 2017, 8:22pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/1 "2017-09-24T20:22:50Z")

</div>

Hello ,  
How can i add different logos for booth theme ?  
I mean , for black theme a white logo (i have it already)  
But for the light theme , a black logo ?

Black theme :

 ![2017-09-24 22_19_53-ForoDeejay](https://global.discourse-cdn.com/meta/original/3X/8/b/8bbd10ac5571b3d4da76a2aa329cd4ba4bfa43aa.png)

Light theme:

 ![2017-09-24 22_20_06-ForoDeejay](https://global.discourse-cdn.com/meta/original/3X/7/a/7ac3c65908fa01c7b423eee7796c1f9540ae229f.png)

Also , is there any option to add a button for night/day mode in index , to change the theme ?

Thanks.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [September 24, 2017, 10:34pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/2 "2017-09-24T22:34:06Z")

</div>

Try changing the theme here - note that there’s a partial white background included in the logo. You could do the same with an off-black background.

edit: Screenshot

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/0/d06daf953283f5e91ae0fab916f9208362628d47.png)

---

<div class="post-metadata">

### Author: ![djcyry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/djcyry/32/161664_2.png) [@djcyry](https://meta.discourse.org/u/djcyry)
#### Post date: [September 24, 2017, 10:36pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/3 "2017-09-24T22:36:06Z")

</div>

> [@djcyry](#):
>
> Also , is there any option to add a button for night/day mode in index , to change the theme ?

Ok , i will try with the photoshop (poor skills 😃 )  
What about this :

> Also , is there any option to add a button for night/day mode in index , to change the theme ?

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [September 24, 2017, 10:37pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/4 "2017-09-24T22:37:14Z")

</div>

> [@djcyry](#):
>
> Also , is there any option to add a button for night/day mode in index , to change the theme ?

If you check the “Theme can be selected by users” checkbox in Admin \> Customize, it will show up as a link in the Hamburger menu.

---

<div class="post-metadata">

### Author: ![djcyry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/djcyry/32/161664_2.png) [@djcyry](https://meta.discourse.org/u/djcyry)
#### Post date: [September 24, 2017, 10:38pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/5 "2017-09-24T22:38:19Z")

</div>

Yes i know .  
But i want to add a float button on index to do that .  
Its a bad idea ? Just ask . Thanks

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [September 25, 2017, 12:07pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/6 "2017-09-25T12:07:02Z")

</div>

That could likely be done via a customization, but it would involve JavaScript and some CSS to style the button. Not sure how hard it would be to do, but I imagine it shouldn’t be terribly difficult as the themes should be exposed via the API.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 26, 2017, 7:11am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/7 "2017-09-26T07:11:34Z")

</div>

I covered the technique here btw:

> [@Allow users to select new color palettes](https://meta.discourse.org/t/allow-users-to-select-dark-light-theme/60857/7):
>
> This is actually pretty simple: play_button old method

---

<div class="post-metadata">

### Author: ![n-b-sonar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/n-b-sonar/32/119822_2.png) [@n-b-sonar](https://meta.discourse.org/u/n-b-sonar)
#### Post date: [December 6, 2018, 10:14am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/8 "2018-12-06T10:14:51Z")

</div>

Am getting reports on our instance that @sam techniques ([css trick](https://meta.discourse.org/t/allow-users-to-select-dark-light-theme/60857/7)) no longer works, and instead leads to double logo:

 ![logo](https://global.discourse-cdn.com/meta/original/3X/e/b/eb2582131448dc2a5b51b1cb83057590f674705f.png)

Is this a regression ? Any recommendation to mitigate this ?

Thanks!

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [December 6, 2018, 10:21am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/9 "2018-12-06T10:21:45Z")

</div>

The best method now is to use this theme component:

[https://meta.discourse.org/t/alternative-logo-for-dark-themes/88502?u=david](https://meta.discourse.org/t/alternative-logo-for-dark-themes/88502)

I will update the post you linked so it doesn’t confuse people in future.

---

<div class="post-metadata">

### Author: ![Johnny\_McIvor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johnny_mcivor/32/218747_2.png) [@Johnny\_McIvor](https://meta.discourse.org/u/Johnny_McIvor)
#### Post date: [December 29, 2021, 1:52am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/10 "2021-12-29T01:52:36Z")

</div>

Hi, is this plugin still available?

---

<div class="post-metadata">

### Author: ![tim\_sevDesk](https://avatars.discourse-cdn.com/v4/letter/t/7bcc69/32.png) [@tim\_sevDesk](https://meta.discourse.org/u/tim_sevDesk)
#### Post date: [March 29, 2022, 1:41pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/11 "2022-03-29T13:41:13Z")

</div>

Is there currently a solution for this? The link is not available anymore @david.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 29, 2022, 2:38pm UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/12 "2022-03-29T14:38:07Z")

</div>

You can now upload ‘dark mode’ versions of your logo in the site settings. Just head to the branding tab, and scroll down to ‘logo dark’ and ‘logo small dark’:

 ![Screenshot 2022-03-29 at 15.37.07](https://global.discourse-cdn.com/meta/original/3X/0/f/0f25a778b6fe8539946a5897b475f6482b929fae.png)

More information here:

> [@Automatic Dark Mode color scheme switching](https://meta.discourse.org/t/automatic-dark-mode-color-scheme-switching/161593):
>
> You can now set up your Discourse site to automatically switch color schemes when the user’s device is in dark mode. For a quick preview, head over to the [try.discourse.org](http://try.discourse.org) instance and toggle your device’s dark mode on and off to see this new feature in action. (This feature not enabled on meta.) Enabling automatic dark mode To enable this feature on your instance, you can pick the dark mode color scheme in your site settings: Once that setting is set, you can reload your site with …

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [March 30, 2022, 8:28am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/13 "2022-03-30T08:28:43Z")

</div>

A post was split to a new topic: [Selecting dark/light versions of category logos](https://meta.discourse.org/t/selecting-dark-light-versions-of-category-logos/222496)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [April 29, 2022, 8:28am UTC](https://meta.discourse.org/t/different-logos-for-light-black-theme/70682/14 "2022-04-29T08:28:59Z")

</div>

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