84 lines
1.2 KiB
CSS
84 lines
1.2 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
.dark {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
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;
|
|
}
|