生产管理系统前端 - 瓦力0.71原型图更新
This commit is contained in:
@@ -86,31 +86,7 @@
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
.dark .bg-gray-50 {
|
||||
background-color: #1f2937;
|
||||
}
|
||||
|
||||
.dark .bg-gray-100 {
|
||||
background-color: #374151;
|
||||
}
|
||||
|
||||
.dark .bg-gray-200 {
|
||||
background-color: #4b5563;
|
||||
}
|
||||
|
||||
.dark .text-gray-900 {
|
||||
color: #e7e9ea;
|
||||
}
|
||||
|
||||
.dark .text-gray-800 {
|
||||
color: #d1d5db;
|
||||
}
|
||||
|
||||
.dark .text-gray-700 {
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
/* Green theme variations for dark mode */
|
||||
/* Status color variations - Green (Success/Active) */
|
||||
.dark .bg-green-50 {
|
||||
background-color: rgba(34, 197, 94, 0.1);
|
||||
}
|
||||
@@ -131,32 +107,15 @@
|
||||
color: #22c55e;
|
||||
}
|
||||
|
||||
/* Blue theme variations for dark mode */
|
||||
.dark .bg-blue-50 {
|
||||
background-color: rgba(59, 130, 246, 0.1);
|
||||
.dark .border-green-200 {
|
||||
border-color: rgba(34, 197, 94, 0.3);
|
||||
}
|
||||
|
||||
.dark .bg-blue-100 {
|
||||
background-color: rgba(59, 130, 246, 0.2);
|
||||
.dark .border-green-300 {
|
||||
border-color: rgba(34, 197, 94, 0.4);
|
||||
}
|
||||
|
||||
.dark .text-blue-800 {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.dark .text-blue-700 {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.dark .text-blue-600 {
|
||||
color: #3b82f6;
|
||||
}
|
||||
|
||||
.dark .text-blue-900 {
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
/* Red theme variations for dark mode */
|
||||
/* Status color variations - Red (Error/Destructive) */
|
||||
.dark .bg-red-50 {
|
||||
background-color: rgba(239, 68, 68, 0.1);
|
||||
}
|
||||
@@ -177,7 +136,44 @@
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
/* Orange theme variations for dark mode */
|
||||
.dark .text-red-500 {
|
||||
color: #f87171;
|
||||
}
|
||||
|
||||
.dark .border-red-200 {
|
||||
border-color: rgba(239, 68, 68, 0.3);
|
||||
}
|
||||
|
||||
/* Status color variations - Yellow (Warning) */
|
||||
.dark .bg-yellow-50 {
|
||||
background-color: rgba(234, 179, 8, 0.1);
|
||||
}
|
||||
|
||||
.dark .bg-yellow-100 {
|
||||
background-color: rgba(234, 179, 8, 0.2);
|
||||
}
|
||||
|
||||
.dark .text-yellow-800 {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.dark .text-yellow-700 {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.dark .text-yellow-600 {
|
||||
color: #eab308;
|
||||
}
|
||||
|
||||
.dark .text-yellow-500 {
|
||||
color: #fbbf24;
|
||||
}
|
||||
|
||||
.dark .border-yellow-200 {
|
||||
border-color: rgba(234, 179, 8, 0.3);
|
||||
}
|
||||
|
||||
/* Status color variations - Orange (Alert) */
|
||||
.dark .bg-orange-50 {
|
||||
background-color: rgba(249, 115, 22, 0.1);
|
||||
}
|
||||
@@ -198,24 +194,56 @@
|
||||
color: #f97316;
|
||||
}
|
||||
|
||||
/* Yellow theme variations for dark mode */
|
||||
.dark .bg-yellow-50 {
|
||||
background-color: rgba(234, 179, 8, 0.1);
|
||||
.dark .border-orange-200 {
|
||||
border-color: rgba(249, 115, 22, 0.3);
|
||||
}
|
||||
|
||||
.dark .bg-yellow-100 {
|
||||
background-color: rgba(234, 179, 8, 0.2);
|
||||
/* Status color variations - Blue (Info) */
|
||||
.dark .bg-blue-50 {
|
||||
background-color: rgba(59, 130, 246, 0.1);
|
||||
}
|
||||
|
||||
.dark .text-yellow-800 {
|
||||
color: #fbbf24;
|
||||
.dark .bg-blue-100 {
|
||||
background-color: rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
.dark .text-yellow-700 {
|
||||
color: #fbbf24;
|
||||
.dark .bg-blue-950\/30 {
|
||||
background-color: rgba(59, 130, 246, 0.05);
|
||||
}
|
||||
|
||||
/* Purple theme variations for dark mode */
|
||||
.dark .text-blue-800 {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.dark .text-blue-700 {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.dark .text-blue-600 {
|
||||
color: #3b82f6;
|
||||
}
|
||||
|
||||
.dark .text-blue-900 {
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
.dark .text-blue-400 {
|
||||
color: #60a5fa;
|
||||
}
|
||||
|
||||
.dark .text-blue-300 {
|
||||
color: #93c5fd;
|
||||
}
|
||||
|
||||
.dark .border-blue-200 {
|
||||
border-color: rgba(59, 130, 246, 0.3);
|
||||
}
|
||||
|
||||
.dark .border-blue-900 {
|
||||
border-color: rgba(59, 130, 246, 0.4);
|
||||
}
|
||||
|
||||
/* Status color variations - Purple */
|
||||
.dark .bg-purple-50 {
|
||||
background-color: rgba(139, 92, 246, 0.1);
|
||||
}
|
||||
@@ -240,7 +268,11 @@
|
||||
color: #c4b5fd;
|
||||
}
|
||||
|
||||
/* Pink theme variations for dark mode */
|
||||
.dark .border-purple-200 {
|
||||
border-color: rgba(139, 92, 246, 0.3);
|
||||
}
|
||||
|
||||
/* Status color variations - Pink */
|
||||
.dark .bg-pink-50 {
|
||||
background-color: rgba(236, 72, 153, 0.1);
|
||||
}
|
||||
@@ -257,7 +289,7 @@
|
||||
color: #f472b6;
|
||||
}
|
||||
|
||||
/* Cyan/Teal theme variations for dark mode */
|
||||
/* Status color variations - Cyan/Teal */
|
||||
.dark .bg-cyan-50 {
|
||||
background-color: rgba(6, 182, 212, 0.1);
|
||||
}
|
||||
@@ -270,27 +302,6 @@
|
||||
color: #22d3ee;
|
||||
}
|
||||
|
||||
/* Border color variations for dark mode */
|
||||
.dark .border-green-200 {
|
||||
border-color: rgba(34, 197, 94, 0.3);
|
||||
}
|
||||
|
||||
.dark .border-blue-200 {
|
||||
border-color: rgba(59, 130, 246, 0.3);
|
||||
}
|
||||
|
||||
.dark .border-red-200 {
|
||||
border-color: rgba(239, 68, 68, 0.3);
|
||||
}
|
||||
|
||||
.dark .border-orange-200 {
|
||||
border-color: rgba(249, 115, 22, 0.3);
|
||||
}
|
||||
|
||||
.dark .border-purple-200 {
|
||||
border-color: rgba(139, 92, 246, 0.3);
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
--color-background: var(--background);
|
||||
--color-foreground: var(--foreground);
|
||||
@@ -408,7 +419,7 @@ html {
|
||||
/* Field value styling for forms and detail views */
|
||||
@layer components {
|
||||
.field-value {
|
||||
@apply mt-2 text-base text-foreground px-3 py-2 bg-gray-50 dark:bg-gray-800 rounded-md min-h-[2.5rem] flex items-center transition-colors;
|
||||
@apply mt-2 text-base text-foreground px-3 py-2 bg-muted rounded-md min-h-[2.5rem] flex items-center transition-colors;
|
||||
}
|
||||
|
||||
.field-value-inline {
|
||||
|
||||
Reference in New Issue
Block a user