# Color palette problem

**URL:** https://meta.discourse.org/t/color-palette-problem/357252
**Category:** UX
**Tags:** dark-mode-toggle, mint-theme
**Created:** [March 14, 2025, 7:27am UTC](https://meta.discourse.org/t/color-palette-problem/357252 "2025-03-14T07:27:48Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 14, 2025, 7:27am UTC](https://meta.discourse.org/t/color-palette-problem/357252/1 "2025-03-14T07:27:48Z")

</div>

hello, I’m using mint theme on my website and having an issue about colors. there is dark/light mode button on the top, and whenever I change the color of background of the button, it also changing the button color so it makes the “dark/light” word invisible.  
in the picture as you see it looks like emtpy but actually they are 3 different buttons and says “dark, light, auto” but background and text color is same so it’s invisible

 ![t1](https://global.discourse-cdn.com/meta/original/4X/5/6/5/565780fd0c766c98aad37a3846b2f0c96b9cbada.png)

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 16, 2025, 7:11am UTC](https://meta.discourse.org/t/color-palette-problem/357252/3 "2025-03-16T07:11:12Z")

</div>

update: still having the same problem…can someone help?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 16, 2025, 4:23pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/4 "2025-03-16T16:23:37Z")

</div>

> [@tenisforum](#):
>
> whenever I change the color of background of the button

Hello, welcome!  
Do you mean you added custom CSS to change the color? Can you share your modifications?

---

<div class="post-metadata">

### Author: ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [March 16, 2025, 4:45pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/5 "2025-03-16T16:45:25Z")

</div>

And also some recent chatter on this forum about the dark/light toggle has pointed out that for it to work you must have a light **and** dark color palette configured in your settings

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 16, 2025, 5:43pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/6 "2025-03-16T17:43:46Z")

</div>

hello, thanks! No I didn’t add anything extra, I’m using mint theme. Dark/light/auto buttons color and their background is same, this is why they look like invisible. For example, I’m changing the button color, it also affectting the background of the button

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [March 16, 2025, 6:07pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/7 "2025-03-16T18:07:54Z")

</div>

What do you have specified in your `Default dark mode color scheme ID` site setting? It should be `mint-dark`.

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 16, 2025, 6:16pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/8 "2025-03-16T18:16:26Z")

</div>

it is, but it doesn’t work. letters are still invisible

 ![Başlıksız](https://global.discourse-cdn.com/meta/original/4X/b/a/2/ba22b2825347f4769804f75795af01fd2f6061e3.jpeg)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 16, 2025, 6:43pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/9 "2025-03-16T18:43:09Z")

</div>

From what I see, the core d-menu CSS overwrites the theme button styles because it has more specificity:

 ![An image of a computer screen displaying an Integrated Development Environment (IDE) with a user creating an interface using HTML and CSS code. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/a/a/7aa3df2a1ff90608170db41dc4f8636d8aea1982.png)

 ![The image shows a CSS rule editor interface, highlighting a code snippet that applies styles to certain HTML elements. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/4/1/4/414dd8ab5a5d479e037ea9f59f0f77b4571f9733.png)

But that’s not necessarily the issue.  
The Mint theme uses a specific style for default button (`btn-default` class).  
And the selector menu dropdown item uses a button with `btn-default`.

I wonder if it’s necessary to specify that class in core code. It doesn’t seem to offer utility, but I could be wrong.  
Without it:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/e/2/fe212fe411578f3d84a406c630e87640881f484c.png)

Or, maybe the theme needs to support the core feature:

```css
.interface-color-selector-content .btn-default {
    color: var(--primary);
    border: none;
    transition: none;
    text-transform: none;

    .d-icon {
        color: var(--primary-high);
    }
}

```

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 16, 2025, 7:58pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/10 "2025-03-16T19:58:36Z")

</div>

oh it’s a bit complicated let me process it 😃

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [March 16, 2025, 8:01pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/11 "2025-03-16T20:01:01Z")

</div>

This looks like an issue in core for the design team, so I’ve moved this to the UX category.

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 16, 2025, 8:01pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/12 "2025-03-16T20:01:37Z")

</div>

thanks a lot!

---

<div class="post-metadata">

### Author: ![tenisforum](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tenisforum/32/493886_2.png) [@tenisforum](https://meta.discourse.org/u/tenisforum)
#### Post date: [March 17, 2025, 7:23am UTC](https://meta.discourse.org/t/color-palette-problem/357252/13 "2025-03-17T07:23:09Z")

</div>

Update: the button is dissapered. UX team working on it? 😃

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 4, 2025, 3:56pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/14 "2025-08-04T15:56:50Z")

</div>

Hello,

Sorry for the long wait here. The `btn-default` class is indeed not needed here and caused the issue.

Fixed by

[https://github.com/discourse/discourse/pull/34070](https://github.com/discourse/discourse/pull/34070)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [August 9, 2025, 2:00pm UTC](https://meta.discourse.org/t/color-palette-problem/357252/15 "2025-08-09T14:00:18Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.
