OriaTheme
GitHub

テーマユーザー向け

編集可能なスタイル

エディターは、ページ構造や任意の CSS ではなく、完全なビジュアル システムを変更します。

編集できる内容

カテゴリ効果と代表的な分野何を期待するか
色背景、前景、サーフェス、プライマリ/セカンダリ/アクセント、インタラクションとフィードバック。ほとんどのセマンティックカラーは、明暗で異なる場合があります。
タイポグラフィーファミリ、9 つのウェイト、サイズ、行の高さ、トラッキング。標準の共有フィールドは両方のモードを更新します。
レイアウトと形状基本間隔単位、制御サイズ乗数、半径、境界線、およびフォーカス リング。リズムやシルエットが変化します。
深さと素材シャドウ、ぼかし、彩度、構造化されたグラデーション、背景/表面パターン。入力は制約された構造化された値です。
モーション期間とイージングカーブ。標準の共有フィールドは両方のモードを更新します。

明と暗は 2 つの作業面です

エディター モード スイッチは、編集している外観範囲を選択します。色や素材はモードによって異なる場合がありますが、共有フィールドは意図的に一貫性を保ちます。

編集者がやらないこと

アプリケーション情報アーキテクチャ、ページ コンテンツ、コンポーネント構造、または任意の CSS は変更されません。変更を確認するには、アプリ内のコンポーネントが OriaTheme CSS 変数を使用する必要があります。

ベースカラーとセマンティックカラーを理解する