🌅 최신 테마 'Horizon' 소개

[sam (Sam Saffron)]

공간에 대한 우려가 있는 분들을 위해, 이 논의를 두 부분으로 나누는 것이 중요하다고 생각합니다.

Optimal Line Length for Readability: The 50–75 Character Rule Explained (2026)

WCAG는 CJK가 아닌 텍스트의 경우 줄 길이를 80자 이하로 유지할 것을 권장합니다. 저희 디자인도 이를 고려하고 있으며, 현재 Horizon의 줄 길이는 약 76자입니다.

따라서 여기에는 두 가지 논의가 있습니다:

1. 저는 WCAG와 사용성 전문가들의 의견에 동의하지 않습니다. 저는 줄 길이를 제가 원하는 만큼 자유롭게 하고 싶으며, 80자 제한을 강제하는 것을 원하지 않습니다.

2. 저는 WCAG에 동의합니다. 다만, 더 나은 외관을 위해 사용할 수 있는 대안적인 정렬 기법이 있다고 생각합니다.

(2)에 해당하는 분들을 위해, 울트라 와이드 화면에서 더 나은 레이아웃을 보여주는 스크린샷을 하나 또는 둘 공유해 주시겠어요?

(1)에 해당하는 분들을 위해, 여기서는 “사용자 정의 컴포넌트” 접근 방식을 취하는 것이 적절하다고 생각합니다.

[Moin]

@lindsey

조금 있으면 후속 조치를 취할게요!

이 건에 대해 업데이트가 있나요?

[tpetrov (Toni Petrov)]

테마가 정말 멋져 보입니다!
하지만 왜 여기 Meta에서 확장된 AI 요약과 함께 작동하지 않나요?

[asa]

대부분 와이드스크린에서 거대한 흰색 공간이 생기는 문제가 더 큰 것 같습니다. 와이드스크린을 사용하는 몇몇 사용자들도 비슷한 피드백을 주었는데, 도움이 되기보다는 오히려 방해가 된다고 합니다. "이것은 WCAG 지침입니다"라고 말하거나 "정상적인 모니터를 사세요"라고 할 수도 없는 노릇이죠.

@SubStrider 님이 Help us test Horizon, our newest theme - #70 by SubStrider 에서 제안하신 아이디어가 매우 유용할 것 같습니다.

아니면 내비게이션을 가운데에 배치하는 것도 방법일 수 있습니다.

[lindsey (Lindsey Fogle)]

@Moin

이 부분에 대한 업데이트가 있나요?

아직 이 작업을 진행하지는 못했지만, 처리할 목록에는 올려두었습니다.

사실 제 동료 중 한 명이 방금 확인해 보니, Horizon(테마 설명)에서 추가된 유일한 문자열은 이미 Crowdin에서 사용 가능합니다. 따라서 그 부분은 문제가 없을 것 같습니다.

[Moin]

@lindsey

그러면 그 부분은 모두 준비가 된 셈이죠.

테마에도 설명이 번역되어야 하는 설정이 2개 있다고 생각했어요. 영어로 두는 게 맞나요, 해당 파일에 추가해야 하나요, 아니면 Crowdin에서 쉽게 번역할 수 있도록 en.yml 파일로 이동해야 하나요? 아니면 테마 설정이 추가되었으니 이제 제거할 계획인가요?

themes/horizon/settings.yml

[Moin]

@Moin

테마 설정 가능한 사이트 설정이 추가되었으니 이제 이들을 제거할 계획인가요?

