Тема Sublime

:discourse2: Краткое описание Sublime — субстанциальная тема для Discourse
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/discourse-sublime-theme
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить эту тему

Особенности

Простая и субстанциальная тема для Discourse, разработанная с нуля для оптимальной интеграции с боковой панелью.

Светлая тема

Страница категорий:

Страница «Последние»:

Тёмная тема

Страница категорий:

Страница «Последние»:

Эта тема включает следующий компонент:


Советы

Настройки Discourse

Для корректного отображения этой темы необходимо изменить следующие настройки:

  • Включить настройку enable experimental sidebar hamburger
  • Выбрать опцию Boxes with Subcategories для desktop category page style
  • Выбрать sublime-dark как default dark mode color scheme id

Приветственный баннер

Перейдите на страницу Admin > Welcome banner (/admin/config/welcome-banner).

  • Расположение должно быть установлено в Below site header

:discourse2: Хостинг у нас? Темы доступны для использования в наших тарифах Standard, Business и Enterprise.

35 лайков

Классная тема.

Является ли переключатель светлой/тёмной темы в превью частью темы?

Редактирование: Я вижу, что это компонент темы — просто проверяю, работает ли он стабильно с боковой панелью сейчас, так как ранее он был помечен как нерабочий.

3 лайка

Ого, это просто великолепно! У меня появился новый любимый стиль! Я знаю, что у него есть зависимости, которые сейчас здесь не используются, но мне бы очень хотелось иметь возможность использовать (тёмный) Sublime здесь, на Meta! :folded_hands:

 
редактирование: Это очень мелкая деталь, но я не совсем уверен, что зелёный цвет, используемый для обозначения текущей активной домашней страницы, очень хорошо сочетается с тёмным режимом. Он кажется немного слишком приглушённым по сравнению с остальной палитрой.

4 лайка

Какой CSS-код вы используете, чтобы добавить этот белый фон за темами?

3 лайка

Это переменная цвета, поэтому она может изменяться в зависимости от того, используется ли на сайте светлая или тёмная цветовая схема:

body #main-outlet {
    background: var(--secondary);
}
6 лайков

По этому компоненту есть несколько сообщённых проблем, и я займусь их исправлением. Этот компонент не включён по умолчанию в эту тему; я установил его только для того, чтобы пользователи могли протестировать как светлую, так и тёмную цветовые схемы.

Спасибо! Я посмотрю, сможем ли мы установить её на Meta.

Принято. Не могли бы вы создать форк темы и поэкспериментировать с разными цветами, чтобы посмотреть, что будет выглядеть лучше? PR всегда приветствуется. :slight_smile:

4 лайка

Интересно! Нужно ли учитывать что-то особенное для мобильного интерфейса?

3 лайка

Мобильный интерфейс почти ванильный, за исключением субъективной цветовой схемы и стилизации кнопок.

4 лайка

Невероятно приятная тема. Выглядит прекрасно на дисплее Retina.
Спасибо :grinning_face:

2 лайка

Где я могу поставить #?

@danielabc
Не могли бы вы уточнить, что вы имеете в виду?

Привет, @techAPJ! Как сделать основную категорию в виде блока, а не списка? Я пробовал отмечать галочки, но меняется только подкатегория, а не основная категория.

Вот как выглядит мой форум:

@techAPJ Это чудесная тема, спасибо! Хотел лишь отметить, что она скачивает компонент горизонтального индикатора загрузки, который, конечно же, теперь является частью ядра. :slight_smile:

5 лайков