styled-components, theme
1. theme
1-1.make styled.js
export const lightTheme = {
mainBgColor: 'tomato',
textColor: '#1e272e',
accentColor: 'yellow'
}
export const darkTheme = {
mainBgColor:'#1e272e',
textColor: '#d2dae2',
accentColor: 'yellow'
}
1-2. use
in App.js
36번, 47~52번 주의깁게 볼것.
사용!
background-color:${props=> props.theme.mainBgColor}
Author And Source
이 문제에 관하여(styled-components, theme), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jinyinshu/styled-components-theme저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)