システムテーマ

システムテーマの実装は、コンポーネントライブラリのテーマ設定 と UnoCSS のテーマ設定 の2つの部分に分かれています。 この2つのテーマ設定を統一するために、共通のテーマ設定を管理し、それを使用してコンポーネントライブラリと UnoCSS のテーマを制御します。

原理

• 各種テーマカラーやレイアウトのパラメータ設定など、テーマ設定用の変数を定義する
• これらの設定を基に、コンポーネントライブラリ用のテーマ変数を生成する
• これらの設定を基に、テーマトークンを生成し、それに対応する CSS 変数を作成し、その CSS 変数を UnoCSS に渡す