fix: changelog backgroud color

fix dark mode on light system fix light mode on dark system close #890
PBH-BTN · Jan 16, 2025 · c5bcab2 · c5bcab2
1 parent 33d8c6a
commit c5bcab2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/webui/public/style/github-markdown-css.css b/webui/public/style/github-markdown-css.css
@@ -8,6 +8,12 @@
 .markdown-body table tr {
   background-color: var(--bgColor-default);
 }
+html {
+  background-color: #fff;
+}
+html[data-theme='dark'] {
+  background-color: #2a2a2b;
+}
 .markdown-body {
   --base-size-4: 0.25rem;
   --base-size-8: 0.5rem;
@@ -40,7 +46,7 @@
   --fgColor-attention: #d29922;
   --fgColor-danger: #f85149;
   --fgColor-done: #ab7df8;
-  --bgColor-default: var(--color-bg-3);
+  --bgColor-default: #2a2a2b;
   --bgColor-muted: #151b23;
   --bgColor-neutral-muted: #656c7633;
   --bgColor-attention-muted: #bb800926;
@@ -93,7 +99,7 @@
   --fgColor-attention: #9a6700;
   --fgColor-danger: #d1242f;
   --fgColor-done: #8250df;
-  --bgColor-default: var(--color-bg-3);
+  --bgColor-default: #fff;
   --bgColor-muted: #f6f8fa;
   --bgColor-neutral-muted: #818b981f;
   --bgColor-attention-muted: #fff8c5;

diff --git a/webui/src/components/markdown.vue b/webui/src/components/markdown.vue
@@ -17,8 +17,10 @@ const darkStore = useDarkStore()
 
 const srcDoc = computed(() => {
   return `
+    <html data-theme="${darkStore.isDark ? 'dark' : 'light'}">
     <link rel="stylesheet" href="./style/github-markdown-css.css"/>
     <div class="markdown-body" data-theme="${darkStore.isDark ? 'dark' : 'light'}">${md.render(content)}</div>
+    </html>
     `
 })
 const { content, useGithubMarkdown = false } = defineProps<{