首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过暗模式设置和插件禁用更改

通过暗模式设置和插件禁用更改
EN

Stack Overflow用户
提问于 2020-09-29 23:17:09
回答 3查看 180关注 0票数 1

我设计了一个网站(深色主题),像‘深色阅读器’和几维鸟浏览器的内置夜间模式(移动端)这样的插件正在改变一些元素的颜色(从而使它们不可见),并消除渐变效果。

有什么方法可以避免这些变化吗?

EN

回答 3

Stack Overflow用户

发布于 2020-09-29 23:25:53

这只是一种推测,需要我留给你进一步的研究,但你可以尝试挂接一些已知被插件修改的CSS规则,并通过JS检查它是否被修改。如果您检测到更改,您可以礼貌地警告用户禁用您检测到插件。Dark Reader有一个白名单功能,可以在一些网站中禁用它,大多数插件都有这个功能。如上所述,这是一个未经检验的建议。

对于Kiwi浏览器,您不妨检测用户代理,并专门警告此浏览器的用户。

票数 0
EN

Stack Overflow用户

发布于 2020-09-30 17:01:27

在现代浏览器中,有一个内置的CSS media selector选择器:

代码语言:javascript
运行
复制
@media (prefers-color-scheme: dark) {
  .invisible-in-dark {
    background:#fff !important;
  }
}

我不知道它在插件中的效果如何,但我认为它值得一试。

票数 0
EN

Stack Overflow用户

发布于 2020-10-05 23:44:43

所以我意识到,深色模式插件将属性添加到现有脚本的配色方案中,以便将浅色主题转换为深色。

现在,如果你想防止某些属性被插件更改,你可以把它标记为!重要。这样,您的属性将覆盖任何进一步的更改。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64122588

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档