通过CSS适配深度社区黑色主题

为了让大家在夜间也能舒适的浏览社区,我花了一点时间让深度科技社区进入了“暗黑模式”。

实现方法是编写一个CSS文件,通过插件的方式令网页加载它,而后适当提高选择器权重,从而实现对亮色模式的覆盖应用,虽然目前也存在很多自动转换的插件,但是手动适配的效果明显要好得多。

预览一下效果:

可以看出来,效果相对来说还是比较细腻的。

下面介绍一下使用方法:

项目地址:https://gitee.com/hlbj105/deepin-forum-theme-toggle

方法一:

安装配套插件,实现一件切换。

从项目地址中将所有内容以压缩包形式下载,或者克隆出来,然后打开浏览器开发者模式,以src目录为根目录,点击安装已解压的插件即可。

方法二:

首先安装SuperStyle插件,该插件允许用户在对应域名的网页中应用自己编写的样式表和js。

然后,在项目中的src/css/dark.css文件中,复制所有文件内容,到插件中的css编辑框中即可,该插件可以自动保存设置,无需重复设置。

posted @ 2021-04-03 14:54  Maicss  阅读(76)  评论(0编辑  收藏  举报