テーマユーザー向け
編集可能なスタイル
エディターは、ページ構造や任意の CSS ではなく、完全なビジュアル システムを変更します。編集できる内容
| カテゴリ | 効果と代表的な分野 | 何を期待するか |
|---|---|---|
| 色 | 背景、前景、サーフェス、プライマリ/セカンダリ/アクセント、インタラクションとフィードバック。 | ほとんどのセマンティックカラーは、明暗で異なる場合があります。 |
| タイポグラフィー | ファミリ、9 つのウェイト、サイズ、行の高さ、トラッキング。 | 標準の共有フィールドは両方のモードを更新します。 |
| レイアウトと形状 | 基本間隔単位、制御サイズ乗数、半径、境界線、およびフォーカス リング。 | リズムやシルエットが変化します。 |
| 深さと素材 | シャドウ、ぼかし、彩度、構造化されたグラデーション、背景/表面パターン。 | 入力は制約された構造化された値です。 |
| モーション | 期間とイージングカーブ。 | 標準の共有フィールドは両方のモードを更新します。 |
明と暗は 2 つの作業面です
エディター モード スイッチは、編集している外観範囲を選択します。色や素材はモードによって異なる場合がありますが、共有フィールドは意図的に一貫性を保ちます。
編集者がやらないこと
アプリケーション情報アーキテクチャ、ページ コンテンツ、コンポーネント構造、または任意の CSS は変更されません。変更を確認するには、アプリ内のコンポーネントが OriaTheme CSS 変数を使用する必要があります。
ベースカラーとセマンティックカラーを理解する