안녕하세요,
제 테마에 추가적인 CSS 스타일을 적용하는 새 컴포넌트를 만들었습니다. 기본 테마를 포함해 모든 테마에 해당 컴포넌트를 적용해 두었습니다.
로그아웃 상태에서는 모든 CSS가 표시되지 않고, 로그인 상태에서는 제대로 표시되는 걸 발견했습니다. 어딘가에 놓치고 있는 설정이 있거나, 제가 이해하지 못하고 있는 부분이 있는 것 같습니다. 한동안 찾아봤는데 왜 이런 현상이 일어나는 건지 도무지 모르겠네요. 도움 주시면 감사하겠습니다!
안녕하세요,
제 테마에 추가적인 CSS 스타일을 적용하는 새 컴포넌트를 만들었습니다. 기본 테마를 포함해 모든 테마에 해당 컴포넌트를 적용해 두었습니다.
로그아웃 상태에서는 모든 CSS가 표시되지 않고, 로그인 상태에서는 제대로 표시되는 걸 발견했습니다. 어딘가에 놓치고 있는 설정이 있거나, 제가 이해하지 못하고 있는 부분이 있는 것 같습니다. 한동안 찾아봤는데 왜 이런 현상이 일어나는 건지 도무지 모르겠네요. 도움 주시면 감사하겠습니다!
안녕하세요 ![]()
추가하신 CSS를 공유해 주시겠어요? 포럼에 JavaScript를 추가하셨나요?
안녕하세요! 다음과 같은 CSS를 가지고 있습니다:
.custom-homepage-columns .header-wrapper a h2, a:visited, .user-menu.revamped .tabs-list .btn .badge-notification, a, { color: #ffffff; }
a:hover { color: #35af74; }
@import url(https://fonts.googleapis.com/css?family=Baloo+2);
body { font-family: 'Baloo 2', 'Helvetica', cursive; font-size: 18px; }
추가한 컴포넌트에 포함된 경우를 제외하고, 포럼에 자바스크립트를 추가하지 않았습니다. 다음 컴포넌트들이 있습니다:
그러나 표시되지 않는 CSS는 사실 위 항목들과 관련이 없으며 테마 색상을 통해 적용되는 것입니다. 커스터마이즈 → 색상 → 테마에서 주/보조/삼차 색상을 변경했지만, 로그인 상태일 때만 적용되고 있습니다.
문제를 좁혀가는 것 같습니다. 기본값으로 Solarized Dark 테마가 설정되어 있음에도 불구하고, 드롭다운 메뉴에서 기본값이 "Light"로 표시되고 있습니다. 따라서 로그아웃된 사용자들이 그 테마를 보고 있는 것으로 추정됩니다. 이제 그 설정을 변경할 위치를 찾고 있는 중입니다. Solarized Dark가 우선 적용되어야 합니다. 또한 이 “Light” 테마가 정확히 무엇인지도 확실하지 않은데, Discourse의 기본 테마인 것 같습니다.
네, 맞습니다 ![]()
Theme can be selected by users
도 선택해 보세요. 기본값은 자동으로 선택되어야 한다는 걸 알고 있습니다.
감사합니다. 말씀하신 대로 시도해 보았어요. 불행히도 Solarized를 기본 테마로 설정할 때 확인 버튼을 누르지 않았다는 걸 알아냈지만, 게스트 모드에서는 여전히 다른 색상이 표시됩니다. Discourse에 플러싱이 필요한 하드 캐싱 같은 기능이 있을까요?
탭을 새로고침하는 것으로 충분합니다. DiscourseHub를 사용 중이라면 세션을 닫고 다시 열어야 합니다.
이것이 테마의 버그인지, 아니면 작성자가 설정한 방식 때문인지 의문이 들고 있습니다. 여기에서 볼 수 있듯이 Solarized Dark에는 두 가지 색상 팔레트가 있습니다:
소문자로 명명된 팔레트는 "수정 불가, 소유자: solarized"로 표시되어 있습니다. 불행히도 이 팔레트가 게스트/시크릿/로그아웃 모드에서 우선순위가 높습니다. 직접 편집하는 테마는 위에 있는 대문자 색상 팔레트이지만, 이 팔레트는 로그인 후에만 표시됩니다.
작성자가 원래 색상을 수정 가능하게 만들지 않는 한, CSS를 하드코딩하지 않고는 제가 할 수 있는 일이 많지 않을 것 같습니다. 이 설명이 이해가 되길 바랍니다. 직접 보지 않고 설명하기가 까다롭습니다.
수정: 하드코딩을 통해 게스트 모드에서 수정 불가능한 테마 색상 옵션을 덮어쓸 수 있었습니다. 당분간 이것이 해결책으로 받아들일 것입니다.