Переключатель тёмного/светлого режима

Мне очень нравится этот компонент! :heart_eyes: Но у меня возникла небольшая проблема.

Похоже, что компонент работает только тогда, когда включена опция «Включить автоматическую цветовую схему тёмного режима». Моя проблема возникает, когда эта опция включена, а системные настройки установлены на тёмный режим (то есть предпочтительная цветовая схема: тёмная).

В описанном выше сценарии, когда я пытаюсь переключиться на светлую тему через Настройки > Интерфейс > Тема, ничего не происходит, что для меня нормально. Вероятно, поскольку мои системные настройки уже установлены на тёмный режим, переключение на светлый режим в 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 снята. Но это предотвращает отображение компонента переключения тёмного/светлого режима :man_shrugging:t2:

Кроме того, если моя настройка темы в Discourse установлена на тёмную через Настройки > Интерфейс > Тема, и мои системные настройки также установлены на тёмный режим, переключатель не переключается между светлым и тёмным режимами — он всегда остаётся в тёмной теме.

В идеале я бы предпочёл, чтобы компонент переключения тёмного/светлого режима работал так, как он работает сейчас, но чтобы логотип сайта в заголовке следовал текущему активному светлому/тёмному режиму, а не предпочтительной цветовой схеме пользователя.

1 лайк