다크모드 라이트모드 전환에 궁금한 점 있습니다
다크모드 라이트모드에 궁금한점이있습니다~!
아래 작업파일처럼 라이트모드 다크모드를 각각 만들었는데요.
인스턴스를 활용해서 모드를 전환하면, 배경색은 바뀌는데 텍스트색이 안바뀝니다.. 어떤게 잘못된건지 아무리봐도 모르겠습니다.. ㅠ
답변 2
0
피그마 링크 붙여주셔서 감사합니다.
무엇이 문제인지 바로 알 수 있었습니다. 앞으로도 궁금하실 때 링크 붙여주시면 빠르게 도움 드리도록 하겠습니다.
제가 피그마 파일에도 코멘트를 남겨 드렸는데요. 보시고 확인해보시기 바랍니다.
여기 밑에도 똑같이 정리해 놓았습니다.
우선 문제는 모드의 상속 문제인데요.
무슨 말이냐하면
만약 아래 레이어 구조에서 Frame3가 자식(빨강색)
업무히스토리_Light가 부모(파랑색)라고 한다면
자식을 강제로 Light로 설정해놓으면 부모가 Dark로 바뀌어도 자식은 바뀌지 않습니다.
지금 현재 레이어 설정을 보시면 각각 레이어마다 강제로 모두 Light로 설정해 놓았습니다.
만약 부모만 바뀌었을 때 아래 모든 부분을 바꾸고 싶으시면 부모인 업무 히스토리를 제외하고는 모든 레이어를 모드에서 auto로 하셔야 합니다.
만약 설정을 하시면 아래와 같은 레이어 구조와 모양을 보실 수 있습니다.
그리고 하시면 지금 현재 만드신 경우는 컴포넌트를 다크, 라이트 따로 만드셨는데, 그렇게 하지 마시고 하나로 만드셔서 모드에서 바꾸시면 됩니다.
피그마 파일 안안에 솔루션 패널에 파일 붙여놓았으니 한번 참고하시기 바랍니다.
더 궁금하시거나 이해 안되시면 답글 달아주시면 됩니다!
질문 남겨 주셔서 감사합니다.
스피너 아이콘 크기 질문
0
4
1
미리보기 빈칸생기는 현상
0
5
1
아이콘 빌런 부분
0
28
2
배리어블 Value에 관해 질문있습니다.
0
54
1
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
48
1
Navigation Mobile 토글 베리어블이 안됩니당
1
45
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
42
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
50
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
65
2
next step?
1
80
1
16강 Print Variables 출력 질문
0
84
2
open in Figma 누르고 ui kit 다운?받았을 때
0
80
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
104
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
125
2
이미지 캐러셀 영상
0
72
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
109
3
완강/리뷰 이벤트 후 강의자료
0
67
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
63
1
컴포넌트별 베리어블 구축
0
86
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
43
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
55
2
UI Kit에서 배리어블 등록 안되는 문제
0
63
2
교육용 피그마 계정 문의
0
69
2
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
0
91
3