Color palette problem

Contribute UX
,
9

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)
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)1996×606 81.5 KB

The image shows a CSS rule editor interface, highlighting a code snippet that applies styles to certain HTML elements. (Captioned by AI)
The image shows a CSS rule editor interface, highlighting a code snippet that applies styles to certain HTML elements. (Captioned by AI)1115×455 24.9 KB

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
image280×189 7.29 KB

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

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

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