自己试着写了个夜间模式

https://i.imgur.com/GU6R3jy.png
之前品葱上有个讨论夜间模式的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;

}
9
分享 2019-07-22

5 个评论

好了,朕知道了
厉害了,回家后试试
夜间界面模式更契合我们这帮 非法享受言论自由 的家伙。
@admin
可以整合进前端:https://github.com/pincong/pincong-wecenter,不过这个版本太旧,可以让@admin 更新一下github上的版本

要发言请先登录注册

要发言请先登录注册