Нужна помощь в изоляции стиля от глобальных настроек для темы с использованием фильтра: инвертировать - PullRequest
3 голосов
/ 02 апреля 2019

с использованием https://github.com/Heydon/react-theme-switch для введения ночного и дневного режима в большое приложение, которое изначально не создавалось с учетом этого.

Интересно, есть ли метод выборочного применения {filter: invert} только к конкретным элементам или метод переопределения фильтра для таких конкретных элементов

например, предположим, что основной цвет темы - $ primary: # 0000ff, и я не хочу, чтобы он инвертировался со всем остальным?

Я обнаружил, что могу использовать что-то вроде id = "banana" для некоторых элементов, которые я не хочу инвертировать, включив это в

if (this.props.preserveRasters) { this.css += 'img:not([src*=".svg"]), video, [style*="url("], [id*="banana"] { filter: invert(100%) }' }

Некоторая помощь будет отличной

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...