다크 모드 UI 디자인을 위한 색상 변수 구성 및 이름 지정 방법

'회색-100', '회색-200' 또는 '흰색', '검은색'과 같은 색상의 이름을 지정하지 마세요.밝은 모드에서는 “회색-100”이 흰색에 더 가깝습니다(가장 밝은 회색은 일반적으로 회색-100으로 명명됨). 예를 들어 밝은 모드에서 카드의 배경에 이 색상을 사용할 수 있습니다. 하지만 어두운 모드에서는 카드의 배경이 검은색(가장 어두운 회색)에 가까워야 합니다. 따라서 어두운 모드에서 가장 어두운 회색의 이름을 회색-100으로 지정하면 혼란스러울 수 있습니다.   기본 배경의 이름을 “흰색”으로 지정했지만 어두운 모드에서는 검은색으로 변환됩니다. 어두운 모드에서는 동일한 이름을 “흰색”으로 유지할 수 없습니다. 또 다른 한 가지는 밝은 모드에서는 텍스트 색상이 일반적으로 검은색이지만 어두운 모드에서는 ..

2024.11.27