안녕하세요 여러분,
어젯밤 Discourse를 2026.4.0-latest (e4ab7a2cc9)로 업데이트한 이후에만 발생하기 시작한 이 문제에 대해 해결 방법을 알고 계신 분이 있을까 하여 문의드립니다.
우리는 모든 카테고리 배지에 흰색 글씨를 사용하고 있으며, 토픽 상단에 있을 때는 올바르게 표시됩니다.
그러나 토픽을 아래로 스크롤하기 시작하면 카테고리의 글자 색상이 자동으로 변경됩니다.
테마 설정을 살펴봤지만 이 현상을 일으키는 원인이 무엇인지 찾을 수 없습니다.
안녕하세요 @RFL
가장 먼저 해야 할 일은 항상 안전 모드에서 테스트하는 것입니다.
두 번째 팁은 사용하는 테마를 언급하는 것입니다. 스크린샷에 기본 태그 스타일이 표시되지 않으므로, 문제가 해당 테마에 특화된 것일 것이라고 생각합니다.
세 번째 팁은 인스펙터를 통해 무슨 일이 일어나고 있는지 확인하고, 그 스크린샷을 여기에 게시하는 것입니다.
chapoi 님,
빠르고 도움이 되는 답변을 주셔서 감사합니다.
안전 모드 테스트(옵션을 하나씩 비활성화하는 방식)를 수행해 보았는데, 다음 항목들을 비활성화해도 차이가 없었습니다.
저희는 ‘box’ 스타일을 선택하여 Category Badge Styles 컴포넌트를 사용하고 있습니다.
따라서 테마와 테마 컴포넌트를 비활성화하니 문제가 사라졌는데, 이는 카테고리 배지가 기본 모양으로 돌아갔기 때문입니다.
저희는 다음과 같은 색상 팔레트를 사용하는 라이트 모드 테마를 사용하고 있습니다.
저희의 커스텀 CSS는 다음과 같습니다.
/* table */
.cooked table thead, .d-editor-preview table thead {
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
background-color: #ddd;
}
.cooked table tr, .d-editor-preview table tr {
border-bottom: 1px solid #ddd;
}
.cooked table td, .cooked table th, .d-editor-preview table td, .d-editor-preview table th {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.fa-heart:before {
content: "\f164";
}
.category-name {
font-weight: bold;
text-transform: uppercase;
padding: 1px;
}
인스펙터를 사용해 보니, 첫 번째 줄의 체크를 해제하면 글자 색상이 다시 올바른 색상(흰색)으로 돌아오므로 이 부분이 문제의 원인으로 보입니다.
이 문제를 수정하는 방법에 대해 어떤 아이디어가 있으신가요?
포럼에서 테마와 색 팔레트를 하나만 사용하고 있다면, 커스텀 CSS에 다음 내용을 추가할 수 있습니다:
.badge-category__wrapper .badge-category__name {
color: var(--secondary);
}
릴리, 고마워요. 그 방법으로 해결이 되었고, 문제를 가장 빠르게 해결하는 것 같네요.
문제가 어디서 발생하고 있는지 조사하고, 여기에서 업데이트하겠습니다.
우리 파운데이션 현대화 작업에서 나온 몇 가지 스타일이 여기서 텍스트 색상을 덮어쓰는 것 같습니다.
카테고리 배지 테마 컴포넌트에 예상되는 색상이 올바르게 설정되도록 하는 PR을 준비했습니다. 머지되면 테스트해 보실 수 있습니다.
데릭, 감사합니다. 정말 감사드립니다.
병합되었습니다! 추가로 문제가 발생하면 알려 주세요.
This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.
