対象となる全トークンを把握する
現在の V3 Theme はすべて、13 個の名前それぞれに light と dark の値を用意します。未知の名前、片方のモードの欠落、CSS 変数参照、URL、import、宣言、構造を変える CSS 構文は、公開契約によって拒否されます。
| トークン | 役割 | チェック |
|---|---|---|
| --dsw-alias-bg-base | 基本キャンバス | 一次ラベルと二次ラベルの可読性を保つ |
| --dsw-alias-bg-layer-1 | 第 1 の浮き上がったサーフェス | 過度なコントラストを使わず、基本面と区別する |
| --dsw-alias-bg-layer-2 | 第 2 の浮き上がったサーフェス | 入れ子の階層が見分けられる状態を保つ |
| --dsw-alias-bg-overlay | オーバーレイサーフェス | 実際の背景上でラベルを読みやすくする |
| --dsw-alias-border-l1 | 一次区切り線 | コンテンツより目立たず、区切りとして見える |
| --dsw-alias-border-l2 | 二次区切り線 | 控えめな階層を保つ |
| --dsw-alias-brand-primary | ブランド色と主要アクセント | 隣接するラベルやサーフェスの色と調和させる |
| --dsw-alias-label-primary | 一次テキスト | 必要な前景コントラストを満たす |
| --dsw-alias-label-secondary | 二次テキスト | 一次テキストと同じ強さにせず、可読性を保つ |
| --dsw-alias-state-error-primary | エラー状態 | 警告や背景の役割と区別する |
| --dsw-alias-state-success-primary | 成功状態 | ブランド色や背景の役割と区別する |
| --dsw-alias-state-warn-primary | 警告状態 | エラーや成功の役割と区別する |
| --dsw-specific-sidebar-fill | サイドバーの背景 | 両モードでメインキャンバスと調和させる |
再現できる手順で検査する
- 01
検証済み Theme を選ぶ
このワークベンチが標本として表示するのは、パッケージと互換性のメタデータが、リポジトリに記録された検証済み sidecar と一致する項目だけです。
- 02
light または dark を選ぶ
色見本、プレビュー、宣言値を確認している間は、対象モードを明示したままにします。
- 03
13 個の役割をすべて確認する
各値を実際の文脈で読み、その後、もう一方のモードにある対応値と比較します。
- 04
追跡可能な値だけをコピーする
コピーした値は参照資料です。レビュー記録には、トークン名、モード、元リリース、sidecar hash をまとめて残してください。
確認した値を次の作業へつなげる
よくある質問
変更を行う前に
フォーマット、互換性、証拠、ロールバックに関する回答
このガイドでは何を確認しますか?
このガイドの対象:正確な RC.8 の 13 トークンカタログ、検証済み sidecar の標本、light / dark 宣言のコピー
最初に何をすべきですか?
Token Lab は、現在の検証済み Theme が使う固定セマンティック面を正確に示します。違いを説明するために使うものであり、閲覧しただけでローカルの DSH インストールが変わったかのように示してはいけません。
最も重要な境界は何ですか?
Token Lab は、DSH Profile の編集、パッケージの公開、未確認のコミュニティ投稿の安全性証明を行いません。ランタイム状態は、インストールした成果物と実際の DSH セッションによって決まります。
学習を続ける
検証済みの証拠から続ける
公開済みのアーティファクトを比較するか、インストール手順に戻ります。