Создание стильной темы ... стоит ли отправлять upstream или нет?

Привет!

В прошлом месяце мой любимый форум перешёл на Discourse. Это было в основном улучшением, но люди жаловались* на внешний вид и ощущения от интерфейса. Поэтому я решил это исправить и в итоге провёл серьёзный редизайн стиля. Теперь я пытаюсь решить, стоит ли прилагать усилия, чтобы превратить это в полноценную тему и объединить её с основным кодом, или это нереалистично.

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

Работа ещё продолжается, но вот несколько скриншотов:

Она разработана так, чтобы создание и переключение между несколькими цветовыми палитрами было относительно простым. Вот три уже существующие палитры.

Дневной режим:

Ночной режим:

Уютный серый:

Сообщения в теме бывают четырёх видов: обычные (серые с синим заголовком), администраторов/модераторов (зелёные), автора темы (голубые) и текущего вошедшего пользователя (фиолетовые или розовые). Все их легко изменить.

Предпросмотр редактора и маркер перетаскивания соответствуют стилю «текущего пользователя». Также полосы прокрутки соответствуют теме страницы. Таймлайн стилизован так, чтобы выглядеть больше как полоса прокрутки.

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

Меню пользователя / уведомлений:

Более чёткое вложение встроенных сообщений:

Карточка информации о пользователе и предварительный просмотр ссылки:

На данный момент это просто большой файл переопределения стилей и меньший файл для определения цветов. Но если будет реально добиться принятия темы в основную ветку, я могу преобразовать её в полноценную тему Discourse.

Действительно уникально, отличная работа!

(Кстати, в каждой демонстрации темы должен быть чат-бот :wink: )

О, э-э, это всё ещё в разработке, но если кто-то хочет попробовать то, что у меня есть на данный момент… самый простой способ — локально, используя переопределение стилей в браузере:

  1. Установите Stylus, если у вас его ещё нет.
  2. Откройте сайт на платформе Discourse и нажмите на значок Stylus.
  3. В разделе «Создать стиль для» выберите «this-site.tld».
  4. Добавьте название темы.
  5. Вставьте содержимое соответствующего CSS-файла, ссылки на которые приведены ниже. В идеале сначала используйте файл style.css, так как остальные зависят от него.
  6. Сохраните.
  7. Повторите процедуру для остальных файлов, по одному на каждую тему.
  8. Включите базовую тему и одну из остальных тем. Отключите остальные темы.

Я всё ещё размышляю над тем, стоит ли конвертировать это в устанавливаемую тему для сервера. На форуме, для которого я это создал, администратор просто установил ещё один экземпляр темы Sam’s Simple Theme и применил эти стили как переопределения… что работает, но не является идеальным решением.

Для контекста вот на что жаловались люди в теме по умолчанию, и поэтому я попытался это исправить:

  • Слишком просто.
  • Слишком много пустого пространства.
  • Недостаточно информации на экране одновременно. Пользователи хотели более высокую плотность информации.
  • Иногда непонятно, какие элементы страницы можно кликнуть… например, даты начала/окончания в виджете временной шкалы.
  • Иногда непонятно, как элементы страницы связаны друг с другом… например, посты, встроенные посты и цитаты. Некоторые люди считали, что визуальных подсказок, указывающих на структуру, недостаточно.
  • Недостаточно визуального разделения между элементами страницы. Всё выглядело так, будто напечатано на одном непрерывном документе.
  • Люди специально просили строки списка тем в одну строку и полосатый фон в стиле «тигровых полос».

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

Минималистичные темы — хороший вариант по умолчанию, так как они практичны, доступны и нейтральны. Но для тех, кто хочет альтернативу этому, я создал что-то… другое. :sweat_smile:

Это всё ещё в процессе, но я начал добавлять поддержку виджета чата…

Отличная работа. Мне это нравится.

Потрясающая тема!

Я добавил вас в группу авторов тем, так что вы можете создать тему для своей темы в канале #theme. Это позволит людям устанавливать её на свои экземпляры одной кнопкой.

Спасибо!

Я немного болел, но теперь уже почти выздоровел, так что, надеюсь, скоро смогу приступить к созданию полноценной темы, а не просто к переопределению стилей.

Сделай это, выложи это на GitHub!

Куда это зашло? Не дайте этому замечательному труду остаться незавершённым и неопубликованным.

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

Отчасти это связано с целями для клика/касания — не недооценивайте пользу отступов, когда вы пытаетесь попасть пальцем в конкретный элемент управления!