홈페이지가 혼자 다크모드로 보일 때

방문자 브라우저가 사이트 색을 뒤집은 경우

첫 번째 원인은 브라우저의 자동 어둡게 기능이었습니다. 크롬에는 「웹 콘텐츠 자동 어둡게」 기능이 있고, 안드로이드에는 웹페이지를 어두운 테마로 보여 주는 설정이 있습니다. 이 기능을 켜 두면 브라우저가 사이트 색을 알아서 뒤집습니다. 사이트가 밝은 화면용이라고 알려 주면 이렇게 되지 않습니다.

저희 사이트에는 그 표시가 없었습니다. 그래서 브라우저가 색을 어둡게 칠했고, 로고 글자가 어두운 바탕에 묻혀 잘 보이지 않았습니다.

어둡게 보는 설정만 켜서는 같은 화면이 안 나왔습니다

처음에는 어둡게 보는 설정만 켜고 같은 화면을 띄워 보려 했습니다. 그런데 화면이 멀쩡하게 나왔습니다. 하마터면 「방문자 설정 탓」으로 판단할 뻔했습니다. 브라우저의 자동 어둡게 기능을 직접 켜고 나서야 제보받은 화면이 그대로 나왔습니다.

그래서 사이트에 밝은 화면용이라는 표시를 넣었습니다. 그 뒤로는 자동 어둡게 기능이 켜진 브라우저에서도 원래 색으로 나옵니다. 삼성 인터넷의 강제 다크는 이 표시를 무시할 수 있다고 알려져 있습니다. 이 부분은 저희가 직접 확인해 보지 못했습니다.

9월 27일에는 사이트 안의 다크 버튼이 원인이었습니다

9월 27일에 「기본 화면이 다크로 보인다」는 말이 또 나왔습니다. 증상은 비슷했지만, 이번에는 브라우저와 상관이 없었습니다. 저희 글 페이지의 읽기 설정에는 다크 버튼이 있습니다. 이 버튼이 방문자가 고른 값을 거꾸로 저장하고 있었습니다. 그래서 들어올 때마다 다크 화면이 다시 켜졌습니다.

버튼을 고친 뒤에 모든 방문자가 라이트 화면으로 새로 시작하도록 맞췄습니다.

겉모습은 같아도 고칠 곳은 다릅니다

홈페이지가 혼자 어두워지는 흔한 원인은 두 가지입니다. 하나는 방문자 휴대폰이나 브라우저의 강제 다크 기능이 사이트 색을 뒤집는 경우입니다. 다른 하나는 사이트 안 다크모드 버튼에서 고른 값이 브라우저에 저장돼 남아 있는 경우입니다.

화면만 봐서는 둘을 구분하기 어렵습니다. 앞의 경우는 방문자 기기의 기능이 색을 바꾸는 것이고, 뒤의 경우는 사이트 안 기능이 잘못 움직이는 것입니다. 손댈 곳이 전혀 다르니, 어느 쪽인지부터 가려야 합니다.

어느 쪽인지 가리는 두 가지 방법

먼저 다른 휴대폰이나 브라우저 시크릿 창에서 같은 주소를 열어 보세요. 거기서 밝게 나오면 처음 본 기기의 설정이나 그 기기에 저장된 선택 때문입니다.

다음으로 휴대폰 설정에서 다크 모드를 끄고 같은 주소를 다시 열어 봅니다. 그래도 어둡다면 사이트 안에 저장된 다크 선택 때문입니다.

화면 색이 기기마다 다르게 나오거나 원인을 가리기 어렵다면 오류 수정에 증상을 남겨 주세요.