콘텐츠로 이동
SOPODesign System

테마

라이트와 다크 테마는 primary, background, surfaceBackground, textPrimary, border처럼 같은 의미 키를 공유합니다.

import { ThemeProvider } from 'styled-components'
import { SOPOLightTheme } from '@sopo/theme'


<ThemeProvider theme={SOPOLightTheme}>
  <App />
</ThemeProvider>

문서 오른쪽 위 테마 선택기를 바꾸면 이 사이트 안의 실제 컴포넌트 데모도 같은 모드로 전환됩니다.