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