主題顏色權杖

捆綁包 批准的代幣層 在最終設計系統交接之前,將其分為淺色、深色、另類品牌和高對比主題集。

此頁面位於語意、元件和狀態權杖命名之後。它用於主題級捆綁,而不是第一個可訪問性通行證或一次性權杖匯出。

其他語言 日本語 | English | 繁體中文

如何使用

  1. 在色票已經具有可信的語義、組件和狀態別名之後開始。
  2. 選擇與目標設計系統相符的預設和捆綁開關。
  3. 首先查看主題卡,然後在捆綁包邊界足夠清晰以供文件和工程交接時複製 CSS 或 JSON。

從一個權杖系統轉移到多個主題包

此頁面填補了「代幣名稱看起來不錯」和「產品現在需要淺色、深色、替代品牌和對比就緒捆綁包」之間的空白。

從一種基色捆綁主題就緒的顏色權杖集。

主題卡
CSS 變數
JSON

如何在附近的頁面之間進行選擇

使用 無障礙色票 當角色色彩還在動的時候。使用 語意顏色權杖, 組件顏色權杖, 和 狀態顏色權杖 當命名仍需要在一個權杖系統內固定時。在這些層看起來已經可信之後使用此頁面,下一個問題是如何發送單獨的主題包。使用 顏色權杖預覽, 顏色權杖審核, 顏色權杖差異, 和 顏色權杖匯出 當主要工作是審查、比較或最終包輸出而不是捆綁設計時。

常見問題解答

這個頁面會產生什麼?

它將一種核准的基色轉換為捆綁的主題權杖集,例如淺色、深色、品牌替代色和高對比度,然後匯出 CSS 變數和 JSON。

我什麼時候應該使用它而不是狀態顏色權杖?

當懸停、活動、聚焦、停用或選定的別名仍然是主要工作時,使用狀態顏色權杖。當這些權杖層看起來已經可信且下一個任務是將它們捆綁到多個主題模式時,請使用此頁面。

我什麼時候應該使用它而不是顏色權杖匯出?

當單一權杖包足以進行切換時,請使用顏色權杖匯出。當工程或設計需要從相同基礎上分離淺色、深色、另類品牌或高對比度捆綁包時,請使用此頁面。

共用 URL 中儲存了什麼?

分享連結 儲存基色、前綴、可存取性目標、所選預設以及是否包含深色、替代品牌和高對比度捆綁包。