美化XiunoBBS主题高亮插件,高亮风格颜色 原创 CSS/SASS XiunoBBS

XiunoBBS主题高亮插件是个好东西,不过默认设置高亮主题的时候样式太丑了,风格一、二、三...同一样的灰色!!下面是美化前后的对比图;

美化后:

找到网站路径: /plugin/huux_hlight/hook/footer_js_after.htm 替换以下代码即可;

代码语言:javascript
复制
<!-- 主题高亮CSS -->
<style type="text/css">
.huux_thread_hlight_QiMeng-1 {color: #d4612a}
.huux_thread_hlight_style0 {color: #24b9bf}
.huux_thread_hlight_style1 {color: #D9534D}
.huux_thread_hlight_style2 {color: #F0AD4E}
.huux_thread_hlight_style3 {color: #5BC0DE}
.huux_thread_hlight_style4 {color: #5CB85C}
.huux_thread_hlight_style5 {color: #337AB7}
</style>
<script>
// 主题高亮
$('.mod-button button.hlight').on('click', function() {
	var modtid = $('input[name="modtid"]').checked();
	if(modtid.length == 0) return $.alert(lang.please_choose_thread);
	var radios = xn.form_radio('hlight', {
"0":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style0 icon-heartbeat\">&nbsp;'.lang('thread_hlight_0').'</span>';?>",
"1":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style1 icon-heartbeat\">&nbsp;'.lang('thread_hlight_1').'</span>';?>",
"2":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style2 icon-heartbeat\">&nbsp;'.lang('thread_hlight_2').'</span>';?>", 
"3":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style3 icon-heartbeat\">&nbsp;'.lang('thread_hlight_3').'</span>';?>", 
"4":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style4 icon-heartbeat\">&nbsp;'.lang('thread_hlight_4').'</span>';?>", 
"5":"&nbsp;<?php echo '<span class=\"huux_thread_hlight_style5 icon-heartbeat\">&nbsp;'.lang('thread_hlight_5').'</span>';?>"});
	$.confirm("<?php echo lang('set_thread_hlight');?>", function() {
		var tids = xn.implode('_', modtid);
		var hlight = $('input[name="hlight"]').checked();
		var postdata = {hlight: hlight};
		$.xpost(xn.url('mod-hlight-'+tids), postdata, function(code, message) {
			if(code != 0) return $.alert(message);
			$.alert(message).delay(1000).location('');
		});
	}, {'body': '<p class=\"huux_thread_hlight_QiMeng-1 icon-paper-plane\">'+"&nbsp;<?php echo lang('thread_hlight_style');?>"+'<i class=\"icon-hand-o-right\"></i>&nbsp;'+radios+'</p>'});
})
</script>