Zum Hauptinhalt springen
Zurück zu Lernen
08Vergleich7 Min. LesezeitAnfänger

LEITFADEN 08 · VERGLEICH

Hellen und dunklen Modus vergleichen

Ein Theme ist mehr als ein einzelner Screenshot. Es besteht aus einem abgestimmten Paar semantischer Token-Zustände, die in der gesamten DSH-Oberfläche lesbar bleiben müssen.

Zuletzt überprüft
6. Sept. 2026
Quellstand des Leitfadens
0.1.3-alpha.1
Installationsstatus
Eintrag des gewählten Elements prüfen
Überprüfter Umfang
  • Verifizierte Katalogexemplare
  • Token-Paare für den hellen und dunklen Modus
  • Systemmodus-Laufzeitgrenze
Auf dieser Seite
  1. Verwenden Sie denselben Vergleichsrahmen
  2. Überprüfen Sie Schnittstellenrollen, nicht isolierte Farbfelder
  3. Überprüfen Sie eine tatsächliche Lesesitzung

Verwenden Sie denselben Vergleichsrahmen

  1. 01

    Wählen Sie eine kleine Auswahl aus

    Öffnen Sie die Galerie mit dem Themenfilter und verwenden Sie dann Suche, Katalognummern und Kategorien, um eine kleine Überprüfungs-Shortlist zu erstellen.

  2. 02

    Wechseln Sie jede verifizierte Vorschau

    Schalten Sie jede Galerie-Karte zwischen light und dark um, ohne die Bewertungskriterien zu ändern.

  3. 03

    Verfolgen Sie Unterschiede bis zu den Tokens

    Öffnen Sie die Veröffentlichungsdetails und Token Lab, um eine absichtliche semantische Änderung von einem günstigen Vorschauzuschnitt zu unterscheiden.

  4. 04

    Erstellen Sie eine Shortlist vor der Installation

    Behandeln Sie den Vergleich als Auswahlhilfe. Die Installation erfordert weiterhin die release-spezifische Artefaktverifizierung.

Überprüfen Sie Schnittstellenrollen, nicht isolierte Farbfelder

  • Lesen Sie primäre und sekundäre Beschriftungen über Basis-, erhöhte- und Overlay-Hintergründe.
  • Prüfen Sie, dass Ränder benachbarte Oberflächen trennen, ohne zum stärksten Element zu werden.
  • Halten Sie Marken-, Fehler-, Erfolgs- und Warnrollen in beiden Modi unterscheidbar.
  • Überprüfen Sie die Seitenleiste im Vergleich zur Inhaltsfläche und zu erhöhten Karten.
  • Prüfen Sie bei Full Skins, ob der Laufzeit-Screenshot das endgültig erzeugte CSS und Assets desselben Ursprungs zeigt, nicht eine Studio-Simulation.

Öffnen Sie die Beweismittel-Tools

Überprüfen Sie eine tatsächliche Lesesitzung

Vorschau derselben Konversation, desselben Codeblocks, Menüs und derselben Eingabe in beiden Modi. Überprüfen Sie ausgewählten Text, sekundäre Beschriftungen, Warnungen und den Tastaturfokus, anstatt nur den großen Hintergrund zu beurteilen.

text
Vergleichen Sie diese Palette in Hell und Dunkel mithilfe eines langen Gesprächs und eines Codeblocks. Identifizieren Sie schwer lesbaren Text und unklare Fokuszustände und schlagen Sie dann spezifische Farbanpassungen vor.
Eine Aufforderung zum Ausprobieren

Häufige Fragen

Bevor Sie eine Änderung vornehmen

Antworten zu Formaten, Kompatibilität, Nachweisen und Rücksetzungen.

Was prüft dieser Leitfaden?

Dieser Leitfaden behandelt: Verifizierte Katalogexemplare; Token-Paare für den hellen und dunklen Modus; Systemmodus-Laufzeitgrenze

Womit sollte ich beginnen?

Ein Theme ist mehr als ein einzelner Screenshot. Es besteht aus einem abgestimmten Paar semantischer Token-Zustände, die in der gesamten DSH-Oberfläche lesbar bleiben müssen.

Welche Grenze ist besonders wichtig?

Innerhalb von DSH folgt system der Farbvorgabe des Betriebssystems und wird als light oder dark aufgelöst. Es ist kein drittes Token-Set und sollte nicht durch das Bearbeiten von Seitenattributen simuliert werden.

Reicht der Kontrast als Nachweis der Barrierefreiheit?

Nein. Er ist nur eine von mehreren Prüfungen. Prüfen Sie auch Tastaturbedienung, Fokus, Beschriftungen, Zoom, verschiedene Bildschirmbreiten und reduzierte Animationen.

Lernen fortsetzen

Mit verifizierten Nachweisen fortfahren

Vergleichen Sie veröffentlichte Artefakte oder kehren Sie zur Installationsdokumentation zurück.