조합 가능한 스타일
룩, 표면, 모드, 강조색을 고르세요.
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' });