Сочетаемые стили
Выбирайте вид, поверхность, режим и акцент.
Необязательные слои стилей 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' });