앱개발/Ionic 3 / 아이오닉 3
Blank 부터 시작하는 아이오닉 / theme
ODB
2017. 9. 11. 10:00
Blank 부터 시작하는 아이오닉 / theme
자!
오늘은 컬러를 조정해보도록 하겠다
기본적으로 src/theme/variables.scss 에 정의되어있는 컬러의 정의를 따른다
어떻게?
Main 으로 달려가서
ion-navbar 에 컬러를 부여하도록 하자
<ion-navbar color="primary">
<ion-title>main</ion-title>
</ion-navbar>
이렇게..
primary는
$colors: (
primary: #488aff,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222
);
요기에 나와있다
뭐 컬러는 수동으로 하나하나 넣을 수 있겠지만 그러면 나중에 색을 바꿀때 어마어마한 작업이 필요하므로
왠만하면 정의된 색을 기준으로 일괄적용하도록 하자