Пользовательские переменные для цветовых схем

Я считаю, что была бы полезна функция, позволяющая добавлять пользовательские CSS-переменные в цветовые схемы.

Мой случай использования: у меня есть пользовательский заголовок на форуме, и я хочу, чтобы логотип нашей компании был синим в светлой цветовой схеме и белым в темной. Поскольку нет способа написать CSS, который бы нацеливался на конкретную цветовую схему, я не вижу, как это можно сделать в настоящее время. Я мог бы создать отдельные темную и светлую темы, но тогда я потеряю возможность использовать автоматический темный режим, который может переключать только цветовую схему, а не тему.

Альтернативно, наличие какого-либо CSS-класса в html или body, указывающего на выбранную цветовую схему, также решило бы эту проблему, так как я мог бы написать CSS, нацеленный на конкретную цветовую схему.

1 лайк

Если вам нужно просто изменить логотип, в настройках бэкенда есть отдельные слоты для логотипов в тёмной теме:

1 лайк

Вы можете использовать CSS, который ведет себя по-разному в светлом/темном режиме, если это поможет — у нас есть специальный файл стилей под названием color_definitions… вот пример того, как вы можете его использовать: Why might dark-light-choose() not work? - #2 by awesomerobot

6 лайков

Спасибо, я не знал, что это уже можно сделать, это именно то, что мне нужно! Логотип в тёмной теме — тоже хороший момент, я не знал, что он существует.

1 лайк