博客园代码块背景颜色设置

博客园代码块背景颜色亮设置

​ 在博客园后台设置CSS中添加如下代码:

.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    /*padding: 1.6em 3em !important;*/
    padding: 0.5em !important; 
    font-size: 14px !important;
    /*背景颜色*/
    background: #454545 !important;
    /*,:;{}的颜色*/
    color: #FFF;
    /*max-height: 700px;*/
}
 
.hljs,
.hljs-tag,
.hljs-subst {
    color: #f8f8f2;
}
 
.hljs-strong,
.hljs-emphasis {
    color: #a8a8a2;
/*makedown行间代码样式 */
.cnblogs-markdown code {
    color: #c7254e;
    border: none !important;
    font-size: 1em !important;
    background-color: #f9f2f4 !important;
    font-family: sans-serif !important;
}
}
 
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
    /*属性值颜色*/
    color: #ae81ff;
}
 
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
    /*标记符号颜色*/
   color: #a6e22e;
}
 
.hljs-strong {
    font-weight: bold;
}
 
.hljs-emphasis {
    font-style: italic;
}
 
.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
    color: #f92672;
}
 
.hljs-symbol,
.hljs-attribute {
    /*属性颜色*/
    color: #66d9ef;
}
 
.hljs-params,
.hljs-class .hljs-title {
    color: #f8f8f2;
}
 
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
    color: #e6db74;
}

可以对代码块设置背景颜色

RGB十六进制颜色对照表:https://www.cnblogs.com/cainiao-chuanqi/p/11301471.html

posted @ 2021-04-24 17:38  一程山水一年华^_^  阅读(715)  评论(4)    收藏  举报
TOP 底部 /*显示代码块行号*/