WordPress资讯 2020年02月22日
0 收藏 0 点赞 1,457 浏览 3705 个字
摘要 :

说好的暗黑模式可能要泡汤了,不是我不想整,的确是整个暗黑模式有点辣眼睛。 下面是我整的暗黑模式,图片颜色跳的太厉害了,太辣眼睛了。 样式代码 下面……

说好的暗黑模式可能要泡汤了,不是我不想整,的确是整个暗黑模式有点辣眼睛。

下面是我整的暗黑模式,图片颜色跳的太厉害了,太辣眼睛了。

WordPress Blues主题暗黑模式美化css样式代码分享

样式代码

下面分享Blues主题暗黑模式美化(丑化)的css代码,代码有点长,请直接点击复制!!!没压缩代码是方便用的人二次修改!!直接拉到下面看使用方法!


/*
* ------------------------------------------------------------------------------
* 暗黑模式
* ------------------------------------------------------------------------------
*/

h1,
h2,
h3,
.uk-h3,
.uk-h5,
h5 {
	color: #eee;
}


/*默认背景色*/

.uk-background-default {
	background-color: #1d1f20;
}


/*板块背景色*/

.uk-background-muted {
	background-color: #151617;
}

.b-a {
	border: 1px solid #262626
}

.b-b {
	border-bottom: 1px solid #262626;
}

.b-t {
	border-top: 1px solid #262626;
}

pre {
	background: #151617!important;
	border: 1px solid #262626;
	color: #999!important;
}

pre::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	background-color: #333;
}

pre::-webkit-scrollbar-track {
	background-color: #333;
}

pre::-webkit-scrollbar-thumb {
	background-color: #444;
}

.btn {
	background: #262626;
}


/*导航样式*/

.nav>ul>li>a {
	color: #999;
}

.nav>ul .current-menu-item>a {
	color: #fff;
}


/*手机导航*/

.side-nav>ul>li a {
	color: #eee;
}

.side-nav>ul {
	border-left: 1px solid #262626;
}


/*最新发布*/

.uk-text-secondary {
	color: #ddd!important
}

.box .box-title {
	color: #fff
}


/*快捷导航*/

.fastlink-item {
	box-shadow: none;
}

.fastlink-title {
	color: #ddd;
}

.fastlink-list {
	border-left: 1px solid #262626;
}

.fastlink-list li::after {
	background: #1d1f20;
	border: 1px solid #333;
}

.switcher-title a {
	colro: #4c4c4c;
	transition: all .3s;
}

.switcher-title a:hover {
	color: #666
}


/*卡片阴影*/

.card-item:hover {
	-webkit-box-shadow: 0 34px 20px -24px rgba(0, 0, 0, 0.3);
	box-shadow: 0 34px 20px -24px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-ms-transform: translateY(-5px);
}

.blog-item-foot a:hover {
	color: #fff;
}


/*列表*/

.card-item .title a {
	color: #fff;
}


/*返回顶部*/

.gotop a {
	background-color: #262626;
}


/*分类*/

.nav>ul>li:hover .sub-menu>li {
	border-bottom: 1px solid #262626;
}


/*面包屑*/

.crumb a {
	color: #999;
}


/*分页*/

.fenye .page-numbers {
	background: #262626;
	box-shadow: 0 5px 10px -5px #111;
}

.fenye .current {
	background: #2c63ff;
	color: #fff;
	box-shadow: 0px 5px 10px -5px #2c63ff;
}

.fenye a {
	border: 1px solid #262626;
}


/*内容页*/

.single-content h2 {
	border-bottom: 2px dashed #333;
}

.single-content p {
	color: #aaa;
}

.uk-alert-primary {
	background: #151617;
}


/*点赞*/

.zan .done {
	background-color: #262626!important;
}

.zan a {
	background-color: #262626;
	color: #aaa;
}

.zan a:hover {
	background-color: #111!important;
}


/*分享*/

.share>a {
	background: #262626;
}

.share>a:hover {
	background-color: #111;
}

.uk-dropdown {
	background: #1d1f20;
}


/*上一页下一页*/

.turn-page a {
	color: #ddd;
}

.turn-page i {
	color: #ddd;
}


/*网址导航*/

