Problema com paleta de cores

[tenisforum (Yiğit)]

Olá, estou usando o tema mint no meu site e estou tendo um problema com as cores. há um botão de modo escuro/claro no topo e, sempre que mudo a cor do fundo do botão, ele também muda a cor do botão, o que torna a palavra “dark/light” invisível.
na imagem, como você vê, parece vazio, mas na verdade são 3 botões diferentes e dizem “dark, light, auto”, mas a cor de fundo e a cor do texto são as mesmas, então é invisível

[tenisforum (Yiğit)]

atualização: ainda estou com o mesmo problema… alguém pode ajudar?

[Arkshine]

@tenisforum

sempre que eu mudo a cor de fundo do botão

Olá, seja bem-vindo!
Você quer dizer que adicionou CSS personalizado para mudar a cor? Você pode compartilhar suas modificações?

[Andrew_Rowe]

E também algumas discussões recentes neste fórum sobre o alternador claro/escuro apontaram que, para que ele funcione, você deve ter uma paleta de cores clara e escura configurada em suas configurações.

[tenisforum (Yiğit)]

olá, obrigado! Não, eu não adicionei nada extra, estou usando o tema mint. A cor dos botões escuro/claro/automático e seu fundo são os mesmos, é por isso que eles parecem invisíveis. Por exemplo, estou mudando a cor do botão, isso também afeta o fundo do botão

[tobiaseigen]

O que você especificou em sua configuração do site Default dark mode color scheme ID? Deveria ser mint-dark.

[tenisforum (Yiğit)]

mas não funciona. as letras continuam invisíveis

[Arkshine]

Pelo que vejo, o CSS principal do d-menu sobrescreve os estilos de botão do tema porque tem mais especificidade:

Mas isso não é necessariamente o problema.
O tema Mint usa um estilo específico para o botão padrão (classe btn-default).
E o item do menu suspenso do seletor usa um botão com btn-default.

Eu me pergunto se é necessário especificar essa classe no código principal. Não parece oferecer utilidade, mas posso estar enganado.
Sem ele:

Ou, talvez o tema precise dar suporte ao recurso principal:

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

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

[tenisforum (Yiğit)]

ah, é um pouco complicado, deixe-me processar

[tobiaseigen]

Isso parece ser um problema no núcleo para a equipe de design, então movi isso para a categoria de UX.

[tenisforum (Yiğit)]

Muito obrigado!

[tenisforum (Yiğit)]

Atualização: o botão desapareceu. A equipe de UX está trabalhando nisso?

[chapoi]

Olá,

Desculpe pela longa espera. A classe btn-default realmente não era necessária aqui e causou o problema.

Corrigido por

UX: remove btn-default class from light-dark toggle