Discourse 무료 플랜의 설정 페이지에서 옵션이 읽기 어렵습니다:
6개의 좋아요
@derek 이 페이지를 찾아봤는데, 당신은 분명 더 빠를 거예요
2개의 좋아요
안녕하세요 @NateDhaliwal! MacOS에서 Chrome, Safari, FF를 다크 모드로 실행하여 이 문제를 재현하지 못했습니다:
다만, 해당 토글의 다크 모드 배경에서 누락된 CSS 변수를 발견했는데, 이것이 원인이 될 수 있습니다. 수정 사항을 방금 푸시했습니다:
4개의 좋아요
@derek 님, 안녕하세요. 저는 여전히 Chrome, Windows 10에서 이 문제를 재현하고 있습니다.
이것이 캐시 문제가 아닌지 확신하나요? 하드 리로드(Ctrl+Shift+R)를 시도해 보셨나요? 다크 리더(Dark Reader)가 설치되어 있나요?
네, 방금 시도해 봤는데 아무 변화가 없어요. 브라우저 콘솔에도 에러가 안 나와요 (거기에 표시될 거라고는 생각 안 하지만요).
@NateDhaliwal 방금 Windows 10에서 Chrome으로 시도해 보았지만 재현하지 못했습니다. 로컬에서 이 문제를 보고 계신가요, 아니면 호스팅된 인스턴스에서 보고 계신가요?
DevTools에서 토글 요소를 검사(Right click → Inspect)해 보고 스타일 패널에서 확인되는 내용을 공유해 주실 수 있을까요?
1개의 좋아요
스타일들을 살펴봤는데, 이게 핵심 부분인 것 같습니다:
여기서 배경색을 제어하는 변수는 --1e94960e-csstools-light-dark-toggle--2입니다.
제 판단으로는 --wizard-primary-900 변수가 정의되어 있지 않으며, --csstools-color-scheme--light 변수 정의는 다음과 같습니다:
background-color를 변경하거나, 변수를 추가하여 green이나 yellow 같은 임의의 색상을 넣으면 더 “정상적인” 모습(솔직히 왜 green이나 yellow가 나타나지 않는지는 모르겠지만: 잘못된 문법 때문이라고 추정합니다)을 보입니다:
3개의 좋아요
@NateDhaliwal 자세한 정보 감사합니다. 제 추측으로는 라이트/다크 모드 관련이 있을 때 누락된 CSS 변수와 PostCSS를 통한 컴파일 방식이 원인인 것 같습니다. 이 문제를 재현할 수 없는데도 브라우저가 라이트 모드 배경색으로 폴백되는 것처럼 보이니 다소 이상합니다.
스크린샷을 보면, 제 수정 사항이 아직 해당 인스턴스에 배포되지 않은 것으로 보입니다. 이제 배포가 완료되었으니 다시 시도해 보고, 여전히 문제가 있는지 알려주세요.
1개의 좋아요
재현 불가.