增加Chic 主题为代码块实现明暗主题切换效果的功能

[EvannZhongg]

地址：https://evannzhongg.github.io/2025/03/25/Sync-Code-Block-Theme-with-Dark-Mode-in-Hexo-Chic/
欢迎参考与交流

[Siricee]

感谢你的文章提醒了我，这确实是之前实现上的硬伤，没处理code主题的变色。看了你这个issue，我决定把这个功能补上。

在这里先发一个省流版：

处理变色实际不需要那么复杂，在我的原主题基础上这个文件中 hexo-theme-Chic/source/css/style.styl

// 明暗主题都使用同一个代码主题色
- @import "_highlight/highlightjs.styl" 

// 亮色主题 代码着色文件
+ body:not(.dark-theme) {
+    @import '_highlight/atelier-heath-light.styl';
+ }
// 暗色主题 代码着色文件
+ body.dark-theme {
+    @import '_highlight/darkula.styl';
+ }

这样就可以了，改一个文件足矣。

你的文章中使用了外部脚本是在highlight分词阶段重新插入主题色，其实这里没必要，分词只需要一次就够了，后面只要改颜色就可以实现变色了。

[EvannZhongg]

感谢你的文章提醒了我，这确实是之前实现上的硬伤，没处理code主题的变色。看了你这个issue，我决定把这个功能补上。

在这里先发一个省流版：

处理变色实际不需要那么复杂，在我的原主题基础上这个文件中 hexo-theme-Chic/source/css/style.styl

// 明暗主题都使用同一个代码主题色

• @import "_highlight/highlightjs.styl"

// 亮色主题 代码着色文件

• body:not(.dark-theme) {
• @import '_highlight/atelier-heath-light.styl';
• }
  // 暗色主题 代码着色文件
• body.dark-theme {
• @import '_highlight/darkula.styl';
• }
  这样就可以了，改一个文件足矣。

你的文章中使用了外部脚本是在highlight分词阶段重新插入主题色，其实这里没必要，分词只需要一次就够了，后面只要改颜色就可以实现变色了。

感谢作者的方法分享，赞