Des styles qui se composent
Choisissez l’apparence, la surface, le mode et l’accent.
Les couches de style facultatives de Lyra conservent une base pleine tout en permettant de combiner des apparences comme shadcn et Material avec des surfaces prédéfinies. Les réglages de thème couvrent aussi la typographie, les rayons, l’élévation, les couleurs des graphiques, le contraste et les préférences de mouvement.
Exemple
Importez le thème de base et une apparence facultative, puis sélectionnez-la dans une portée.
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' });