developer?
-
[CSS] CSS COLOR 변수를 사용한 테마 작업하기!😎developer? 2022. 7. 31. 22:39
오늘은 Dark & Light 테마 작업을 위한 color의 변수 처리에 대해서 알아보도록 하겠다. 일단 테마 작업에서 가장 중요한것은 다크 모드, 라이트 모드에서의 컬러 정의를 명확하게 하고 시작하는 것이다. 그래야 테마 전환을 했을때 어색하지 않은 화면이 나온다. 컬러 정의에 대한 것은 하단의 링크에서 자세히 설명하도록 하겠다😌 link -- 곧... 📒 테마 작업 순서 정의 1. 디자인 가이드에서 컬러정의하기 (여기서 중요한 것은 정의할 때 css에서 사용할 변수명과 동일하게 가이드 하기! ) 2. 정의한 색상들을 scss파일에 변수처리 해놓기 3. 가이드 파일에서 정의한 컬러를 피그마 라이브러리로 끌어와서 디자인 파일에서 사용하기 1. 디자인 가이드에서 컬러 정의하기 먼저 디자인 가이드에서 컬러 ..