Merge pull request ChatGPTNextWeb#87 from Yidadaa/bugfix-0328

fix: light theme code highlight
feizhailansile · Mar 28, 2023 · f0dd95a · f0dd95a
2 parents 8f49807 + 6155a19
commit f0dd95a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 30 deletions.
diff --git a/app/styles/markdown.scss b/app/styles/markdown.scss
@@ -843,7 +843,6 @@
   overflow: auto;
   font-size: 85%;
   line-height: 1.45;
-  background-color: var(--color-canvas-subtle);
   border-radius: 6px;
 }
 

diff --git a/app/styles/prism.scss b/app/styles/prism.scss
@@ -121,32 +121,32 @@
   }
 }
 
-// @mixin light {
-//   .markdown-body pre[class*="language-"] {
-//     filter: invert(1) hue-rotate(50deg) brightness(1.3);
-//   }
-// }
-
-// @mixin dark {
-//   .markdown-body pre[class*="language-"] {
-//     filter: none;
-//   }
-// }
-
-// :root {
-// @include light();
-// }
-
-// .light {
-//   @include light();
-// }
-
-// .dark {
-//   @include dark();
-// }
-
-// @media (prefers-color-scheme: dark) {
-//   :root {
-//     @include dark();
-//   }
-// }
+@mixin light {
+  .markdown-body pre {
+    filter: invert(1) hue-rotate(90deg) brightness(1.3);
+  }
+}
+
+@mixin dark {
+  .markdown-body pre {
+    filter: none;
+  }
+}
+
+:root {
+  @include light();
+}
+
+.light {
+  @include light();
+}
+
+.dark {
+  @include dark();
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    @include dark();
+  }
+}