Problème de palette de couleurs

UX
,
1

Bonjour, j’utilise le thème Mint sur mon site Web et j’ai un problème concernant les couleurs. Il y a un bouton de mode sombre/clair en haut, et chaque fois que je change la couleur de l’arrière-plan du bouton, cela change aussi la couleur du bouton, ce qui rend le mot « sombre/clair » invisible.
Sur la photo, comme vous le voyez, cela ressemble à du vide, mais ce sont en fait 3 boutons différents qui disent « sombre, clair, automatique », mais la couleur de l’arrière-plan et du texte est la même, donc c’est invisible.

t1
t1319×201 6.5 KB

2 « J'aime »
3

mise à jour : j’ai toujours le même problème… quelqu’un peut m’aider ?

4

Bonjour, bienvenue !
Voulez-vous dire que vous avez ajouté du CSS personnalisé pour changer la couleur ? Pouvez-vous partager vos modifications ?

5

Et aussi, des discussions récentes sur ce forum concernant le sélecteur clair/sombre ont souligné que pour qu’il fonctionne, vous devez avoir une palette de couleurs claire et sombre configurée dans vos paramètres.

6

Bonjour, merci ! Non, je n’ai rien ajouté d’extra, j’utilise le thème Mint. La couleur des boutons sombre/clair/auto et leur arrière-plan sont identiques, c’est pourquoi ils semblent invisibles. Par exemple, je change la couleur du bouton, cela affecte également l’arrière-plan du bouton.

1 « J'aime »
7

Quel est le paramètre de votre site Default dark mode color scheme ID ? Il devrait être mint-dark.

8

oui, mais ça ne marche pas. les lettres sont toujours invisibles

Başlıksız
Başlıksız1170×522 16.9 KB

9

D’après ce que je vois, le CSS principal de d-menu écrase les styles des boutons du thème car il a plus de spécificité :

Une image d'un écran d'ordinateur affichant un environnement de développement intégré (IDE) avec un utilisateur créant une interface à l'aide de code HTML et CSS. (Légendé par l'IA)
Une image d'un écran d'ordinateur affichant un environnement de développement intégré (IDE) avec un utilisateur créant une interface à l'aide de code HTML et CSS. (Légendé par l'IA)1996×606 81.5 KB

L'image montre une interface d'éditeur de règles CSS, mettant en évidence un extrait de code qui applique des styles à certains éléments HTML. (Légendé par l'IA)
L'image montre une interface d'éditeur de règles CSS, mettant en évidence un extrait de code qui applique des styles à certains éléments HTML. (Légendé par l'IA)1115×455 24.9 KB

Mais ce n’est pas nécessairement le problème.
Le thème Mint utilise un style spécifique pour le bouton par défaut (classe btn-default).
Et l’élément de liste déroulante du sélecteur de menu utilise un bouton avec btn-default.

Je me demande s’il est nécessaire de spécifier cette classe dans le code principal. Cela ne semble pas offrir d’utilité, mais je pourrais me tromper.
Sans cela :

image
image280×189 7.29 KB

Ou, peut-être que le thème doit prendre en charge la fonctionnalité principale :

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

    .d-icon {
        color: var(--primary-high);
    }
}
3 « J'aime »
10

Oh, c’est un peu compliqué, laissez-moi traiter ça :smiley:

2 « J'aime »
11

Cela ressemble à un problème dans le cœur de métier pour l’équipe de conception, j’ai donc déplacé cela dans la catégorie UX.

4 « J'aime »
12

Merci beaucoup !

3 « J'aime »
13

Mise à jour : le bouton a disparu. L’équipe UX y travaille-t-elle ? :smiley:

1 « J'aime »
14

Bonjour,

Désolé pour la longue attente. La classe btn-default n’était effectivement pas nécessaire ici et a causé le problème.

Corrigé par

1 « J'aime »
15

Ce sujet a été automatiquement fermé après 4 jours. Les nouvelles réponses ne sont plus autorisées.