Initial commit

app/globals.css

@@ -5,6 +5,11 @@
   --foreground: #171717;
 }
 
+.dark {
+  --background: #0a0a0a;
+  --foreground: #ededed;
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -12,15 +17,67 @@
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   background: var(--background);
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+/* 确保暗色模式下的背景色 */
+.dark body {
+  background-color: #0a0a0a;
+  color: #ededed;
+}
+
+/* 暗色模式下的组件样式 */
+.dark .bg-white {
+  background-color: #1f1f1f;
+}
+
+.dark .bg-gray-50 {
+  background-color: #2a2a2a;
+}
+
+.dark .bg-gray-100 {
+  background-color: #3a3a3a;
+}
+
+.dark .border-gray-200 {
+  border-color: #404040;
+}
+
+.dark .border-gray-300 {
+  border-color: #505050;
+}
+
+.dark .text-gray-900 {
+  color: #f3f4f6;
+}
+
+.dark .text-gray-600 {
+  color: #d1d5db;
+}
+
+.dark .text-gray-500 {
+  color: #9ca3af;
+}
+
+.dark .text-gray-400 {
+  color: #9ca3af;
+}
+
+.dark .text-gray-300 {
+  color: #d1d5db;
+}
+
+.dark .text-gray-200 {
+  color: #e5e7eb;
+}
+
+.dark .text-gray-100 {
+  color: #f3f4f6;
+}
+
+.dark .text-gray-50 {
+  color: #f9fafb;
+}