feat: 暗黑主题

src/components/PostList.astro

@@ -60,13 +60,13 @@ posts.map((post) => {
   }
 
   .post {
-    background: #fff;
     padding: 16px;
     border-radius: 12px;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
     display: flex;
     align-items: center;
     transition: transform 0.2s linear;
+    background: #fff;
   }
 
   .post:hover {
@@ -150,5 +150,15 @@ posts.map((post) => {
     }
   }
 
+  :global(.dark) .post {
+    background: #1f2937;
+  }
 
+  :global(.dark) .published-at {
+    color: #ffffff;
+  }
+
+  :global(.dark) .category-name {
+    background: #374151;
+  }
 </style>