Dracula: тёмная тема для Discourse

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

Мне показалось, что Discourse тоже мог бы её использовать :smile:

:bat: : Репозиторий на Github https://github.com/dracula/discourse

:vampire: Предпросмотр в Theme Creator

:coffin: Как установить тему или компонент темы?

Если вы заметите какие-либо ошибки, дайте мне знать здесь, и я исправлю их! Надеюсь, вам понравится :smiling_face_with_three_hearts:

43 лайка

Это на самом деле выглядит очень аккуратно.

2 лайка

Выглядит отлично, я точно чувствую атмосферу Дракулы.

3 лайка

Цвета фиксированы или их можно изменить?

2 лайка

Цвета темы фиксируются после определения для каждой темы/цветовой схемы. Однако, если вы хотите настроить их для своего использования, вы можете сделать форк репозитория и изменить цвета в файле about.json. :vampire:

3 лайка

Здравствуйте,

Как в мобильном виде скрыть столбец «Ответы» и показать столбец «Просмотры»? Спасибо.

Обновление: решение для столбца «Ответы» найдено, но не получается понять, как добавить «Просмотры».

Мы не отображаем счетчик views на мобильных устройствах, только activity и replies. Чтобы создать собственный список тем для мобильных устройств, вам нужно создать компонент темы, который изменит шаблон topic-list-item для мобильных устройств, находящийся здесь:

Пример участника этого форума, который сделал нечто подобное, можно найти в этой теме: MD Topic List Mobile component.


Если вы ранее не создавали тему или компонент темы, мы рекомендуем ознакомиться с этой темой, которая отлично объясняет весь процесс.

4 лайка

Тема Dracula — проблема с цветами

Описание: Мы столкнулись с проблемой темы Dracula на нашем сайте Discourse. Внешний вид темы отличается от ожидаемого, особенно в плане цветовой схемы и оформления вкладок. Изначально тема отображалась иначе на моём тестовом сайте по сравнению с другими сайтами, использующими Dracula. После переустановки из репозитория GitHub внешний вид стал корректным, что указывает на возможную проблему с устаревшим кодом или использованием переменных.
Шаги для воспроизведения:

  1. Установили тему Dracula через Администрирование → Настройка → Темы.
  2. Установили её как тему по умолчанию.
  3. Отключили другие темы и варианты цветовой схемы для пользователей через Администрирование → Настройка.
  4. В своём профиле (Настройки → Интерфейс) подтвердили, что Dracula — единственная доступная тема, чтобы убедиться, что я вижу её в настройках по умолчанию.
  5. Обнаружили различия во внешнем виде, особенно в оформлении вкладок, которые выглядели не так, как ожидалось (что указывает на возможную проблему с темой).

Скриншоты:

Платформа:

  • Mac (Десктоп)

Браузер:

  • Chrome

Дополнительные комментарии: Проблема, по-видимому, вызвана использованием устаревших CSS-переменных в теме. Текущий синтаксис в теме Dracula ($primary, $tertiary, $secondary) устарел по сравнению с новым форматом переменных (var(–tertiary), var(–secondary)), используемым в последних темах Discourse, как показано в этом примере на GitHub. Такое использование старых переменных, вероятно, вызывает некорректное отображение, особенно когда нет возможности выбрать другую тему или цветовую схему. Проблема сохранялась даже после переустановки темы, что указывает на более глубокую проблему в структуре кода темы.

Спасибо за информацию! У меня уже есть решение в разработке.

Возможно ли установить это в качестве темы?

Мне нужно отобразить это в списке переключения тем в боковой панели

Вы спрашиваете, нужно ли установить это в мета-раздел и в боковую панель?

Цветовую схему теперь также можно выбрать в Discourse.

1 лайк

Да, возможно ли выбрать это на Meta?

На данный момент это, похоже, недоступно.

Dracula доступен в качестве варианта цветовой схемы здесь, на meta.

Вы можете перейти к нему, посетив настройки интерфейса в вашем личном разделе пользовательских настроек.

2 лайка

Нет, не для меня:

Теперь вы можете выбрать цветовую схему Dracula в селекторе цветов в ваших настройках здесь, на meta.

4 сообщения были перенесены в новую тему: Добавление цветовых схем