논의가 진행되는 동안 저도 한번 시도해 보았습니다.
저는 fbk를 테마로 설치해 두었습니다. 또한 설명서대로 색상 스킴도 설정했는데, 어떤 이유에서인지 트리거를 눌러도 색상 스킴이 변경되지 않습니다.
문제가 기본적으로 다크 스킴이 설정되어 있기 때문일까요?
논의가 진행되는 동안 저도 한번 시도해 보았습니다.
저는 fbk를 테마로 설치해 두었습니다. 또한 설명서대로 색상 스킴도 설정했는데, 어떤 이유에서인지 트리거를 눌러도 색상 스킴이 변경되지 않습니다.
문제가 기본적으로 다크 스킴이 설정되어 있기 때문일까요?
이 설정들이 올바르게 구성되어 있는지 확인해 주시겠어요?
그리고
사용자 인터페이스 설정에서 다크 모드와 라이트 모드(기본)의 색상 팔레트를 동일하게 설정해 두었다면, 화면이 변경되지 않습니다.
문제는 FKB Pro 테마 페이지에서 Color Palette가 현재 설정에서 FKB - Dark로 되어 있고, default dark mode color scheme id도 FKB - Dark로 설정되어 있다는 점입니다. 이렇게 되면 버튼을 클릭해도 동일한 색상 팔레트로 전환됩니다. FKB Pro 테마 페이지에서 Color Palette를 FKB - Light로 변경해 보세요.
기본 다크 모드 색상 스킴 ID - FKB-light에서 변경되었지만, 전환할 때 작동하지 않음
![]()
네, 도움이 됐어요.
하지만 어떤 이유에선지 권한이 없는 경우에만 작동합니다.
개인 취향에 따라 달라질 수 있습니다. preferences/interface에서 해당 설정을 찾을 수 있습니다. Color Scheme 섹션을 변경하세요.
익명 사용자의 경우 사이트 설정에서 다음과 같이 지정되어 있어 작동합니다:
기본 색상 스킴: FKB - Light
다크 모드 색상 스킴: FKB - Dark
하지만 개인 설정에서 이 값이 덮어쓰기된 것으로 보입니다.
정확히 이해가 안 되는데, 기본 테마를 다크로 설정하고 밝은 테마로 전환할 수 있는 옵션을 만들 수 있을까요?
기술적으로는 FKB Pro 테마 페이지에서 Color Palette를 FKB - Dark로, default dark mode color scheme id를 FKB - Light로 변경하는 것이 가능합니다. 하지만 그렇게 하면 안 됩니다. 사용자가 기기의 다크 모드를 켜면 FKB - Light 스킴이 적용되므로 사용자 경험 측면에서 좋지 않기 때문입니다. 따라서 좋은 아이디어라고 생각하지 않습니다. 또한 사이드바 토글도 반대로 작동하게 됩니다.
정말 이렇게 하려면 사이트 설정에서 자동 색상 스킴 변경 기능을 비활성화하는 것이 조금 더 나은 방법입니다. 이렇게 하면 다크/라이트 색상 스킴이 자동으로 변경되지 않습니다. 대신 사용자는 설정/인터페이스 페이지에서 선호하는 색상 스킴을 직접 선택할 수 있습니다.
아. 등록을 원하지 않고 가이드를 읽지 않는 사용자분들이 많습니다. 패널에서 단 하나의 버튼으로 기본값인 다크 모드에서 보조 흰색으로 색상 스킴을 변경할 수 없다는 점이 아쉽네요.
안녕하세요, 저는 이 테마를 “Topic Ratings Plugin” 플러그인과 함께 사용하고 있습니다. 이제 모든 업데이트를 완료했습니다.
토픽 제목 페이지에는 평점 별이 정상적으로 표시됩니다.
하지만 홈페이지에서는 게시물의 평점 별 대신 [object Object]가 표시됩니다.
이 문제를 어떻게 수정할 수 있을까요?
*참고: 이 문제는 업데이트(Discourse와 Topic Ratings Plugin) 이후에 발생했습니다.
안녕하세요 @restivulmu ![]()
기본 테마 등 다른 테마에서 시도해 보세요. 해당 테마에는 주제 평점에 관한 작은 CSS 스니펫만 포함되어 있어 이런 유형의 문제를 일으킬 수 없습니다. Discourse 버전도 업데이트하셨나요?
감사합니다. 다른 테마로 전환해도 문제가 계속됩니다. 그렇다면 테마 자체에는 문제가 없는 것이죠.
모든 것이 최신 버전이며, 문제의 근본 원인에 대해서는 전혀 감이 잡히지 않습니다.
멋진 테마입니다!
@Don 안녕하세요! 이 컴포넌트를 호환되게 만들 수 있을까요?
안녕하세요. 하단 섹션을 빨간선과 정렬되게 이동하는 방법이 있을까요?
위쪽 주제/게시물 섹션과 정렬이 안 되어 있어서 강박증 환자인 저로서는 너무 답답하네요, 하하.
그리고 @Don 님, 이 상단 탭을 오른쪽으로 이동하려면 어떻게 해야 하나요? CSS를 만져보려 했는데 방법을 모르겠어요. 일부 주제들을 가리는 모습이 마음에 들지 않거든요.
아래와 같이 'g’와 같은 아래로 내려오는 문자가 잘리는 것에 불편함을 느꼈던 분들을 위한 해결 방법은 다음과 같습니다.
fkb-c-topic-list.scss 파일로 이동하여 123번째 줄(기본값 기준)의 line-height: var(--line-height-small);을 line-height: 1.1rem;으로 변경하세요. 이렇게 하면 잘리지 않고 정상적으로 표시됩니다.
위에 쓴 제 두 개의 답변 외에도, @Don님, 세로형 이미지와 가로형 이미지에 대해 토픽 이미지 배경을 혼합해서 사용할 수 있을까요?
예를 들어, 세로형 이미지가 게시되면 이미지가 잘리지 않고 블러 효과가 적용된 채로 전체가 이렇게 표시되길 바랍니다.
그리고 가로형 이미지가 게시되면 블러 없이 전체 공간을 채우도록 이렇게 표시되길 바랍니다:
이 기능이 있으면 좋겠습니다. 실제로 Facebook도 이렇게 처리하고 있습니다.
안녕하세요 @Festinger
감사합니다! 기본 토픽 목록 템플릿을 사용하라는 뜻인가요? 아직 확실하지는 않지만 시도해 보겠습니다. 작동한다면 이것도 작동할 것입니다.
안녕하세요 @45thj5ej
실제로 그것은 토픽 아바타 + 토픽 본문 너비와 완벽하게 정렬되어 있습니다 ![]()
원하시면 변경할 수 있습니다 ![]()
데스크톱 CSS
.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
width: var(--wo-avatar-width); // 아바타 너비 제외
margin-left: calc(60px + 1em); // 아바타 너비 + 아바타와 본문 사이 간격
}
}
네, 이 부분은 쉽지 않습니다. 해당 요소가 고정 위치(fixed position)를 가지고 있기 때문입니다. 화면 크기에 따라 좌우 여백이 항상 달라지기 때문에 깔끔하게 이동할 수 없다고 생각합니다.
감사합니다. 줄 간격을 늘렸습니다.
아니요, 이 테마에서는 현재 이것이 불가능합니다.
하지만 CSS나 다른 방법으로 가능할까요? ![]()
수정: 아래 내용을 모두 무시해 주세요. 문제는 Discourse의 주제 목록 저자(Topic List Author) 컴포넌트 때문이었습니다.
또한, 이 바(bar)에 무슨 일이 생긴 건지 혹시 아시나요? 어제 밤에 페이지를 새로고침했는데 갑자기 이렇게 변해버렸고, 어떻게 고쳐야 할지 모르겠습니다. 모바일에서는 여전히 정상적으로 보입니다. 그런데 바가 매우 넓어졌고, 클릭하면 텍스트 색상이 (라이트 모드와 다크 모드 모두) 동일해졌으며, 텍스트가 박스 안에 완전히 들어있지 않습니다.
topic-list-header 부분에서 비교해 봤는데 동일해서, 이 현상의 원인이 무엇인지 전혀 알 수 없습니다.