本文最后更新于:2019 , 六月 9日 星期日, 10:51 上午
代码块高亮颜色
修改\source\css\_common\components\highlight\theme.styl
if $highlight_theme == "normal"
$highlight-background = #1b2426
$highlight-current-line = #efefef
$highlight-selection = #d6d6d6
$highlight-foreground = #b9bdb6
$highlight-comment = #8e908c
$highlight-red = #c82829
$highlight-orange = #f5871f
$highlight-yellow = #eab700
$highlight-green = #009900
$highlight-aqua = #5ce638
$highlight-blue = #4271ae
$highlight-purple = #8959a8
$highlight-gutter = {
color: #869194,
bg-color: #373b41
}
你是哪个子主题就选哪个if $highlight_theme == "normal"
代码块 添加阴影和圆角
修改\source\css\_common\components\highlight\highlight.styl
.highlight {
@extend $code-block;
// Read values from NexT config and set they as local variables to use as string variables (in any CSS section).
hexo-config('codeblock.border_radius') is a 'unit' ? (cbradius = unit(hexo-config('codeblock.border_radius'), px)) : (cbradius = 1px)
//border-radius: cbradius;
+ border-radius: 8px; //圆角
+ box-shadow: 0 0 10px #212529, 0 0 5px #212529; /*阴影颜色*/
其他代码块的样式,你可以在\theme.styl
文件中进行修改