Farbenpalette-Problem

[tenisforum (Yiğit)]

Hallo, ich benutze das Mint-Theme auf meiner Website und habe ein Problem mit den Farben. Es gibt einen Dark/Light-Modus-Button oben, und wann immer ich die Hintergrundfarbe des Buttons ändere, ändert sich auch die Button-Farbe, sodass das Wort „dark/light“ unsichtbar wird.
Auf dem Bild, wie Sie sehen, sieht es leer aus, aber tatsächlich sind es 3 verschiedene Buttons, die „dark, light, auto“ sagen, aber die Hintergrund- und Textfarbe ist gleich, sodass sie unsichtbar sind.

[tenisforum (Yiğit)]

Update: Ich habe immer noch dasselbe Problem… kann mir jemand helfen?

[Arkshine]

@tenisforum

wann immer ich die Hintergrundfarbe der Schaltfläche ändere

Hallo, willkommen!
Meinen Sie, dass Sie benutzerdefiniertes CSS hinzugefügt haben, um die Farbe zu ändern? Können Sie Ihre Änderungen mitteilen?

[Andrew_Rowe]

Und auch einige aktuelle Diskussionen in diesem Forum über den Dunkel/Hell-Schalter haben darauf hingewiesen, dass Sie, damit er funktioniert, eine helle und eine dunkle Farbpalette in Ihren Einstellungen konfiguriert haben müssen.

[tenisforum (Yiğit)]

Hallo, danke! Nein, ich habe nichts Zusätzliches hinzugefügt, ich verwende das Mint-Theme. Die Farbe der Dunkel-/Hell-/Auto-Schaltflächen und ihr Hintergrund sind gleich, deshalb sehen sie unsichtbar aus. Wenn ich zum Beispiel die Farbe der Schaltfläche ändere, wirkt sich das auch auf den Hintergrund der Schaltfläche aus.

[tobiaseigen]

Was ist in Ihrer Website-Einstellung Default dark mode color scheme ID festgelegt? Es sollte mint-dark sein.

[tenisforum (Yiğit)]

es ist, aber es funktioniert nicht. Buchstaben sind immer noch unsichtbar

[Arkshine]

Soweit ich das sehe, überschreibt das Kern-d-menu-CSS die Button-Stile des Themes, da es eine höhere Spezifität aufweist:

Aber das ist nicht unbedingt das Problem.
Das Mint-Theme verwendet einen spezifischen Stil für Standard-Buttons (Klasse btn-default).
Und das Menü-Dropdown-Element verwendet einen Button mit btn-default.

Ich frage mich, ob es notwendig ist, diese Klasse im Kerncode anzugeben. Sie scheint keinen Nutzen zu bieten, aber ich könnte mich irren.
Ohne sie:

Oder vielleicht muss das Theme die Kernfunktion unterstützen:

.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)]

Oh, das ist ein bisschen kompliziert, lass mich das verarbeiten

[tobiaseigen]

Das sieht nach einem Problem im Kern für das Designteam aus, daher habe ich es in die UX-Kategorie verschoben.

[tenisforum (Yiğit)]

Vielen Dank!

[tenisforum (Yiğit)]

Update: Der Button ist verschwunden. Arbeitet das UX-Team daran?

[chapoi]

Hallo,

Entschuldigung für die lange Wartezeit. Die Klasse btn-default war hier tatsächlich nicht erforderlich und verursachte das Problem.

Behoben durch

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