Тема Dracula — проблема с цветами
Описание: Мы столкнулись с проблемой темы Dracula на нашем сайте Discourse. Внешний вид темы отличается от ожидаемого, особенно в плане цветовой схемы и оформления вкладок. Изначально тема отображалась иначе на моём тестовом сайте по сравнению с другими сайтами, использующими Dracula. После переустановки из репозитория GitHub внешний вид стал корректным, что указывает на возможную проблему с устаревшим кодом или использованием переменных.
Шаги для воспроизведения:
- Установили тему Dracula через Администрирование → Настройка → Темы.
- Установили её как тему по умолчанию.
- Отключили другие темы и варианты цветовой схемы для пользователей через Администрирование → Настройка.
- В своём профиле (Настройки → Интерфейс) подтвердили, что Dracula — единственная доступная тема, чтобы убедиться, что я вижу её в настройках по умолчанию.
- Обнаружили различия во внешнем виде, особенно в оформлении вкладок, которые выглядели не так, как ожидалось (что указывает на возможную проблему с темой).
Скриншоты:
Платформа:
- Mac (Десктоп)
Браузер:
- Chrome
Дополнительные комментарии: Проблема, по-видимому, вызвана использованием устаревших CSS-переменных в теме. Текущий синтаксис в теме Dracula ($primary, $tertiary, $secondary) устарел по сравнению с новым форматом переменных (var(–tertiary), var(–secondary)), используемым в последних темах Discourse, как показано в этом примере на GitHub. Такое использование старых переменных, вероятно, вызывает некорректное отображение, особенно когда нет возможности выбрать другую тему или цветовую схему. Проблема сохранялась даже после переустановки темы, что указывает на более глубокую проблему в структуре кода темы.