Blank 부터 시작하는 아이오닉 / theme

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

);

요기에 나와있다

뭐 컬러는 수동으로 하나하나 넣을 수 있겠지만 그러면 나중에 색을 바꿀때 어마어마한 작업이 필요하므로

왠만하면 정의된 색을 기준으로 일괄적용하도록 하자