Avid Reader 테마

[Discourse]

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

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

이 테마 설치

본 테마는 Discourse 팀이 관리하는 #공식 테마이므로, #지원 문제, #기여:버그 신고, #기여:UX 제안, #개발 조언 요청은 Meta의 해당 카테고리에서 적절한 테마 태그를 붙여 게시할 수 있습니다. 아래 링크를 클릭하여 새 주제를 시작해 보세요.

 지원  버그  UX  개발

기능

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

스크린샷

테마 컴포넌트

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

• Discourse Clickable Topic Component
• @tshenry의 Versatile Banner

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에 감사드립니다!

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

[P2W (Mike Riddick)]

nice theme, easy on the eyes.

[Jagster (Jakke Flemming)]

Topics don’t change color to something else, like grayish, when opened. When everything is same black it is difficult to find right away unread topics. Matter of CSS?

[zavorio (Carlos Saborío-Romero)]

@Jagster thanks for pointing this out. We had tested this in Safari and Chrome while logged out and it worked fine.

But I just cleaned the browsers history to test it and it doesnt work, topics don’t change colors after visiting them. Will look into this later today or early tomorrow, thanks!

[zavorio (Carlos Saborío-Romero)]

We just updated the CSS, should work now. It was an old CSS rule that we wrote at the beginning and forgot about, ha.

[elopio (Leo Arias)]

Wow, I like it!

We’ll try it as the default theme in https://bunqueer.jaquerespeis.org/

The logo doesn’t look good now, we’ll change it later.

Thanks @zavorio and @senioritapolyester <3

[CamilleRoux]

Is there a dark mode?

[zavorio (Carlos Saborío-Romero)]

@CamilleRoux we might make one later one but first we’d like to do a variation on the current color scheme for a slightly darker version of the theme. But its not something you would call Dark mode. Something more along the lines of the Titanium theme for Standard Notes:

I find most common Light/Dark UIs to be too hard contrast for my eyes. As @P2W expressed above, our goal was to make something easy on the eyes. A traditional dark mode might be too much. But hey, we might change our minds

[Zup]

@zavorio

Something more along the lines of the Titanium theme for Standard Notes:

Has there been any progress on this color scheme? It’s really quite perfect!

[zavorio (Carlos Saborío-Romero)]

Hey! Not really, but will be out before the end of the year. We’ve been a bit busy

[stuwest]

I’m loving this theme, but my instance just added the new sidebar feature and the notifications menu broke. Has anyone else had that issue or is it just me?

[Canapin (Coin-coin le Canapin)]

It’s because of this CSS:

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

I don’t know what is the original purpose of this rule in this theme.

[Jagster (Jakke Flemming)]

And chat icon missing. I used this theme earlier, but I dumped it because there was other issues too — sorry, can’t remember anymore what. But I see this theme broken one.

[Canapin (Coin-coin le Canapin)]

@Jagster

And chat icon missing.

From what I saw from Discourse’s code, I believe the cause is the same as my message above.

[dax (Daniela)]

@zavorio there are a couple of PR on Github for you. Please approve them to fix the theme.

Would you consider continuing to update this theme in the future, or would you prefer to move on from it?

[dax (Daniela)]

The theme has been moved to our organization on GitHub and has been fixed.

If you installed the theme before June 7, 2023, you will need to reinstall it using the new repository link on GitHub.

(OP updated)