fix: theme default dark mode css update

fuxiaohei · May 5, 2022 · e57ba00 · e57ba00
1 parent a6797cc
commit e57ba00
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 7 deletions.
diff --git a/themes/default/archives.html b/themes/default/archives.html
@@ -2,7 +2,7 @@
 <html>
 {{template "head.html" .}}
 
-<body class="dark:bg-zinc-900">
+<body>
     {{template "header.html" .}}
     <main class="main">
         <div class="main-container">

diff --git a/themes/default/page.html b/themes/default/page.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 {{template "head.html" .}}
-<body class="dark:bg-zinc-900">
+<body>
     {{template "header.html" .}}
     <main class="main">
         <div class="main-container">

diff --git a/themes/default/post-list.html b/themes/default/post-list.html
@@ -2,7 +2,7 @@
 <html>
 {{template "head.html" .}}
 
-<body class="dark:bg-zinc-900">
+<body>
     {{template "header.html" .}}
     <main class="main">
         <div class="main-container">

diff --git a/themes/default/post.html b/themes/default/post.html
@@ -2,7 +2,7 @@
 <html>
 {{template "head.html" .}}
 
-<body class="dark:bg-zinc-900">
+<body>
     {{template "header.html" .}}
     <main class="main">
         <div class="main-container">

diff --git a/themes/default/static/css/input.css b/themes/default/static/css/input.css
@@ -2,8 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+body{
+    @apply dark:bg-zinc-800
+}
+
 .main {
-    @apply w-full flex-none
+    @apply w-full flex-none dark:bg-zinc-900
 }
 
 .main-container {
@@ -19,7 +23,7 @@
 }
 
 .post-header {
-    @apply flex-auto pb-4 mb-4 text-xl text-gray-500 border-b border-slate-200
+    @apply flex-auto pb-4 mb-4 text-xl text-gray-500 border-b border-slate-200 dark:border-zinc-800
 }
 
 .post-list .post-container {

diff --git a/themes/default/static/css/style.css b/themes/default/static/css/style.css