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); [![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 :) 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 ## 开发 Development
点击下方按钮,开始二次开发: 点击下方按钮,开始二次开发:

View File

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