对于begin主题,虽然有着非常强大的功能,但是对于一些细节的把控,没有ui设计的鸟叔还是稍微有点力不从心。几乎每一次虫子君从鸟叔那里拿到新版的主题以后,都会自己调整一下。

begin主题代码高亮样式美化

这次调整了一下being主题的代码高亮的样式,之前虫子君也分享过调整begin主题的代码高亮的样式。

begin主题已经升级了两三年的时间了,这段时间发现鸟叔的网站还是有不少的变化的,如果你不打算每一次都修改主题的文件的话,可以参考我上一篇文章的方法操作。——可以一劳永逸。

不过虫子君不喜欢加载太多的内容,尽可能节省加载请求次数,节约宽带。所以一般虫子君都是修改主题文件的。

.pln {
	color: #000
}

@media screen {
	.str {
		color: #080
	}

	.kwd {
		color: #008
	}

	.com {
		color: #800
	}

	.typ {
		color: #606
	}

	.lit {
		color: #066
	}

	.pun,.opn,.clo {
		color: #660
	}

	.tag {
		color: #008
	}

	.atn {
		color: #606
	}

	.atv {
		color: #080
	}

	.dec,.var {
		color: #606
	}

	.fun {
		color: red
	}
}

@media print,projection {
	.str {
		color: #060
	}

	.kwd {
		color: #006;
		font-weight: bold
	}

	.com {
		color: #600;
		font-style: italic
	}

	.typ {
		color: #404;
		font-weight: bold
	}

	.lit {
		color: #044
	}

	.pun,.opn,.clo {
		color: #440
	}

	.tag {
		color: #006;
		font-weight: bold
	}

	.atn {
		color: #404
	}

	.atv {
		color: #060
	}
}

pre.prettyprint {
	padding: 2px;
	border: 1px solid #888
}

ol.linenums {
	margin-top: 0;
	margin-bottom: 0
}

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
	list-style-type: none;
	background-color:#38354a;
}

.prettyprint,
pre.prettyprint {
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: #44434a;
	border:none;
	overflow: hidden;
	font-size: 12px;
	padding: 8px;
}

.prettyprint.linenums,
pre.prettyprint.linenums {
	border-radius: 3px;
}


.prettyprint.linenums ol li,
pre.prettyprint.linenums ol li {
	padding-left: 12px;
	line-height: 20px;
	margin-left: 0;
	list-style: none;
}

.prettyprint .com {
	color: #93a1a1;
}

.prettyprint .lit {
	color: #AE81FF;
}

.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo {
	color: #F8F8F2;
}

.prettyprint .fun {
	color: #dc322f;
}

.prettyprint .str, 
.prettyprint .atv {
	color: #E6DB74;
}

.prettyprint .kwd, 
.prettyprint .tag {
	color: #F92659;
}

.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var {
	color: #A6E22E;
}

.prettyprint .pln {
	color: #66D9EF;
}

将begin主题的css-prettify.css打开以后,将以上的代码替换里面的代码即可。

展开全文
  • 能够在茫茫人海遇见本就是缘分,恰好我在写,恰好你在看我的博客,这一切都是刚刚好。
  • 本站所有的文章都是源自我的自己的原创,如果您觉得某一篇文章写的不错,转载不用留言,赏我个链接就行!

说点什么

登录 发表评论
avatar
2000
  
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
照片和图像文件
 
 
 
音频和视频文件
 
 
 
其他档案类型
 
 
 
  订阅  
提醒