기존의 홈 화면은 이러한 상태로
흰색 배경 + 콘텐츠 박스에 그림자
여기에 사이드 메뉴가 나오면 검은색 레이어를 씌워 홈 화면을 어둡게 만드는 방식이였다.
처음엔 ai가 코드 자동 생성 과정에서 사이드 메뉴가 펼쳐질 때만 배경색과 콘텐츠 박스 색을 다르게 나오도록 설정했다고 생각했다.
그래서 평상시에도 구분되게 바꾸라고 지시하여 수정한 코드를 실행해봤음에도 결과는 동일했다.
결국 직접 코드를 뜯어보게 되었는데
실제로 ai의 말대로 아무리 봐도 같은 흰색이지만 다 다른 색상코드를 가진 흰색으로 설정되어있는걸 확인할 수 있었다.
그 상태에서 검은 레이어를 겹치니 색의 차이가 벌어진 것이 원인이였다.
ai는 body태그를 지정하지 말고 html태그를 지정하여 배경색을 바꾸라는 얘기도 했지만 이건 눈이 문제였다는 원인을 파악하지 못한 상태에서의 답변이였고
결국 body의 배경색을 평소에 강사님이 자주 사용하던 #afafaf로 바꾸니 해결되었다.
하지만 #afafaf는 가시성은 충분하지만 너무 진하다고 생각하여 결국엔 인텔리제이에서 코드 왼쪽에 보여주는 색상 박스에서 직접 색을 선택하여 변경하였다.
선택한 배경색은 #dcdcdc이다.
최대한 연하면서 육안으로 편하게 구분이 가능한 색상이라고 생각한다.
사실 흰색 계통도 통일하고 싶지만 어차피 육안으로는 차이가 없는 수준이고 색상 변경은 나중에 편하게 할 수 있으니 현 상황에선 그냥 두기로 결정하였다.
