需要帮助,将样式与全局设置隔离以使用过滤器进行主题化:反转

时间:2019-04-02 00:48:31

标签: css reactjs html5 react-native

使用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%) }' }

一些帮助会很棒

0 个答案:

没有答案