Éditeur de jetons de conception et de thème CSS

DTCG 2025.10 espace de travail token

Modifiez, résolvez, prévisualisez et exportez localement les jetons de conception DTCG et les thèmes CSS.

dtcg DTCG 2025.10 Mode

Jetons

Groupes

Modes

Références

Erreurs

Les paires de contrastes

Piste symbolique

color.background

Type

Désignation des marchandises

Valeur du mode · base

Valeur résolue

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

Références directes

Pas de référence

01
Importer un système de jeton
Ouvrez DTCG JSON, Style Dictionary JSON ou CSS propriétés personnalisées.
02
Résoudre et prévisualiser
Modifier les modes, inspecter les références et rendre les aperçus des composants locaux sûrs avec des preuves de contraste.
03
Comparer et exporter
Examiner les changements de chemin de rupture ou de type et générer des artefacts thématiques interopérables.

DTCG 2025.10 est-il une norme W3C?

Il s'agit d'une recommandation du groupe communautaire Design Tokens, et non d'une recommandation du W3C.

Les valeurs importées peuvent-elles affecter l'ensemble du site?

Non. L'aperçu utilise des valeurs locales validées et n'injecte pas de CSS global arbitraire.

Comment sont représentés les thèmes?

Les valeurs de base et les dépassements de mode local explicites sont préservés; l'extension de mode est clairement propre au fournisseur.

L'examen du contraste couvre-t-il tous les états constitutifs?

Non. Il évalue les paires de couleurs sémantiques découvrables; les équipes doivent tester tous les états réels et le contenu.

Poursuivez avec d’autres utilitaires web ciblés.