Тема 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, указанной выше, мы выбрали следующие параметры в настройках администратора.

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

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

Admin > Settings > Basic Setup > category style > bar

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

Мы выбрали опцию ‘boxes’ (карточки) для страницы Категорий. Это можно изменить здесь:

Admin > Settings > Basic Setup > desktop category page style > boxes with subcategories

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

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

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

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

Admin > Settings > Basic Setup > category colors

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

В теме есть одна настройка, которая может вызвать споры. Она называется ‘hide user card background’ (скрыть фон карточки пользователя), и она делает фон карточек пользователей просто белым. Нам кажется, что даже с сильным оверлеем, который 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 лайка