Мне очень нравится этот компонент!
Но у меня возникла небольшая проблема.
Похоже, что компонент работает только тогда, когда включена опция «Включить автоматическую цветовую схему тёмного режима». Моя проблема возникает, когда эта опция включена, а системные настройки установлены на тёмный режим (то есть предпочтительная цветовая схема: тёмная).
В описанном выше сценарии, когда я пытаюсь переключиться на светлую тему через Настройки > Интерфейс > Тема, ничего не происходит, что для меня нормально. Вероятно, поскольку мои системные настройки уже установлены на тёмный режим, переключение на светлый режим в Discourse не имеет эффекта.
Когда я делаю то же самое с компонентом переключения тёмного/светлого режима, и если моя настройка темы в Discourse установлена на светлую, переключатель действительно позволяет мне перейти в светлый режим (что, на мой взгляд, ещё лучше), но логотип сайта в заголовке остаётся в тёмном режиме и его трудно разглядеть в светлом режиме. Когда я проверяю это через инструменты разработчика, я вижу, что элемент выглядит следующим образом:
<div class="title"><a href="/" data-auto-route="true"><picture><source srcset="<ссылка на изображение>" media="(prefers-color-scheme: dark)"><img src="<ссылка на изображение>" id="site-logo" class="logo-big"></picture></a></div>
Я заметил часть media=“(prefers-color-scheme: dark)”, хотя мы сейчас находимся в светлом режиме, установленном переключателем.
Должен добавить, что логотип сайта обычно нормально переключается между светлым и тёмным режимами, когда опция «Включить автоматическую цветовую схему тёмного режима» в Discourse снята. Но это предотвращает отображение компонента переключения тёмного/светлого режима ![]()
Кроме того, если моя настройка темы в Discourse установлена на тёмную через Настройки > Интерфейс > Тема, и мои системные настройки также установлены на тёмный режим, переключатель не переключается между светлым и тёмным режимами — он всегда остаётся в тёмной теме.
В идеале я бы предпочёл, чтобы компонент переключения тёмного/светлого режима работал так, как он работает сейчас, но чтобы логотип сайта в заголовке следовал текущему активному светлому/тёмному режиму, а не предпочтительной цветовой схеме пользователя.