Discourse용 다크 테마 Dracula

Dracula 색상 팔레트를 기반으로 한 테마입니다. 이 색상 구성은 제가 사용하는 텍스트 에디터와 기타 소프트웨어에서 가장 즐겨 쓰는 테마 중 하나였습니다.

Discourse에도 이 테마를 적용하면 좋겠다고 생각했습니다 :smile:

:bat: : Github 저장소 https://github.com/dracula/discourse

:vampire: 테마 크리에이터에서 미리보기

:coffin: 테마 또는 테마 구성 요소를 설치하는 방법?

문제가 보이거나 이상한 점이 있다면 이곳에 알려주세요. 바로 수정하겠습니다! 많이 활용해 보세요 :smiling_face_with_three_hearts:

43개의 좋아요

실제로 꽤 깔끔해 보입니다.

2개의 좋아요

정말 멋져, 드라큘라 분위기가 확 느껴져.

3개의 좋아요

색상은 고정되어 있나요, 아니면 변경할 수 있나요?

2개의 좋아요

테마 색상은 테마/색상 스킴이 정의된 후 고정됩니다. 다만, 직접 사용하시기에 맞게 커스터마이즈하고 싶으시다면 리포지토리를 포크하여 about.json 파일의 색상을 변경해 보세요. :vampire:

3개의 좋아요

안녕하세요,

모바일 뷰에서 “답글” 열을 숨기고 “조회수” 열을 표시하려면 어떻게 해야 하나요? 감사합니다.

업데이트: 답글 열에 대한 해결책을 찾았지만, “조회수” 열을 추가하는 방법을 모르겠습니다.

모바일에서는 views 수를 표시하지 않으며, activity와 replies만 표시합니다. 모바일용 주제 목록 뷰를 직접 만들려면 다음 경로에서 찾을 수 있는 모바일 topic-list-item 템플릿을 수정하는 테마 컴포넌트를 생성해야 합니다:

이 포럼에서 유사한 작업을 수행한 사용자의 예시는 다음 주제에서 확인할 수 있습니다: MD Topic List Mobile component.


아직 테마나 테마 컴포넌트를 만들어 본 적이 없다면, 해당 과정을 잘 설명해 주는 다음 주제를 읽어보시는 것을 권장합니다.

4개의 좋아요

Dracula 테마 - 색상 문제

설명: Discourse 사이트에서 Dracula 테마와 관련된 문제를 발견했습니다. 테마의 외관이 예상된 모습과 다르며, 특히 색상 스키마와 탭의 모습에서 차이가 납니다. 처음에는 Dracula를 사용하는 다른 사이트와 달리 내 테스트 사이트에서 테마가 다르게 표시되었습니다. GitHub 저장소에서 다시 설치한 후 외관이 일치하게 되어, 오래된 코드 또는 변수 사용에 문제가 있는 것으로 추정됩니다.

재현 단계:

  1. 관리자 → 사용자 정의 → 테마에서 Dracula 테마를 설치했습니다.
  2. 기본 테마로 설정했습니다.
  3. 관리자 → 사용자 정의에서 사용자를 위한 다른 테마 및 색상 스키마 옵션을 비활성화했습니다.
  4. 내 프로필(환경 설정 → 인터페이스)에서 Dracula가 선택 가능한 유일한 테마임을 확인하여, 기본 설정 그대로 보고 있는지 확인했습니다.
  5. 특히 탭의 외관이 예상과 다름을 확인했습니다(테마에 잠재적 문제가 있음을 나타냄).

스크린샷:

플랫폼:

  • Mac (데스크톱)

브라우저:

  • Chrome

추가 의견: 이 문제는 테마에서 오래된 CSS 변수를 사용했기 때문에 발생하는 것으로 보입니다. Dracula 테마의 현재 구문($primary, $tertiary, $secondary)은 최근 Discourse 테마에서 사용되는 더 새로운 변수 형식(var(–tertiary), var(–secondary))에 비해 구식이 되었습니다. 이 GitHub 예시에서 볼 수 있듯이. 이러한 구식 변수 사용은 특히 대체 테마나 색상 스키마를 선택할 수 없는 경우 비정상적인 렌더링을 유발할 가능성이 높습니다. 테마를 다시 설치한 후에도 문제가 남아 있어, 이는 테마 코드 구조 내부의 더 깊은 문제를 나타냅니다.

공유해 주셔서 감사합니다! 수정 작업을 진행 중입니다.

이것을 테마로 설정할 수 있나요?

사이드바의 테마 전환 목록에 이 내용을 표시해야 합니다.

메타와 사이드바에 이걸 설치하라는 말씀이신가요?

색상 스키마는 현재 Discourse에서도 선택할 수 있습니다.

1개의 좋아요

네, 메타에서 이 기능을 선택할 수 있을까요?

지금은 사용할 수 없는 것 같습니다.

드라큘라는 메타에서 색상 스킴 옵션으로 사용할 수 있습니다.

개인 사용자 설정 영역에서 인터페이스 설정을 방문하여 이를 선택할 수 있습니다.

2개의 좋아요

아니, 제게는 해당되지 않아요:

이제 meta의 환경 설정에서 색상 선택기를 통해 Dracula 색상을 선택할 수 있어야 합니다.

4개의 게시물이 새로운 주제 색상 스킴 추가로 분리되었습니다.