自由组合的样式

选择外观、表面、模式与强调色。

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' });

浏览组件 · 阅读指南（英文）