メインコンテンツへ移動
学習に戻る
08ワークベンチ読了目安 9 分中級

ガイド 04 · ワークベンチ

13-Token Lab の使い方

Token Lab は、現在の検証済み Theme が使う固定セマンティック面を正確に示します。違いを説明するために使うものであり、閲覧しただけでローカルの DSH インストールが変わったかのように示してはいけません。

最終検証日
2026年8月15日
実行時
0.1.0-rc.8
検証済みの範囲
  • 正確な RC.8 の 13 トークンカタログ
  • 検証済み sidecar の標本
  • light / dark 宣言のコピー
このページについて
  1. 対象となる全トークンを把握する
  2. 再現できる手順で検査する

対象となる全トークンを把握する

現在の 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サイドバーの背景両モードでメインキャンバスと調和させる

再現できる手順で検査する

  1. 01

    検証済み Theme を選ぶ

    このワークベンチが標本として表示するのは、パッケージと互換性のメタデータが、リポジトリに記録された検証済み sidecar と一致する項目だけです。

  2. 02

    light または dark を選ぶ

    色見本、プレビュー、宣言値を確認している間は、対象モードを明示したままにします。

  3. 03

    13 個の役割をすべて確認する

    各値を実際の文脈で読み、その後、もう一方のモードにある対応値と比較します。

  4. 04

    追跡可能な値だけをコピーする

    コピーした値は参照資料です。レビュー記録には、トークン名、モード、元リリース、sidecar hash をまとめて残してください。

確認した値を次の作業へつなげる

よくある質問

変更を行う前に

フォーマット、互換性、証拠、ロールバックに関する回答

このガイドでは何を確認しますか?

このガイドの対象:正確な RC.8 の 13 トークンカタログ、検証済み sidecar の標本、light / dark 宣言のコピー

最初に何をすべきですか?

Token Lab は、現在の検証済み Theme が使う固定セマンティック面を正確に示します。違いを説明するために使うものであり、閲覧しただけでローカルの DSH インストールが変わったかのように示してはいけません。

最も重要な境界は何ですか?

Token Lab は、DSH Profile の編集、パッケージの公開、未確認のコミュニティ投稿の安全性証明を行いません。ランタイム状態は、インストールした成果物と実際の DSH セッションによって決まります。

学習を続ける

検証済みの証拠から続ける

公開済みのアーティファクトを比較するか、インストール手順に戻ります。