아래처럼 100 부터 900 까지 컬러 팔레트를 만들고 스타일을 지정할 때 Styler 플러그인을 사용하면 하나하나 스타일 등록을 하지 않고 한번에 할 수 있다.
자신의 컬러로 위에 처럼 팔레트를 만들 고 싶다면 이 Eva Design System 을 사용해도 좋다.
우선 각 컬러의 이름 설정은 전체를 선택하고 cmd + R 을 눌러 설정할 수 있다.
새로운 이름을 쓰고 나열된 순서대로 번호를 설정할 수 있고, 기존 이름에서 수정 및 추가할 때는 커런트 네임을 활용하면 된다. 숫자를 누르면 nn 이 뜨는데 n 만 남기고 숫자를 붙여서 조정할 수도 있다. 이름 앞에 / 슬래시를 붙이면 스타일에서 해당 이름으로 한번더 그룹핑이 되니. primary, secondary 등 다른 컬러 그룹등이 있을 경우 이렇게 / 붙여서 달아주면 좋다.
이제 해당 요소를 모두 선택하고 Styler 플러그인을 실행해주면,
우측에 이렇게 컬러 스타일이 설정된 것을 볼 수 있다.
해당 팔레트는 우측 패널에서 점 4개의 스타일 아이콘을 눌러서 확인할 수 있다.
Today I Learned