Тема Avid Reader

:warning: Если вы установили тему до 7 июня 2023 года, вам необходимо переустановить её, используя новую ссылку на репозиторий на GitHub.

:discourse2: Краткое описание Avid Reader — это тема, ориентированная на удобство чтения, вдохновленная дизайном Pocket.
:hammer_and_wrench: Ссылка на репозиторий https://github.com/discourse/avid-reader
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

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

Особенности

Мы увеличили размер шрифта, усилили контрастность между разными заголовками, добавили больше пространства между строками и использовали нейтральный цвет фона для улучшения удобства чтения. Также добавлено несколько пользовательских иконок.

Скриншоты

Компоненты темы

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

Для Versatile Banner мы используем лишь несколько функций, чтобы отображать простое приветственное сообщение с описанием только на главной странице. Вы можете посмотреть скриншот ниже, чтобы воспроизвести наши настройки:

Посмотреть полные настройки для Versatile Banner

А вот код, который мы использовали для нашего приветственного сообщения и описания:

<h2 class="x-title">
  Ваше приветственное сообщение
</h2>
<div class="description">
  <p>
    Краткое описание того, о чем ваш Discourse
  </p>
</div>

Наши рекомендации

Если вы хотите, чтобы ваш Discourse выглядел точно так же, как живое превью, помимо настройки Versatile Banner выше, мы выбрали следующие параметры в настройках администратора.

Стиль категорий

Мы предпочитаем стиль категорий в виде полосы вместо стандартных маркеров. Это можно изменить в:

Администратор > Настройки > Базовая настройка > стиль категорий > полоса

Стиль страницы категорий для настольных компьютеров

Мы выбрали опцию «блоки» для страницы категорий. Это можно изменить в:

Администратор > Настройки > Базовая настройка > стиль страницы категорий для настольных компьютеров > блоки с подкатегориями

Цвета категорий

Мы создали цветовую палитру для категорий, которая, по нашему мнению, хорошо сочетается с остальной частью темы.

Посмотреть HEX-значения цветов
#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

Вы можете добавить эти HEX-значения в:

Администратор > Настройки > Базовая настройка > цвета категорий

Настройка удаления фона карточки пользователя

В теме есть одна настройка, которая может вызвать разногласия. Она называется «скрыть фон карточки пользователя» и делает так, что фон карточек пользователей становится просто белым. Мы считаем, что даже с сильным наложением, используемым по умолчанию в Discourse, фоны карточек пользователей иногда выглядят слишком пёстро.

Однако это ограничивает самовыражение пользователей. Мы решили оставить это как настройку, предоставив администратору право выбора.


Это наша первая тема и, по сути, первое реальное дело в области программирования. Надеемся, вам понравится, и мы будем рады получить любую обратную связь от сообщества. Спасибо команде Discourse за поддержку этой работы!


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

26 лайков

Классная тема, приятная для глаз.

2 лайка

Темы не меняют цвет на другой, например, на сероватый, при открытии. Когда всё одинаково чёрное, сложно сразу найти непрочитанные темы. Вопрос в CSS?

2 лайка

@Jagster спасибо, что обратили на это внимание. Мы тестировали это в Safari и Chrome в режиме без авторизации, и всё работало нормально.


Но я только что очистил историю браузера для проверки, и теперь это не работает: темы не меняют цвет после посещения. Разберусь с этим сегодня позже или завтра утром, спасибо!

1 лайк

Мы только что обновили CSS, теперь должно работать. Это было старое правило CSS, которое мы написали в самом начале и забыли о нём, ха.

2 лайка

Вау, мне нравится!

Мы попробуем его в качестве темы по умолчанию на https://bunqueer.jaquerespeis.org/

Сейчас логотип выглядит не очень, мы заменим его позже.

Спасибо @zavorio и @senioritapolyester <3

1 лайк

Есть ли тёмная тема?

1 лайк

@CamilleRoux мы возможно сделаем что-то подобное позже, но сначала хотели бы предложить вариацию текущей цветовой схемы — более тёмную версию темы. Однако это нельзя назвать «тёмным режимом» в привычном смысле. Скорее, что-то вроде темы Titanium для Standard Notes:

Мне кажется, что большинство распространённых светлых/тёмных интерфейсов создают слишком резкий контраст для глаз. Как выразился @P2W выше, наша цель — сделать что-то комфортное для глаз. Традиционный тёмный режим может оказаться слишком навязчивым. Но кто знает, возможно, мы передумаем :cowboy_hat_face:

2 лайка

Есть ли какие-либо новости по этой цветовой схеме? Она действительно идеальна!

1 лайк

Привет! Пока нет, но к концу года будет. Мы немного заняты :sweat_smile:

2 лайка

Мне очень нравится эта тема, но на моем экземпляре только что появилась новая функция боковой панели, и меню уведомлений сломалось. У кого-нибудь ещё была такая проблема или это только у меня?

Это из-за следующего CSS:

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

Не знаю, какова была первоначальная цель этого правила в данной теме.

2 лайка

Иконка чата отсутствует. Я использовал эту тему раньше, но отказался от неё из-за других проблем — извините, уже не помню, каких именно. Но вижу, что эта тема сломана.

Судя по тому, что я увидел в коде Discourse, причина, вероятно, та же, что и в моём сообщении выше.

2 лайка

@zavorio у вас есть несколько PR на GitHub. Пожалуйста, одобрите их, чтобы исправить тему.

Подумаете ли вы о том, чтобы продолжать обновлять эту тему в будущем, или предпочтёте оставить её?

1 лайк

Тема была перенесена в нашу организацию на GitHub и исправлена.

Если вы установили тему до 7 июня 2023 года, вам необходимо переустановить её, используя новую ссылку на репозиторий на GitHub.

(ОП обновлено)

3 лайка