整合指南

在編輯器使用產品的 Design System 色彩

替文字、highlight 與表格儲存格提供固定色票群組，或在可以接受任意顏色的情境開啟調色盤。

受管理內容建議使用 class 色票

每個固定選項包含 label 與 className。編輯器套用新顏色時會移除同群組中衝突的 class；className 為空字串的預設選項會正確清除目前顏色。

readonly textColors = [
  { label: '預設', className: '', group: '文字顏色' },
  { label: '品牌色', className: 'app-text-brand', group: '品牌色' },
  { label: '錯誤', className: 'app-text-danger', group: '狀態色' },
];

共用同一套色票模型

主要工具列文字顏色
浮動選取工具列文字顏色
文字背景與 highlight
單一及多選表格儲存格底色
有名稱與分群的圓形色票