컬러팔레트 관련 질문드립니다!
안녕하세요! 라이트/다크 모드로 디자인 시스템 작업을 해야되는데
파운데이션 컬러 primary와 secondary를 브랜드 컬러로 하고 thema / black 또는 black, white 라고 이름을 바꿨는데 라이트/다크모드 적용이 되지 않더라고요ㅠㅠ primary, secondary라고 꼭 해줘야 적용이 되는 걸까요??
그렇다면 primary / dark , primary / light 라고 하면 되는 걸까요??
개발자분께 전달 드릴 때 primary 컬러로 시작하는 게 많아서 헷갈리거나 그렇지는 않겠지요?
답변 1
1
안녕하세요 예압님 :)
primary와 secondary 컬러로 브랜드 컬러를 정하셨다면, 라이트 / 다크 모드의 따라 색상이 변하는 테마 컬러를 따로 정하신건 좋은 방법인듯 합니다.
테마의 색상이 자동으로 변경될려면, 글로벌의 각각의 색상을 설정한 뒤 라이트/다크 모드에서 같은 네이밍을 사용해야 변경이 된다는 점이 포인트 입니다!
ex) global black : {black} , white : {white}
light) themeColor {black}
dark) themeColor {white}
그래야 피그마 자체에서 색상의 이름으로 인식 후 변경이 될 수 있습니다 :)
명명규칙은 개발자와 논의 후 정하는게 맞으나, 대게는 혼란스럽지 않게 primary와 secondary 앞뒤로 수식을 붙이지 않고 고유한 값으로 사용되는 경우가 많습니다 :)
감사합니다 :)
0
안녕하세요! 알려주신대로 글로벌에서 블랙, 화이트 색상 설정 후
light) themeColor {black}
dark) themeColor {white} 로 해서 색상을 넣어주었는데 변경이 안되는 경우엔 어떻게 해야될까요?ㅠㅠㅠ
0
안녕하세요 예압님 :)
제가 비슷한 상황을 만들고 시연했을땐 잘 변경되는것으로 확인 됩니다.
혹시 몰라 gif 파일도 같이 첨부 드리니 확인 해보시기 바랍니다 :)
감사합니다 :)
0
첨부해주신 gif를 보고나니 제가 어디서 부터 잘못했는지 알수 있었습니다. 감사합니다!!😭
아 그리고 정말 죄송하지만 또 궁금한 것이 있습니다. 라이트에서 다크모드 시 라인이나 텍스트, 컴포넌트의 색상이 변경되어야하는데 그럼 테마 적용할때와 같이 모두 이름이 같아야 되는 건가요? 라인이면 lineprimary, linesecondary... textprimary... 이런식으로요!
즐거운 연휴인데 자꾸 질문드려서 정말 죄송합니다ㅠㅠ새해 복 많이 받으세요! 다시 한번 감사합니다.
0
안녕하세요 예압님 :)
다른 요소들의 색상도 변경되어야 한다면 역시 동일한 명명규칙을 사용하여 컬러매핑 작업을 해주셔야 합니다 ^^
lineprimary 보다는 linePrimary 처럼 camelCase 방식을 사용해 주시는게 개발자들이 보기 더 편할듯 합니다.
즐거운 연휴에 열심히 강의 시청해주셔서 제가 더 감사드립니다 ^-^
borderTransparent를 라이트/다크모드에 이중등록
0
30
2
해결되었습니다.
0
24
1
안녕하세요! 강의잘 들었습니다.
0
77
2
타이포그래피 16 -> 14 변경 시 XXXL만 변경 안 됨
0
49
2
토큰스튜디오에서 폰트 스타일등록 문의
0
65
2
토큰에서 style로 export시 에러
0
71
2
컬러시스템 등록 관련
0
72
2
토큰 light/dark mode 오류
0
67
2
Pretendard 없으면 에러납니다
0
232
2
폰트 토큰 작업 할때
1
99
3
여기 수업에서 엘로우나 레드나 블루 이런 컬러들을 다양하게 만드는 이유가 뭔가요?
0
57
2
토큰을 깃허브에 올리는 방법이 없어진거 같은데요
1
82
2
토큰 export 할때 어떻게 해야 하나요? 버전이 바뀌어서 그런지 못찾겠어요
0
212
2
인프런 할때마다 짜증나는데 수업내용이 너무 오래된건 제발 삭제좀 하던지 다시 찍던지 해주세요
1
79
1
tailwind color generator 이게 작동이 잘 안되네요
0
75
2
figma tokens플러그인 안나오는데요??
0
125
2
혹시 토큰 가공할 수 있는 강의도 따로 있을까요??
1
55
2
피그마 배리어블에 export시 값 저장 안됨
0
207
3
Style - variable 문으ㅣ ㅜㅜ
0
69
2
borderTransparent 임포트가 안됩니다
1
69
2
화면이 보이지가 않아요?
0
67
1
컬러맵핑하고 라이트/다크 모드 설정시 색상 반전이 안돼요 ㅠㅠ
1
271
2
피그마 토큰 플러그인
1
292
2
깃허브 sync 오류
1
193
2