代码高亮可以根据dark或light来选择主题 about hexo-theme-chic

[starkshaw]

You can add custom CSS for .dark-theme to override that. I am using something like this in custom.styl:

// Dark mode for pre
.dark-theme .post-content figure,
.dark-theme .post-content figure.highlight .code pre {
    background-color: $dark-post-blockquote-background-color;
    color: $dark-mode-pre-foreground-color;
}

// Dark mode for pre line number
.dark-theme .post-content figure.highlight .gutter pre {
    background-color: $dark-post-blockquote-background-color;
    color: $dark-mode-pre-line-number-foreground-color;
}

Then you can specify the foreground color and background color of your choice.

[JacHammer]

我的解决方法是在Chic/source/css/_highlight下修改部分颜色定义达到code block dark mode 效果，不过这样也会强制light mode也显示这种效果

// Highlight Color
$highlight-deletion     = #fdd
$highlight-addition     = #dfd
$highlight-background   = #303030
$highlight-current-line = #efefef
$highlight-selection    = #d6d6d6
$highlight-foreground   = #c8c8c8
$highlight-comment      = #718c00
$highlight-red          = #c82829
$highlight-orange       = #f5871f
$highlight-yellow       = #eab700
$highlight-green        = #718c00
$highlight-aqua         = #3e999f
$highlight-blue         = #4271ae
$highlight-purple       = #8959a8
$highlight-gutter       = #869194