请教一下自定义样式文件的写法。

sobadboyk

我一直使用设置里加载自定义样式文件修改浏览器的背景颜色为豆沙绿。

1. html,body{background-color:#CCE8CF!important;}

复制代码

但是这样写只能修改最底层的背景颜色，和设置里的“自定义网页背景色”效果是一样的。
------------------------
后来又试了这样写。这样写确实可以修改所有颜色为豆沙绿，但是非常不和谐，很多不该变的也都变色了。

1. html,body,div,span,tr,td,table,dl,dd,dt,form{background-color:#CCE8CF!important;}

复制代码

请问如何写可以把下图白色部分也显示为豆沙绿？

S8F8ry

按你第二种的写法应该会变绿色了呀，是不是没有重启浏览器或者是有其他的插件或脚本改了样式？

sobadboyk

S8F8ry 发表于 2021-7-31 18:09
按你第二种的写法应该会变绿色了呀，是不是没有重启浏览器或者是有其他的插件或脚本改了样式？ ...

第二种是会变，但变的太多了，连背景图，在线视频等等都被绿色覆盖了，完全不可用，只看我们论坛看不出效果，因为我们论坛的元素少，所以显得很和谐，打开其他网站就没法看了。
我现在使用的方案是别人的一个油猴脚本，这个脚本的思路是先检测在替换，检测到了白色元素然后替换成自定义色，这样做有个很大的缺点，就是网页加载后脚本才会运行，网页加载时有1-3秒左右会显示原本的白色，然后等脚本运行完毕才会显示成自定义颜色，这个过程很晃眼睛，用浏览器自带的加载自定义样式文件就不会有延迟。
https://greasyfork.org/scripts/1 ... 9A%E6%9C%AC.user.js

S8F8ry

sobadboyk 发表于 2021-7-31 18:57
第二种是会变，但变的太多了，连背景图，在线视频等等都被绿色覆盖了，完全不可用，只看我们论坛看不出效 ...

每个网站的设计都不一样，如果仅想过单一的样式文件很难适配到多个网站上。你可以试一试专门一些做夜间模式的插件（比如：Midnight Lizard(打不开点这里)）能不能满足你的需求。

Admin

楼主是想要网页的纯色模式还是黑暗模式？如果是黑暗模式的话可以试试把（chrome://flags/#enable-force-dark）改为（Enabled with selective inversion of non-image elements）试试

sobadboyk

Admin 发表于 2021-7-31 23:50
楼主是想要网页的纯色模式还是黑暗模式？如果是黑暗模式的话可以试试把（chrome://flags/#enable-force-dar ...

浏览器自带的黑暗模式我是知道的，但是这种简单粗暴的利用反色方式把白色都反转成纯黑色，黑底白字，看着更难受，如果能变成其他颜色就好了，可惜不能。

我在试用“S8F8ry”大佬推荐的那个扩展，功能是挺强大的，确实可以通过调色的方式间接实现我想要的大部分效果，但是很影响浏览器的性能，特别是视频网站，明显加载和播放都很慢。