DEV: Use themeable site settings for Horizon (#33645)

다행히 업데이트를 인내심 있게 기다렸습니다. 텍스트를 옮기는 풀 리퀘스트를 단순히 생성해야 하는지 한동안 고민했습니다. 당연히 그것은 시간 낭비가 되었을 것입니다

[Jagster (Jakke Flemming)]

글쎄, 난 그렇게 생각하지 않아.

포럼에서 Horizon을 비활성화했어. 왜냐하면 주제 생성 방법을 묻는 질문이 너무 자주 올라왔거든. 모바일 사용자는 사이드바를 거의 사용하지 않아.

하지만 그 질문은 이미 논의되었고, 포럼의 기본 기능 중 하나를 실행하기 위해 추가 클릭을 해야 한다는 요구는 문제가 되지 않는다고 여겨졌어

[Jagster (Jakke Flemming)]

음…

최신 테마 Horizon 테스트에 함께해 주세요

DiscourseHub and mobile: [This image shows a screenshot of the Google Assistant interface and Windows settings on a smartphone with a 31% battery level. (Tekoälyn laatima kuvateksti)] Forcing to use the sidebar to start new topic wouldn’t be the smartest move, if the target is not the most skilful users (specially when a mobile is used)

(최근 다른 주제에서 사용자가 전체 인용을 언제 사용할지라는 질문이 있었습니다. 이 두 개의 최신 게시물을 추천 주제로 이동하도록 표시할 예정이므로, 전체 인용을 사용하면 일부 맥락을 제공할 수 있을 것입니다.)

[chapoi]

미니 업데이트:

수신한 피드백(기존 및 신규)을 바탕으로, 모바일에서 주제 만들기 버튼을 다시 복원하기로 결정했습니다.

이전 위치에서 다시 확인하실 수 있습니다. 새 사이드바 버전도 계속 유지됩니다.

[Nick-Permaculture (Nick J)]

@chapoi

수신한 피드백(구버전 및 신버전)을 바탕으로 모바일에서 주제 만들기 버튼을 복원하기로 결정했습니다.

이전 위치에서 다시 찾을 수 있습니다. 새로운 사이드바 버전도 계속 유지됩니다.

감사합니다. 하지만 햄버거 메뉴를 먼저 클릭하지 않는 한, 앱이나 브라우저를 통해 모바일에서 새 주제 버튼을 여전히 볼 수 없습니다. 저는 최신 버전의 Discourse를 사용 중이며 horizon 테마를 적용하고 있습니다. 혹시 원인을 아시는 분 계신가요?

수정 - 팀의 도움을 받아 원인을 파악했습니다. Discourse 3.5.0의 Stable Branch를 사용 중인 경우, 다음 안정 버전이 출시될 때까지 해당 커밋이 추가되지 않기 때문에 모바일에서 새 주제 버튼이 표시되지 않습니다. 그 전에 모바일에서 새 주제 버튼을 활성화해야 한다면 다음 사용자 정의 CSS 코드를 사용할 수 있습니다:

.navigation-controls .fk-d-button-tooltip {
display: inline-flex !important;
}

[newkid (Chris)]

안녕하세요 @lindsey. 우리는 스타터 구독을 사용하고 있으며, 이 커뮤니티 메타에 새로 온 사람입니다. 하지만 우리는 방금 호라이즌으로 전환했고 이미 훌륭한 피드백을 받고 있습니다. 호라이즌을 만들어 주신 모든 분들의 노고에 감사드립니다. 호라이즌은 우리 커뮤니티에 영향을 미치고, 부동산 공식을 모두를 위해 재균형화하려는 우리의 사명을 돕는 데 기여할 것입니다!

[cmahns (Colin Mahns)]

사이드바/헤더 배경색이 컬러 스킴에서 어떻게 선택되는지에 대한 문서가 있을까요? 저희 조직의 브랜드 및 스타일 가이드 색상으로 인해 배경색이 매우 분홍색으로 나타나고 있습니다. Horizon이 #ffecea를 선택할 색상으로 결정했는데, 이 색상은 저희 브랜드 북에도 테마에도 없습니다.

현재 테마는 다음과 같습니다:

{
“name”: “DSA Horizon Light”,
“light”: {
“primary”: “231F20”,
“secondary”: “ffffff”,
“tertiary”: “F04C53”,
“quaternary”: “EC1F27”,
“header_background”: “ffffff”,
“header_primary”: “3B3838”,
“selected”: “eae7e8”,
“hover”: “f2f1f1”,
“highlight”: “F5EBD6”,
“danger”: “F7A5A9”,
“success”: “009d63”,
“love”: “EC1F27”
“tertiary-med-or-tertiary”: “39845b”
}
}

[chapoi]

배경색은 삼차색에서 파생되며, 아래 예시에서는 #595bca입니다

--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;
```\n
이 값은 `_color_definitions_entrypoint.scss` 파일에서 정의됩니다

다른 색조(shade)가 필요하다면 값을 조정해야 합니다. 예를 들어 96% → 98%로 변경하면 더 밝은 분홍색이 생성됩니다

[David_Ghost]

이처럼 테마를 통일된 색상으로 설정할 수 있는 옵션이 있나요?

[Moin]

선택한 색상 팔레트에 따라 달라질 수 있습니다. 설정에서 현재 사용 중인 팔레트를 확인할 수 있으며, 이어서 사이트에서 Horizon에 맞게 설정할 수 있습니다.

[AquaL1te]

아래의 테마 구성 요소가 활성화된 상태에서 빠르게 아래로 스크롤하면 주제 헤더가 잠시 분리되는 현상이 발생합니다. 제가 정확히 설명하고 있는지 잘 모르겠습니다. 스크린캐스트가 필요하시다면 말씀해 주세요. 여기서 보고해도 괜찮을까요? 아니면 버그 리포트로 작성해야 할까요?

Brand Header

Summary Brand Header adds an extra top header for branding with your logo, navigation links, and social icons for both mobile and desktop views. Brand logo can be an image or text. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-brand-header New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Desktop preview: …