通过CSS适配深度社区黑色主题
为了让大家在夜间也能舒适的浏览社区,我花了一点时间让深度科技社区进入了“暗黑模式”。
实现方法是编写一个CSS文件,通过插件的方式令网页加载它,而后适当提高选择器权重,从而实现对亮色模式的覆盖应用,虽然目前也存在很多自动转换的插件,但是手动适配的效果明显要好得多。
预览一下效果:
可以看出来,效果相对来说还是比较细腻的。
下面介绍一下使用方法:
项目地址:https://gitee.com/hlbj105/deepin-forum-theme-toggle
方法一:
安装配套插件,实现一件切换。
从项目地址中将所有内容以压缩包形式下载,或者克隆出来,然后打开浏览器开发者模式,以src目录为根目录,点击安装已解压的插件即可。
方法二:
首先安装SuperStyle插件,该插件允许用户在对应域名的网页中应用自己编写的样式表和js。
然后,在项目中的src/css/dark.css
文件中,复制所有文件内容,到插件中的css编辑框中即可,该插件可以自动保存设置,无需重复设置。