fix(site): fix some wrong colors

opentiny · Mar 3, 2025 · bf6472a · bf6472a
1 parent 0fe2122
commit bf6472a
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 61 deletions.
diff --git a/examples/sites/src/assets/custom-markdown.css b/examples/sites/src/assets/custom-markdown.css
@@ -95,3 +95,26 @@ body .markdown-body {
   --color-attention-subtle: #fff8c5;
   --color-danger-fg: #cf222e;
 }
+.markdown-body code {
+  text-shadow: none !important;
+}
+
+.dark.dark .markdown-body {
+  background-color: #000;
+}
+
+.dark.dark .markdown-body pre {
+  background-color: #1a1a1a;
+}
+
+.dark.dark .markdown-body code {
+  color: var(--tv-color-text);
+
+  .token.operator {
+    background-color: transparent;
+  }
+
+  .hljs-string {
+    color: #6f42c1;
+  }
+}
diff --git a/examples/sites/src/assets/images/leftMenu/directives-custom-instruction.svg b/examples/sites/src/assets/images/leftMenu/directives-custom-instruction.svg
diff --git a/examples/sites/src/assets/markdown.less b/examples/sites/src/assets/markdown.less
diff --git a/examples/sites/src/main.js b/examples/sites/src/main.js
@@ -7,7 +7,7 @@ import 'prismjs/themes/prism.css'
 import 'uno.css'
 
 // highlight默认样式
-import 'highlight.js/styles/default.css'
+// import 'highlight.js/styles/default.css'
 
 // 只使用markdown的亮色主题
 import 'github-markdown-css/github-markdown.css'
@@ -17,7 +17,6 @@ import './style.css'
 // 覆盖默认的github markdown样式
 import './assets/custom-markdown.css'
 import './assets/custom-block.less'
-import './assets/markdown.less'
 import './assets/md-preview.less'
 
 import { i18n } from './i18n/index'

diff --git a/examples/sites/src/views/components-doc/components/demo.vue b/examples/sites/src/views/components-doc/components/demo.vue
@@ -335,10 +335,6 @@ onBeforeUnmount(() => {
   }
 }
 
-:global(.dark .pc-demo-container.pc-demo-container) {
-  background-color: #1a1a1a;
-  border: none;
-}
 .pc-demo-container {
   display: flex;
   flex-direction: column;
@@ -400,3 +396,14 @@ onBeforeUnmount(() => {
   padding: 20px 5px;
 }
 </style>
+
+<style lang="less">
+.dark .pc-demo-container.pc-demo-container {
+  background-color: #1a1a1a;
+  border: none;
+}
+
+.dark .demo-content.demo-content .demo-desc {
+  color: #b3b3b3;
+}
+</style>
diff --git a/examples/sites/src/views/docs/docs.vue b/examples/sites/src/views/docs/docs.vue
@@ -67,23 +67,6 @@ onMounted(() => {
   }
 }
 
-.dark .docs-container .markdown-body {
-  background-color: #000;
-}
-
-.dark .docs-container .markdown-body pre {
-  background-color: #1a1a1a;
-}
-
-.dark .docs-container .markdown-body code {
-  text-shadow: none;
-  color: var(--tv-color-text);
-
-  .token.operator {
-    background-color: transparent;
-  }
-}
-
 .docs-page-anchor {
   .tiny-anchor__affix {
     overflow-y: auto;