# 🌅 Представляем Horizon, нашу новую тему

**URL:** https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608
**Category:** Announcements
**Tags:** horizon-theme
**Created:** [01.Июль.2025 12:32:45 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608 "2025-07-01T12:32:45Z")
**Posts on this page:** 18
**Page:** 2

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [07.Июль.2025 07:25:50 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/34 "2025-07-07T07:25:50Z")

</div>

Для тех, кто обеспокоен вопросами пространства, считаю важным разделить обсуждение на две части.

> **[Optimal Line Length for Readability](https://www.uxpin.com/studio/blog/optimal-line-length-for-readability/)**
>
> Learn how optimal line length enhances readability, eye movement, and accessibility in digital design, with practical tips for implementation.

Рекомендации WCAG предполагают длину строки не более 80 символов для текста на языках, не использующих иероглифы (CJK). При разработке наших дизайнов мы учитываем это: в Horizon текущая длина составляет около 76 символов.

Итак, у нас есть два разных вопроса:

1. Я не согласен с рекомендациями WCAG и экспертами по юзабилити; я хочу, чтобы строки были такой длины, какую считаю нужной, и не хочу, чтобы кто-либо навязывал ограничение в 80 символов.

2. Я согласен с рекомендациями WCAG, но считаю, что существует альтернативный приём выравнивания, который может улучшить визуальное восприятие.

Для тех, кто относится к группе (2), пожалуйста, поделитесь одним или двумя скриншотами, демонстрирующими более удачную компоновку для широкоформатных экранов.

Для тех, кто относится к группе (1), я считаю, что в данном случае подход должен заключаться в использовании «кастомного компонента».

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [15.Июль.2025 08:06:26 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/36 "2025-07-15T08:06:26Z")

</div>

> [@lindsey](#):
>
> Я скоро свяжусь с вами!

Есть ли какие-то новости по этому вопросу?

---

<div class="post-metadata">

### Author: ![tpetrov](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tpetrov/32/164643_2.png) [@tpetrov](https://meta.discourse.org/u/tpetrov)
#### Post date: [15.Июль.2025 08:19:17 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/37 "2025-07-15T08:19:17Z")

</div>

Тема выглядит отлично!  
Но почему она не работает с расширенными сводками ИИ здесь, на Meta?

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/2/7/e27fa7b3d61d9d3b17714b806322a4d754af25c2.png)

---

<div class="post-metadata">

### Author: ![asa](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/asa/32/184869_2.png) [@asa](https://meta.discourse.org/u/asa)
#### Post date: [15.Июль.2025 09:25:15 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/38 "2025-07-15T09:25:15Z")

</div>

Дело скорее в том, что на широкоформатном экране появляется огромная белая область. У меня есть несколько пользователей с широкоформатными мониторами, которые также сообщают, что это больше раздражает, чем помогает. Я не могу сказать: «Да, это соответствует руководящим принципам WCAG» или «Купите себе «обычный» монитор».

Я думаю, что предложение от @SubStrider в [Help us test Horizon, our newest theme - #70 by SubStrider](https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/70) очень полезно.

Или, возможно, можно разместить навигацию по центру.

 ![Screenshot 2025-07-15 102709](https://global.discourse-cdn.com/meta/original/4X/7/8/5/785cd62dc948c17b548b06fdd7b867df9ed7c14c.png)

---

<div class="post-metadata">

### Author: ![lindsey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lindsey/32/318210_2.png) [@lindsey](https://meta.discourse.org/u/lindsey)
#### Post date: [23.Июль.2025 20:06:51 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/39 "2025-07-23T20:06:51Z")

</div>

> [@Moin](#):
>
> Есть ли какие-то новости по этому вопросу?

~~Мы ещё не добрались до этого, но это есть в нашем списке задач.~~

На самом деле, один из моих коллег только что проверил и подтвердил, что единственная дополнительная строка, добавленная темой Horizon (описание темы), уже доступна в Crowdin. Так что с этой стороны у нас всё в порядке.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [23.Июль.2025 21:45:17 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/40 "2025-07-23T21:45:17Z")

</div>

> [@lindsey](#):
>
> Так что с этой стороны у нас всё готово.

Я думал, что в теме также есть два параметра, описания которых должны быть переведены. Должны ли они остаться на английском, мне ли добавить их в этот файл, перенести ли их в файл en.yml, чтобы их можно было легко перевести в Crowdin, или вы планируете удалить их теперь, когда добавлены настраиваемые параметры сайта?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [24.Июль.2025 10:08:50 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/41 "2025-07-24T10:08:50Z")

</div>

> [@Moin](#):
>
> Вы планируете убрать их теперь, когда добавлены настраиваемые параметры сайта?

> <https://github.com/discourse/discourse/pull/33645>
>
> This commit removes the value transformers introduced
> to Horizon back in https:…//github.com/discourse-org/nextgen-theme/commit/274e5f7a1f15e1244ce7039913036501d76ef8dc
> and https://github.com/discourse/discourse/commit/897d34132e8f323ca42dbfbd377f539761440d09
> in favor of the new themeable site settings introduced in
> 19af83d39e6c06cdc31df2c203623b47bef9c252 , as this is what they
> are for.
> 
> No migration for existing sites...they will already have
> ThemeSiteSetting values from a previous migration to ensure
> site setting values were preserved in theme site settings.
> 
> We do delete the ThemeField storing the Horizon custom theme
> setting definition though, otherwise the UI still shows the old settings.
> 
> \<img width="1170" height="969" alt="image" src="https://github.com/user-attachments/assets/96654138-b59b-4809-8b98-e722fac99202" /\>

К счастью, я терпеливо ждал обновления. Я некоторое время размышлял, стоит ли просто создать pull request для переноса текстов. Очевидно, это было бы пустой тратой времени.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [26.Август.2025 10:09:51 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/42 "2025-08-26T10:09:51Z")

</div>

Ну, я не думаю.

 ![IMG_5993](https://global.discourse-cdn.com/meta/original/4X/f/e/b/febe83f977b4051c54f910c27c2ea93e6795ab65.jpeg)

Я отключил Horizon на своём форуме, потому что слишком часто возникали вопросы о том, как начать новую тему. Пользователи мобильных устройств крайне редко используют боковую панель.

Однако этот вопрос уже обсуждался, и необходимость делать дополнительный клик для выполнения одной из базовых функций форума не считается проблемой 🤷

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [26.Август.2025 10:30:55 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/43 "2025-08-26T10:30:55Z")

</div>

Ну…

> [@Help us test Horizon, our newest theme](https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/8):
>
> DiscourseHub and mobile: 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)

(Недавно кто-то в другой теме спросил, когда пользователи будут использовать полные цитаты. Это может быть одним из примеров, потому что я пометлю эти два последних сообщения для перемещения в тему с предложениями, и тогда полная цитата даст некоторый контекст)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [26.Август.2025 16:55:59 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/44 "2025-08-26T16:55:59Z")

</div>

**Мини-обновление:**

На основе полученной обратной связи (как старой, так и новой) мы решили вернуть кнопку Создать тему на мобильные устройства.

Вы найдёте её на прежнем месте. Новая версия боковой панели также останется.

---

<div class="post-metadata">

### Author: ![Nick-Permaculture](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick-permaculture/32/317842_2.png) [@Nick-Permaculture](https://meta.discourse.org/u/Nick-Permaculture)
#### Post date: [16.Сентябрь.2025 16:57:58 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/45 "2025-09-16T16:57:58Z")

</div>

> [@chapoi](#):
>
> Исходя из полученной нами обратной связи (как старой, так и новой), мы решили вернуть кнопку Создать тему на мобильных устройствах.
> 
> Вы найдёте её на прежнем месте. Новая версия боковой панели также останется.

Спасибо за это. Я всё ещё не вижу кнопку создания новой темы на мобильных устройствах — ни в приложении, ни через браузер — пока не нажму на меню-гамбургер. Я использую последнюю версию Discourse и тему Horizon. Есть какие-то идеи?

РЕДАКТИРОВАНИЕ — Команда помогла мне разобраться в проблеме. Если вы используете стабильную ветку Discourse 3.5.0, кнопка создания новой темы не будет отображаться на мобильных устройствах, так как соответствующий коммит будет добавлен только в следующей стабильной версии. Если вам нужно включить эту кнопку на мобильных устройствах до выхода новой версии, вы можете использовать следующий код пользовательского CSS:

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

```

---

<div class="post-metadata">

### Author: ![newkid](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/newkid/32/522817_2.png) [@newkid](https://meta.discourse.org/u/newkid)
#### Post date: [18.Сентябрь.2025 02:50:31 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/47 "2025-09-18T02:50:31Z")

</div>

Привет, @lindsey. У нас есть стартовая подписка, и я новичок в этом сообществе Meta. Но мы только что перешли на Horizon и уже получаем отличную обратную связь. Поэтому спасибо всем вам за все усилия, приложенные для создания Horizon. Это окажет влияние на наше сообщество и поможет нам в нашей миссии по пересмотру уравнения в сфере недвижимости для всех!

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [01.Ноябрь.2025 15:20:10 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/49 "2025-11-01T15:20:10Z")

</div>

Пост был перенесен в новую тему: [Как настроить цвета в теме Horizon?](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353)

---

<div class="post-metadata">

### Author: ![cmahns](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cmahns/32/329271_2.png) [@cmahns](https://meta.discourse.org/u/cmahns)
#### Post date: [24.Ноябрь.2025 15:26:02 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/50 "2025-11-24T15:26:02Z")

</div>

Есть ли какая-либо документация о том, как выбирается цвет фона боковой панели/заголовка из цветовых схем? Брендбук и руководство по стилю нашей организации приводят к очень розовому фону из-за наших цветов: Horizon определяет `#ffecea` как цвет для выбора, которого нет ни в нашем брендбуке, ни в теме.

Текущая тема приведена ниже:

```plaintext
{
"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"
}
}

```

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [24.Ноябрь.2025 15:40:00 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/51 "2025-11-24T15:40:00Z")

</div>

Фоновый цвет получен из третичного цвета `#595bca` в приведённом ниже примере

```plaintext
--background-color: light-dark(oklch(from #595bca 96% calc(c * 0.125) h), oklch(from #595bca 10% 0.025 h)) !important;

```

Определён в этом файле `_color_definitions_entrypoint.scss`

Если вам нужен другой оттенок, вам придётся скорректировать значения; например, изменение 96% → 98% даст более светлый розовый цвет

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [30.Ноябрь.2025 09:42:48 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/52 "2025-11-30T09:42:48Z")

</div>

Есть ли настройка, чтобы тема была в едином цвете, как здесь?

 ![borda](https://global.discourse-cdn.com/meta/original/4X/3/1/3/31390d7e45ab89edabe0e9ba4f18037be6b4b532.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [30.Ноябрь.2025 09:48:42 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/53 "2025-11-30T09:48:42Z")

</div>

Я думаю, это зависит от выбранной вами цветовой палитры. Вы можете узнать, какая из них используется, в разделе [предпочтения](https://meta.discourse.org/my/preferences/interface) на Meta, а затем настроить её для Horizon на вашем сайте.

---

<div class="post-metadata">

### Author: ![AquaL1te](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aqual1te/32/201966_2.png) [@AquaL1te](https://meta.discourse.org/u/AquaL1te)
#### Post date: [06.Февраль.2026 19:39:06 UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/54 "2026-02-06T19:39:06Z")

</div>

Когда включен компонент темы ниже, при быстром прокручивании вниз заголовок темы на короткое время «отделяется». Не уверен, что правильно объяснил. Если нужен скринкаст, дайте знать. Можно ли сообщить об этом здесь? Или это следует оформить как отчет об ошибке?

> [@Brand Header](https://meta.discourse.org/t/brand-header/77977):
>
> discourse2Summary 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.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/brand-header)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-brand-header](https://github.com/discourse/discourse-brand-header)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Desktop preview: …

[Предыдущая страница](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608.md?page=1)