.site-switcher-main {
	box-shadow: 0 6px 20px -8px #0d0d0d;
	background: #262626;
}

.site-item {
	box-shadow: 0 10px 20px -10px rgb(19, 19, 19);
}

.site-item p {
	color: #fff;
}

.site-item .site-item-tag a {
	background: #262626;
}

.sitenav li a {
	background: none;
}

.site-select {
	background: #262626;
	color: #eee;
}

.site-form input {
	background: #262626;
	color: #999;
}

.site-form button {
	color: #999;
}

.site-switcher-main {
	box-shadow: 0 6px 20px -8px #0d0d0d;
}

.sitenav li b {
	border-right: 1px solid #262626;
}

.sitenav li a:hover {
	color: #fff;
}

.site-item .site-item-go {
	color: #fff;
}


/*主题介绍*/

.theme-title {
	color: #fff;
}


/*评论*/

.comments-title {
	color: #eee;
}

.commentlist .children {
	background: #222;
}

.comment-head em {
	background: #262626;
}
.uk-input, .uk-select, .uk-textarea {
	background: #262626;
	border: 1px solid #333;
}

/*搜索框*/

.uk-modal-dialog {
	background: #151617;
}

.uk-search-input {
	background: #151617;
}


/*登录*/

.login-contnet .uk-background-default {
	background-color: #fff;
}

.login-contnet .b-a {
	border: 1px solid #2c63ff;
}

.login-contnet .b-b {
	border-bottom: 1px solid #f2f2f2;
}

.login-l h2 {
	color: #333;
}

.other-login .btn {
	background: #f9f9f9;
	color: #999;
	border: 1px solid #f2f2f2;
}

.other-login .btn:hover {
	background: #2c63ff;
}


/*滚动条*/

::-webkit-scrollbar {
	width: 10px;
	height: 4px;
	background-color: #333;
}

::-webkit-scrollbar-track {
	background-color: #333;
}

::-webkit-scrollbar-thumb {
	background-color: #444;
	border-radius: 10px
}

使用方法

1、将上面的css样式代码复制粘贴到Blues主题的主题设置-DIY样式,保存即可。

WordPress Blues主题暗黑模式美化css样式代码分享

2、将代码写入主题的diy.css文件中,保存即可。

微信扫一扫

支付宝扫一扫

本文网址:https://www.wpjc.net/896.html

下一篇:

已经没有下一篇了!

相关推荐
WordPress Blues主题暗黑模式美化css样式代码分享
说好的暗黑模式可能要泡汤了,不是我不想整,的确是整个暗黑模式有点辣眼睛。 下面是我整的暗黑模式,图片颜色跳的太厉害了,太辣眼睛了。 样式代码…
日期:2020-02-22 点赞:0 阅读:1,457
Blues主题1.9版本更新内容介绍
Blues主题1.0-1.9版本更新速度可以说是很快了,随着主题用户的增多一些隐藏的BUG的都浮出水面,所以更新就比较频繁了。 1.9版本修…
日期:2020-02-19 点赞:0 阅读:1,530
Blues主题1.8版本发布及更新内容介绍
Blues1.8版本解决了之前一直无法解决的首次安装报错,虽然只是提醒,但是看起来也很不爽。 这个版本相当于主题设置这块全部重写 = = 整…
日期:2020-02-19 点赞:0 阅读:1,445
Blues主题1.7版本发布及更新内容说明
Blues主题已经更新到1.7版本了,虽然主题的用户寥寥无几,但我还是继续更新下去,努力完善它、丰富它,让它越来越优秀! 1、后台主题设置由…
日期:2020-02-15 点赞:0 阅读:1,874
Blues主题1.6版本更新内容
Blues主题1.6版本主要是修复了些后台选项上的错误,然后就是网址导航添加提交网址页面。 对了,还有侧边栏新增《最新评论》这块。 //Bl…
日期:2020-02-13 点赞:0 阅读:1,648
Blues主题1.5版本发布及增删改说明
之前说的大版本因为个人原因和疫情,决定推迟发布。因为疫情被关在家里带孩子,没时间整,我也很无奈。 近期对Blues主题做了些增删改,具体哪些…
日期:2020-02-11 点赞:0 阅读:1,236
发表评论
80 条评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站