zpfz / vuepress-theme-antdocs

🔥🎨 An Ant Design style theme for VuePress. (QQ Group: 867711329) [NOTE: The AntDocs-next is WIP.]

Home Page:https://antdocs.js.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

代码块颜色如何修改?

ImSwordTooth opened this issue · comments

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

System Info

  • VuePress version:1.8.2
  • Antdocs version:1.3.4
  • Node version:14.16.1
  • OS version:10.15.7

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

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

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

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

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

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

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

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

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

好的,感谢

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

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

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

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

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

这个肯定会的😃