自己试着写了个夜间模式

之前品葱上有个讨论夜间模式的RFC,不过到现在也没啥动静了。于是刚才自己写了一个,代码如下。如果大家想要尝试一下的话,可以在Chrome上安装Stylish插件。安装后点击扩展右上角的新建样式,把代码贴进去,并在下面的应用对象中选择“网址”,并输入“https://pincong.rocks/”即可。不过目前只写完了品葱的主页部分,算是一个参考。代码可能写得比较拙劣,还请各位葱油包涵。
.aw-top-menu-wrap{margin-bottom: 0px;
border-bottom-width: 30px;
padding-bottom: 30px;
}
.aw-container-wrap{margin-top:0px;
background-color:#404451;
}
.category .list > li > a{color:#fff
}
.aw-footer{background-color:#404451
}
.aw-footer a{color:#3290e4
}
center{background-color:#404451
}
center a{color:#3290e4
}
.aw-content-wrap{background-color:#333;
border-color:#333
}
.aw-content-wrap h2{color:#eee
}
.aw-content-wrap a{color:#ddd
}
.aw-question-tags{background-color:#444;
}
.aw-common-list>.aw-item{border-top-color:#222
}
.nav-tabs{border-bottom:1px solid #222
}
.aw-nav-tabs > li a{color:#ddd;
background-color:#444
}
.aw-nav-tabs > li.active a{color:#ddd;
background-color:#555
}
.aw-nav-tabs > li:hover a{color:#ccc;
background-color:#555
}
.aw-side-bar{border-left:1px solid #222
}
.aw-main-content{border-right:1px solid #222
}
.aw-side-bar .aw-mod{border-top: 1px solid #222;
}
.pagination > li > a{background: #333;
border: 1px solid #404451;
}
.pagination > li > a:hover{background: #444;
color:#ddd;
border: 1px solid #404451;
}
5 个评论
好了,朕知道了
厉害了,回家后试试
夜间界面模式更契合我们这帮 非法享受言论自由 的家伙。
@admin
可以整合进前端:https://github.com/pincong/pincong-wecenter,不过这个版本太旧,可以让@admin 更新一下github上的版本