組み合わせられるスタイル
外観、サーフェス、モード、アクセントを選べます。
Lyraの任意のスタイルレイヤーは、安定した基本スタイルを保ちながら、shadcnやMaterialなどの外観とサーフェスのプリセットを組み合わせられます。テーマの設定には書体、角丸、立体感、チャートの色、コントラスト、動きの設定も含まれます。
例
基本テーマと任意の外観を一つインポートし、適用範囲に指定します。
import '@aceshooting/lyra-ui/theme.css';
import '@aceshooting/lyra-ui/looks/shadcn.css';
import '@aceshooting/lyra-ui/surfaces/glass.css';
import { setLyraStyle } from '@aceshooting/lyra-ui/theme.js';
setLyraStyle({ look: 'shadcn', surface: 'glass', mode: 'system',
accent: 'emerald', density: 'comfortable' });