fix: code highlight in dark mode (#702)

b7ab6f8e · Stephen Zhou · GitHub · 36b92ad8 · b7ab6f8e · b7ab6f8e
Unverified Commit b7ab6f8e authored Dec 08, 2022 by Stephen Zhou Committed by GitHub Dec 08, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 8 additions and 1 deletion

code-highlight.less web/src/less/code-highlight.less +7 -0

main.tsx web/src/main.tsx +1 -1

No files found.
--- a/web/src/less/code-highlight.less
+++ b/web/src/less/code-highlight.less
+html.dark {
+  @import (less) "highlight.js/styles/atom-one-dark.css";
+}
+html:not(.dark) {
+  @import (less) "highlight.js/styles/github.css";
+}
--- a/web/src/main.tsx
+++ b/web/src/main.tsx
@@ -11,7 +11,7 @@ import "dayjs/locale/zh";
 import "dayjs/locale/fr";
 import "dayjs/locale/vi";
 import theme from "./theme";
-import "highlight.js/styles/github.css";
+import "./less/code-highlight.less";
 import "./css/global.css";
 import "./css/tailwind.css";