Design-Token- und CSS-Theme-Editor

DTCG 2025.10 Token Workspace

Bearbeite, löse, zeige Vorschau und exportiere DTCG-Design‑Token und CSS‑Themes lokal.

dtcg DTCG 2025.10 Modus

Zeichen

Gruppen

Modus

Literaturverzeichnis

Fehler

Kontrastpaare

Pfad markieren

color.background

Typ

Beschreibung

Modewert · base

Aufgelöster Wert

{
  "colorSpace": "srgb",
  "components": [
    1,
    1,
    1
  ],
  "alpha": 1
}

Direkte Bezugnahmen

Keine Angabe

01
Ein Token-System importieren
Öffnen Sie DTCG JSON, Style Dictionary JSON oder CSS benutzerdefinierte Eigenschaften.
02
Lösen und Vorschau
Bearbeiten Sie Modi, überprüfen Sie Referenzen und machen Sie sichere lokale Komponentenvorschaus mit Kontrastnachweisen.
03
Vergleichen und exportieren
Überprüfe Pfadbruch oder tippe Änderungen und erstelle interoperable Theme-Artefakte.

Ist DTCG 2025.10 ein W3C-Standard?

Es handelt sich um eine Empfehlung der Design Tokens Community Group, nicht um eine W3C-Empfehlung.

Können importierte Werte die gesamte Website beeinflussen?

Nein.Die Vorschau verwendet validierte lokale Werte und injiziert keine beliebigen globalen CSS.

Wie werden Themen dargestellt?

Basiswerte plus explizite lokale Modusüberschreibungen bleiben erhalten; die Moduserweiterung ist eindeutig herstellerspezifisch.

Bezieht sich die Kontrastüberprüfung auf jeden Komponentenzustand?

Nein. Es wertet auffindbare semantische Farbpaare aus; Teams müssen alle realen Zustände und Inhalte testen.

Arbeiten Sie mit weiteren fokussierten Browser-Hilfsmitteln weiter.