Sublime 테마

:discourse2: 요약 Sublime - Discourse용 Sublime 테마
:hammer_and_wrench: 리포지토리 링크 https://github.com/discourse/discourse-sublime-theme
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 가이드

이 테마 설치하기

기능

사이드바와 잘 통합되도록 처음부터 설계된 Discourse용 단순하고 세련된(Sublime) 테마입니다.

라이트 모드

카테고리 페이지:

최신 페이지:

다크 모드

카테고리 페이지:

최신 페이지:

이 테마에는 다음 구성 요소가 포함되어 있습니다:


팁

Discourse 설정

이 테마가 올바르게 렌더링되려면 다음 설정 변경이 필요합니다:

  • enable experimental sidebar hamburger 설정을 활성화하세요
  • desktop category page style에 대해 Boxes with Subcategories 옵션을 선택하세요
  • default dark mode color scheme id로 sublime-dark를 선택하세요

환영 배너

관리자 > 환영 배너 (/admin/config/welcome-banner) 페이지로 이동하세요.

  • **위치(Location)**를 Below site header로 설정해야 합니다

:discourse2: 우리의 호스팅 서비스를 사용 중이신가요? 테마는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

35개의 좋아요

좋은 테마네요.

미리보기에 있는 라이트/다크 모드 토글은 테마의 일부인가요?

수정: 이 테마 컴포넌트인 것 같네요. 사이드바와 함께 사용할 때 안정적이지가 궁금해서 확인해봅니다. 고장 난 것으로 표시되어 있었거든요.

3개의 좋아요

와, 정말 아름답네요. 새로운 최애 테마가 생겼어요! 현재 여기에서 사용되지 않는 종속성이 있다는 걸 알고 있지만, 메타에서 (Dark) Sublime 테마를 사용할 수 있으면 정말 좋겠어요! :folded_hands:

 
수정: 아주 사소한 부분이지만, 현재 활성화된 홈 페이지를 나타내는 녹색이 다크 모드와 완벽하게 어울리는지는 조금 의문이 들어요. 팔레트의 나머지 색상과 비교하면 약간 채도가 낮은 것 같아요.

4개의 좋아요

이 주제 뒤에 흰색 배경을 넣기 위해 어떤 CSS 코드를 사용하시나요?

3개의 좋아요

색상 변수이므로 사이트가 라이트 또는 다크 색상 팔레트를 사용하느냐에 따라 변경될 수 있습니다:

body #main-outlet {
    background: var(--secondary);
}
6개의 좋아요

해당 컴포넌트에 대한 몇 가지 문제가 보고되었고, 수정을 검토할 예정입니다. 이 테마에는 기본적으로 해당 컴포넌트가 패키지로 포함되지 않으며, 사용자가 라이트와 다크 컬러 스키마를 모두 테스트해볼 수 있도록 설치해 두었습니다.

감사합니다! 메타에 설치할 수 있는지 확인해 보겠습니다.

알겠습니다. 테마를 포크(fork)해서 다른 색상을 실험해 보고 어떤 것이 더 나은지 확인해 주시겠어요? PR은 언제나 환영합니다. :slight_smile:

4개의 좋아요

재미있네요! 모바일 UI를 위해 고려해야 할 점이 있나요?

3개의 좋아요

모바일 UI는 의견이 담긴 색상 스킴과 버튼 스타일링을 제외하면 거의 바닐라 상태입니다.

4개의 좋아요

정말 멋진 테마네요. 레티나 디스플레이에서도 아름답게 보입니다.
감사합니다 :grinning_face:

2개의 좋아요

#를 어디에 넣을 수 있나요?

@danielabc
어떤 의미인지 좀 더 자세히 설명해 주시겠어요?

hi @techAPJ, 메인 카테고리를 목록이 아닌 박스 형태로 만들 수 있는 방법이 있을까요? 하위 카테고리만 체크박스로 표시하도록 설정을 해보았는데, 하위 카테고리만 바뀌고 메인 카테고리는 그대로입니다.

제 포럼은 이런 모습입니다.

@techAPJ 정말 멋진 테마네요, 감사합니다! 수평 로딩 슬라이더 컴포넌트를 다운로드한다는 점만 참고해 주세요. 물론 이제 이 컴포넌트는 코어에 포함된 것이니까요. :slight_smile:

5개의 좋아요