OriaTheme
GitHub

對於主題用戶

可編輯樣式

編輯器改變了一個完整的視覺系統,而不是你的頁面結構或任意的CSS。

您可以編輯的內容

類別作用及代表領域會發生什麼
顏色背景、前景、表面、主要/次要/重音、互動和回饋。大多數語義顏色在淺色和深色上可能有所不同。
版式家庭、九個重量、尺寸、線高、跟踪。標準共享字段更新兩種模式。
佈局和形狀基本間距單位、控制尺寸乘數、半徑、邊框和聚焦環。改變節奏和輪廓。
深度和材質陰影、模糊、飽和度、結構化漸層、背景/表面圖案。輸入是受約束的結構化值。
運動持續時間和緩和曲線。標準共享字段更新兩種模式。

淺色和深色是兩個工作表面

編輯器模式開關選擇您正在編輯的外觀範圍。顏色和材質可能會因模式而異,而共用欄位則有意保持一致。

編輯不做的事

它不會修改應用程式資訊架構、頁面內容、元件結構或任意CSS。要查看更改,應用程式中的元件必須使用 OriaTheme CSS 變數。

了解基色和語義顏色