Wie wählt man in einem benutzerdefinierten Theme die gewünschten hellen und dunklen Paletten aus?

Ich bin etwas verwirrt, wie benutzerdefinierte Designs Farbschemata für den Hell- und Dunkelmodus unterstützen. Wenn ich ein neues Design bearbeite und ein Farbschema auswähle, kann ich nur eines auswählen. Bei der Vorschau im Dunkelmodus wurde das Farbschema nicht angezeigt. Als ich meine Einstellungen (Betriebssystemeinstellungen) auf den hellen Modus umstellte, konnte ich das benutzerdefinierte Farbschema sehen. Die Frage ist also: Wenn ein Design nur ein Farbschema auswählen kann, wie ‘binde’ ich das neue Design an das benutzerdefinierte Farbschema X für den hellen Modus und das benutzerdefinierte Farbschema Y für den dunklen Modus?

1 „Gefällt mir“

Unter Ihren Benutzereinstellungen haben Sie möglicherweise das Farbschema des Dark Mode auf ein anderes als das Standardmäßige eingestellt.

Sie können alle Farbpaletten unter /admin/customize/colors einsehen, denke ich.

Aktuell müssen Websites ein Farbschema als Dark-Mode-Farbschema ausgewählt haben – es ist nicht in das Farbpalettensystem integriert, um zwei Modi zu haben.

Wir arbeiten jedoch intensiv an einer Lösung, die dies viel intuitiver macht und native Light- und Dark-Modes für alle Themes beinhaltet, wobei die Benutzereinstellungen entscheiden, welche sie sehen. Wir haben noch keine ETA für diese Updates, aber wir sind schon sehr weit damit und hoffen, bald Light- und Dark-Modes für Farbpaletten (zusammen mit anderen zugehörigen Verbesserungen) herauszubringen.

4 „Gefällt mir“

“Wir arbeiten jedoch intensiv an einer Lösung, die dies wesentlich intuitiver macht und native helle und dunkle Modi für alle Themes beinhaltet, wobei die Benutzereinstellungen entscheiden, welche sie sehen werden.”

Aber um es klarzustellen: Wenn ich dem Benutzer keine Optionen anbieten möchte, sondern einfach nur ein helles/dunkles Farbschema für die Website haben möchte, wird das möglich sein, oder?

Ich bin immer noch etwas verwirrt. Sagen Sie, dass ein Theme ein benutzerdefiniertes Farbschema für den HELLEN Modus verwendet und für den DUNKLEN Modus… etwas anderes tut? Wenn ich den standardmäßigen DUNKLEN Modus bearbeiten könnte, würde das funktionieren, da ich keine N Themes benötige, aus denen Benutzer auswählen können. Wenn das funktioniert, woher weiß ich, welches Schema ich bearbeiten muss?

Ja, das ist es.

Sie erstellen zwei Farbpaletten (oder passen bestehende an). Ich habe meine ‘Pink’-Farbpalette basierend auf der WCAG-Lichtpalette erstellt und meine ‘Dark Pink’-Farbpalette durch Anpassung der WCAG-Dunkelpalette. Ich gehe davon aus, dass Sie nicht möchten, dass Ihre Benutzer auch die dunkle Farbpalette für den Hellmodus auswählen. Dann würde ich sicherstellen, dass color palette can be selected by users deaktiviert ist. Wenn dies bei allen Paletten deaktiviert ist, verschwindet die Dropdown-Liste in den Benutzeroberflächeneinstellungen des Benutzers.

Dann sehen Ihre Benutzer nur


Anstelle des Farbauswahlfelds, das Sie in Ihren Einstellungen hier bei Meta sehen.

Sie legen Ihre dunkle Palette als standardmäßige website-weite Farbpalette für den Dunkelmodus in der Site-Einstellung default dark mode color scheme ID fest.

Und Sie fügen die helle Palette in die Farbpaletten-Einstellung Ihres Themes ein.

Die aktuelle Einschränkung besteht darin, dass ich nicht einfach zwei weitere Paletten erstellen kann, z. B. eine helle und eine dunkle blaue, und den Benutzern die Wahl zwischen Pink und Blau überlassen kann. Während die helle Farbpalette, die mit dem Theme verbunden ist, gut funktioniert, kann ich für dieses Theme kein anderes Standard-Dunkel-Palette haben. Aber solange Sie nur eine helle und eine dunkle Farbpalette wünschen, reichen die aktuellen Optionen für Sie aus.

5 „Gefällt mir“

Danke, werde es ausprobieren!

Ja, mit der bevorstehenden Unterstützung für helle und dunkle Paletten wird dies einfach sein. Wie @Moin anmerkt, ist so etwas bereits möglich, aber es ist nicht die intuitivste Methode.

Mit den bevorstehenden Änderungen werden alle Paletten einen hellen und einen dunklen Modus als Teil der Palette haben. Dies gilt sowohl für Farbpaletten, die mit Themes geliefert werden, als auch für solche, die Sie im Adminbereich erstellen und bearbeiten können. Sie können die Standardeinstellungen nach Bedarf auswählen.

4 „Gefällt mir“

Ich warte sehnsüchtig. Ich musste viele Themen durchsuchen, um diese Informationen zu finden. Ich werde vorerst den Vorschlag in diesem Thema befolgen.

1 „Gefällt mir“

Wurde dies bereits implementiert?

1 „Gefällt mir“

Noch nicht, aber wir machen Fortschritte. Es ist jedoch unsere oberste Priorität, daher können Sie damit rechnen, dass in den kommenden Wochen einige Dinge eintreffen werden.

2 „Gefällt mir“