比較 Light 與 Dark 模式

使用同一個比較框架

1. 01

   控制候選數量

   在 Gallery 中篩選 Theme，再用搜尋、編號和分類縮小評審候選範圍。

2. 02

   逐張切換已驗證預覽

   在不改變評估標準的前提下，切換每張 Gallery 卡片的 light 與 dark。

3. 03

   把差異追溯到 token

   開啟版本詳情與 Token Lab，判斷差異來自語義設計，還是僅僅來自一張有利的預覽裁切。

4. 04

   安裝前先形成短名單

   比較只負責輔助選擇；真正安裝前仍要驗證具體版本的製品。

檢查介面角色，不只看單個色塊

• 在 base、raised 與 overlay 背景上閱讀 primary、secondary 文字。
• 確認邊框能分隔相鄰表面，又不會變成畫面裡最搶眼的元素。
• 在兩種模式中都能區分 brand、error、success 與 warning。
• 同時觀察側欄、內容畫布和卡片之間的關係。
• 評估 Full Skin 時，確認執行時截圖來自最終生成 CSS 與同源資源，而不是 Studio 模擬。