fix: code highlight styles

This commit is contained in:
Yifei Zhang 2023-03-23 03:17:18 +00:00
parent df62e5d389
commit eb531d4524
2 changed files with 86 additions and 80 deletions

View File

@ -49,6 +49,12 @@ One-Click to deploy your own ChatGPT web UI.
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FYidadaa%2FChatGPT-Next-Web&env=OPENAI_API_KEY&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web);
3. Enjoy :)
## 保持更新 Update
本项目会持续更新,如果你想让代码库总是保持更新,可以查看 [Github 的文档](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) 了解如何让 fork 的项目与上游代码同步,建议定期进行同步操作。
This project will be continuously maintained. If you want to keep the code repository up to date, you can check out the [Github documentation](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) to learn how to synchronize a forked project with upstream code. It is recommended to perform synchronization operations regularly.
## 开发 Development
点击下方按钮,开始二次开发:

View File

@ -1,9 +1,10 @@
.markdown-body {
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
@ -22,7 +23,7 @@ pre[class*="language-"] {
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
@ -34,8 +35,8 @@ pre[class*="language-"] {
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
@ -51,7 +52,7 @@ pre[class*="language-"] {
}
.namespace {
opacity: .7;
opacity: 0.7;
}
.token.property,
@ -113,20 +114,20 @@ pre[class*="language-"] {
.token.entity {
cursor: help;
}
}
@mixin light {
.markdown-body pre {
.markdown-body pre[class*="language-"] {
filter: invert(1) hue-rotate(50deg) brightness(1.3);
}
}
@mixin dark {
.markdown-body pre {
.markdown-body pre[class*="language-"] {
filter: none;
}
}
:root {
@include light();
}
@ -139,7 +140,6 @@ pre[class*="language-"] {
@include dark();
}
@media (prefers-color-scheme: dark) {
:root {
@include dark();