Avid Reader 테마

:warning: 2023년 6월 7일 이전에 테마를 설치하셨다면, GitHub의 새 저장소 링크를 사용하여 재설치해야 합니다.

:discourse2: 요약 Avid ReaderPocket의 디자인에서 영감을 받아 가독성에 초점을 맞춘 테마입니다.
:hammer_and_wrench: 저장소 링크 https://github.com/discourse/avid-reader
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문가이드

이 테마 설치

기능

더 나은 독서 경험을 위해 더 큰 글꼴 크기, 다양한 제목 사이의 크기 대비 증가, 줄 간 여백 증가 및 중립적인 배경색을 구현했습니다. 또한 몇 가지 사용자 정의 아이콘도 포함되어 있습니다.

스크린샷

테마 컴포넌트

이 테마에는 다음 테마 컴포넌트가 포함되어 있습니다:

Versatile Banner의 경우, 홈페이지에만 설명이 포함된 간단한 환영 메시지를 표시하기 위해 일부 기능만 사용하고 있습니다. 아래 스크린샷을 확인하여 우리의 설정을 재현해 보세요:

Versatile Banner의 전체 설정 보기

다음은 환영 메시지 + 설명에 사용된 코드입니다:

<h2 class="x-title">
  Your Welcome Message
</h2>
<div class="description">
  <p>
    A brief description of what your Discourse is all about
  </p>
</div>

우리의 권장 사항

라이브 미리보기와 똑같이 보이길 원하신다면, 위의 Versatile Banner 설정을 구현하는 것 외에도 관리 설정 중 일부에 대해 다음과 같은 선택을 했습니다.

카테고리 스타일

기본적인 불릿 대신 바(bar) 스타일을 선호합니다. 이는 다음 경로에서 변경할 수 있습니다:

Admin > Settings > Basic Setup > category style > bar

데스크톱 카테고리 페이지 스타일

카테고리 페이지에 ‘boxes’ 옵션을 사용하기로 결정했습니다. 이는 다음 경로에서 변경할 수 있습니다:

Admin > Settings > Basic Setup > desktop category page style > boxes with subcategories

카테고리 색상

테마의 나머지 부분과 잘 어울린다고 생각하는 카테고리 색상 팔레트를 만들었습니다.

HEX 색상 값 보기
#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

이 HEX 값을 다음 경로에 추가할 수 있습니다:

Admin > Settings > Basic Setup > category colors

사용자 카드 배경 설정 제거

이 테마에는 다소 논란이 될 수 있는 설정이 하나 있습니다. 'hide user card background’라고 불리는 이 설정은 사용자 카드 배경을 흰색으로 만듭니다. Discourse가 기본적으로 사용하는 강한 오버레이가 있음에도 불구하고, 사용자 카드 배경이 때로는 다소 시끄러워 보일 수 있다고 생각합니다.

그러나 이는 사용자의 자기 표현 측면을 제한합니다. 우리는 이를 설정으로 남겨두고 관리자가 결정하도록 했습니다.


이것은 우리의 첫 번째 테마이자 코딩 측면에서 실제로 만든 첫 번째 작품입니다. 여러분이 이 테마를 즐기시기를 바라며, 커뮤니티의 어떤 피드백도 기꺼이 듣고 있습니다. 이 작업을 지원해 주신 Discourse에 감사드립니다!


:discourse2: 우리가 호스팅하고 계신가요? 테마는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

26개의 좋아요

좋은 테마네요, 눈이 편합니다.

2개의 좋아요

주제를 열었을 때 회색 같은 다른 색으로 변하지 않습니다. 모든 것이 동일한 검은색이라서 읽지 않은 주제를 바로 찾기 어렵습니다. CSS 문제일까요?

2개의 좋아요

@Jagster 이 문제를 지적해 주셔서 감사합니다. 로그아웃 상태에서 Safari와 Chrome에서 테스트를 해봤는데 정상적으로 작동했습니다.


하지만 방금 브라우저 히스토리를 정리하고 테스트해 보니 정상 작동하지 않네요. 방문한 주제(topic)의 색상이 변경되지 않습니다. 오늘 늦게나 내일 아침에 이 문제를 조사해 보겠습니다. 감사합니다!

1개의 좋아요

방금 CSS를 업데이트했는데, 이제 정상적으로 동작해야 합니다. 처음에 작성하고 잊어버린 오래된 CSS 규칙 때문이었네요, 하하.

2개의 좋아요

와, 마음에 들어!

https://bunqueer.jaquerespeis.org/ 에서 기본 테마로 사용해 볼게요.

로고는 지금은 잘 안 보여요. 나중에 바꿀 거예요.

@zavorio 님과 @senioritapolyester 님 감사합니다 <3

1개의 좋아요

다크 모드가 있나요?

1개의 좋아요

@CamilleRoux 나중에 하나를 만들 수도 있지만, 먼저 현재 색상 스킴의 변형으로 테마의 약간 더 어두운 버전을 만들어 보고 싶습니다. 다만 이를 다크 모드라고 부르기에는 무리가 있습니다. 표준 노트(Standard Notes)의 티타늄 테마와 비슷한 선상에서 진행할 예정입니다:

대부분의 일반 라이트/다크 UI는 제 눈에 너무 대비가 강하게 느껴집니다. @P2W가 위에서 언급했듯이, 우리의 목표는 눈에 부담이 적은 것을 만드는 것이었습니다. 전통적인 다크 모드는 너무 과할 수 있습니다. 하지만 제발, 마음을 바꿀 수도 있으니요 :cowboy_hat_face:

2개의 좋아요

이 색상 스킴에 대해 어떤 진전이 있었나요? 정말 완벽합니다!

1개의 좋아요

안녕하세요! 딱히 그런 건 없는데, 연말 전에 나올 거예요. 좀 바빴거든요 :sweat_smile:

2개의 좋아요

이 테마가 정말 마음에 드는데, 인스턴스에 새 사이드바 기능이 추가되면서 알림 메뉴가 깨졌어요. 저만 그런 건가요? 다른 분들도 같은 문제를 겪고 계신가요?

이 CSS 때문이에요:

.widget-component-connector {
    display: none;
}

이 테마에서 이 규칙의 원래 목적은 무엇인지 모르겠어요.

2개의 좋아요

그리고 채팅 아이콘이 없습니다. 이 테마를 전에 사용했는데, 다른 문제들도 있어서 버렸습니다 — 뭐였는지 기억이 나지 않네요. 하지만 이 테마가 깨져 있는 것을 확인했습니다.

Discourse 코드를 확인한 바로는, 원인이 제가 위에서 언급한 것과 같을 것 같습니다.

2개의 좋아요

@zavorio Github에 승인해 주실 PR이 몇 개 있습니다. 테마를 수정하려면 승인해 주십시오.

앞으로도 이 테마를 계속 업데이트하실 의향이 있으신가요, 아니면 이 프로젝트를 그만두고 다른 일을 하시는 편이 좋을까요?

1개의 좋아요

테마가 GitHub의 우리 조직으로 이동되었으며 수정되었습니다.

2023년 6월 7일 이전에 테마를 설치하셨다면, GitHub의 새 저장소 링크를 사용하여 테마를 재설치해야 합니다.

(OP 업데이트됨)

3개의 좋아요