WP知更鸟begin主题自定义默认代码高亮样式

avatar
avatar
小王先森
389
文章
383
评论
2019年5月22日 评论 706

WP 知更鸟 begin 主题文章阅读页默认的代码高亮样式是暗色的,看着虽然护眼,但毕竟与主题有点不搭,看起来怪怪的。小王先森简单自定义了一下灰白色、虚线边框的样式,个人看起来舒服多了。

通过登陆后台 → 外观 → 主题选项 → 定制风格 → 自定义样式,在框里面添加如下CSS,效果就和本站一样了。

.prettyprint,pre.prettyprint {
	background:#fff;
	border:1px dashed #ccc;
}
.prettyprint:hover,pre.prettyprint:hover {
	background:#fafafa;
	border:1px dashed #0088cc;
}
.prettyprint.linenums,pre.prettyprint.linenums {
	-webkit-box-shadow:none;
	box-shadow:none;
	border-radius:0;
}
.prettyprint.linenums ol,pre.prettyprint.linenums ol {
	border-left:1px dashed #ccc;
}
.prettyprint .pun,.prettyprint .opn,.prettyprint .clo {
	color:#ccc;
}
.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var {
	color:#090;
}
.prettyprint .lit {
	color:#999;
}
.prettyprint .pln {
	color:#09a;
}
avatar
  • 本文由 发表于 2019年5月22日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: