search

zpfz / vuepress-theme-antdocs

🔥🎨 An Ant Design style theme for VuePress. (QQ Group: 867711329) [NOTE: The AntDocs-next is WIP.]
https://antdocs.js.org/
MIT License
215 stars 28 forks source link

代码块颜色如何修改？ #34

Open ImSwordTooth opened 3 years ago

ImSwordTooth commented 3 years ago

Describe the bug 为什么代码块默认是这种颜色呢？ image palette.styl 没动过，想要 vuepress 官网的那种样式。不知道有没有开放配置?

System Info

zpfz commented 3 years ago

为了尽量保持和 Ant Design 文档一样的风格，1.3.2 版本及以上更改了代码块主题为亮色，如果不喜欢默认代码块主题，可以在项目下 node_modules/prismjs/themes 下找到 prism-tomorrow.css 文件，然后复制到项目的 .vuepress/public 下，以 head 头部引入的方式进行覆盖即可。

ImSwordTooth commented 3 years ago

为了尽量保持和 Ant Design 文档一样的风格，1.3.2 版本及以上更改了代码块主题为亮色，如果不喜欢默认代码块主题，可以在项目下 node_modules/prismjs/themes 下找到 prism-tomorrow.css 文件，然后复制到项目的 .vuepress/public 下，以 head 头部引入的方式进行覆盖即可。

image 是这样吗？ 但是优先级没有主题提供的高，引用成功了，但是被主题样式覆盖了

zpfz commented 3 years ago

为了尽量保持和 Ant Design 文档一样的风格，1.3.2 版本及以上更改了代码块主题为亮色，如果不喜欢默认代码块主题，可以在项目下 node_modules/prismjs/themes 下找到 prism-tomorrow.css 文件，然后复制到项目的 .vuepress/public 下，以 head 头部引入的方式进行覆盖即可。

image 是这样吗？ 但是优先级没有主题提供的高，引用成功了，但是被主题样式覆盖了

🤔那我再尝试有无更好的方案解决这个问题

ImSwordTooth commented 3 years ago

为了尽量保持和 Ant Design 文档一样的风格，1.3.2 版本及以上更改了代码块主题为亮色，如果不喜欢默认代码块主题，可以在项目下 node_modules/prismjs/themes 下找到 prism-tomorrow.css 文件，然后复制到项目的 .vuepress/public 下，以 head 头部引入的方式进行覆盖即可。

image 是这样吗？ 但是优先级没有主题提供的高，引用成功了，但是被主题样式覆盖了

🤔那我再尝试有无更好的方案解决这个问题

好的，感谢

zpfz commented 3 years ago

晚上我测试了下，目前只能暂时用 css 进行覆盖。

ImSwordTooth commented 3 years ago

晚上我测试了下，目前只能暂时用 css 进行覆盖。

好的，那我也先手动了。 后面可以考虑暴露个配置❤️

zpfz commented 3 years ago

晚上我测试了下，目前只能暂时用 css 进行覆盖。

好的，那我也先手动了。 后面可以考虑暴露个配置❤️

这个肯定会的😃