From 90e5d029ce8ff62903e06bb9f594285aee226d0a Mon Sep 17 00:00:00 2001 From: anran Date: Sat, 31 Jan 2026 02:38:28 +0800 Subject: [PATCH] style(theme): update color scheme to Tailwind Blue/Slate palette - Replace cyan/indigo primary colors with Blue 600/400 - Use Slate gray scale for backgrounds and surfaces - Update extended colors (card, shimmer, node status) - Maintain consistent color naming with Tailwind CSS --- .../moe/uni/comfy_kmp/ui/theme/ComfyTheme.kt | 112 +++++++++--------- 1 file changed, 56 insertions(+), 56 deletions(-) diff --git a/composeApp/src/commonMain/kotlin/moe/uni/comfy_kmp/ui/theme/ComfyTheme.kt b/composeApp/src/commonMain/kotlin/moe/uni/comfy_kmp/ui/theme/ComfyTheme.kt index b81a2b2..05b1106 100644 --- a/composeApp/src/commonMain/kotlin/moe/uni/comfy_kmp/ui/theme/ComfyTheme.kt +++ b/composeApp/src/commonMain/kotlin/moe/uni/comfy_kmp/ui/theme/ComfyTheme.kt @@ -19,53 +19,53 @@ import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp -// Light Mode Colors -private val LightPrimary = Color(0xFF0EA5E9) // 电光蓝 +// Light Mode Colors - Blue 蓝色系 +private val LightPrimary = Color(0xFF2563EB) // Blue 600 private val LightOnPrimary = Color(0xFFFFFFFF) -private val LightPrimaryContainer = Color(0xFFE0F2FE) -private val LightOnPrimaryContainer = Color(0xFF0C4A6E) -private val LightSecondary = Color(0xFF6366F1) // 靛蓝 +private val LightPrimaryContainer = Color(0xFFDBEAFE) // Blue 100 +private val LightOnPrimaryContainer = Color(0xFF1E3A8A) // Blue 900 +private val LightSecondary = Color(0xFF3B82F6) // Blue 500 private val LightOnSecondary = Color.White -private val LightSecondaryContainer = Color(0xFFE0E7FF) -private val LightOnSecondaryContainer = Color(0xFF3730A3) -private val LightTertiary = Color(0xFF10B981) // 翡翠绿 +private val LightSecondaryContainer = Color(0xFFBFDBFE) // Blue 200 +private val LightOnSecondaryContainer = Color(0xFF1E40AF) // Blue 800 +private val LightTertiary = Color(0xFF8B5CF6) // Violet 500 private val LightOnTertiary = Color.White -private val LightTertiaryContainer = Color(0xFFD1FAE5) -private val LightOnTertiaryContainer = Color(0xFF065F46) -private val LightBackground = Color(0xFFF5F5F7) -private val LightOnBackground = Color(0xFF1A1A1A) +private val LightTertiaryContainer = Color(0xFFEDE9FE) // Violet 100 +private val LightOnTertiaryContainer = Color(0xFF5B21B6) // Violet 800 +private val LightBackground = Color(0xFFF8FAFC) // Slate 50 +private val LightOnBackground = Color(0xFF1E293B) // Slate 800 private val LightSurface = Color(0xFFFFFFFF) -private val LightOnSurface = Color(0xFF1A1A1A) -private val LightSurfaceVariant = Color(0xFFE8E8ED) -private val LightOnSurfaceVariant = Color(0xFF4A4A52) -private val LightOutline = Color(0xFFD1D5DB) -private val LightOutlineVariant = Color(0xFFE5E7EB) -private val LightError = Color(0xFFEF4444) +private val LightOnSurface = Color(0xFF1E293B) // Slate 800 +private val LightSurfaceVariant = Color(0xFFF1F5F9) // Slate 100 +private val LightOnSurfaceVariant = Color(0xFF475569) // Slate 600 +private val LightOutline = Color(0xFFCBD5E1) // Slate 300 +private val LightOutlineVariant = Color(0xFFE2E8F0) // Slate 200 +private val LightError = Color(0xFFDC2626) // Red 600 private val LightOnError = Color.White -// Dark Mode Colors -private val DarkPrimary = Color(0xFF38BDF8) // 电光蓝 -private val DarkOnPrimary = Color(0xFF0C1929) -private val DarkPrimaryContainer = Color(0xFF0369A1) -private val DarkOnPrimaryContainer = Color(0xFFBAE6FD) -private val DarkSecondary = Color(0xFFA78BFA) // 紫罗兰 -private val DarkOnSecondary = Color(0xFF1E1B4B) -private val DarkSecondaryContainer = Color(0xFF4C1D95) -private val DarkOnSecondaryContainer = Color(0xFFEDE9FE) -private val DarkTertiary = Color(0xFF34D399) // 翡翠绿 -private val DarkOnTertiary = Color(0xFF052E16) -private val DarkTertiaryContainer = Color(0xFF065F46) -private val DarkOnTertiaryContainer = Color(0xFFA7F3D0) -private val DarkBackground = Color(0xFF0D0D12) -private val DarkOnBackground = Color(0xFFE8E8ED) -private val DarkSurface = Color(0xFF1A1A24) -private val DarkOnSurface = Color(0xFFE8E8ED) -private val DarkSurfaceVariant = Color(0xFF2A2A36) -private val DarkOnSurfaceVariant = Color(0xFFA1A1AA) -private val DarkOutline = Color(0xFF3F3F46) -private val DarkOutlineVariant = Color(0xFF27272A) -private val DarkError = Color(0xFFF87171) -private val DarkOnError = Color(0xFF1A0A0A) +// Dark Mode Colors - Blue 蓝色系 +private val DarkPrimary = Color(0xFF60A5FA) // Blue 400 +private val DarkOnPrimary = Color(0xFF1E3A8A) // Blue 900 +private val DarkPrimaryContainer = Color(0xFF1E40AF) // Blue 800 +private val DarkOnPrimaryContainer = Color(0xFFDBEAFE) // Blue 100 +private val DarkSecondary = Color(0xFF93C5FD) // Blue 300 +private val DarkOnSecondary = Color(0xFF1E3A8A) // Blue 900 +private val DarkSecondaryContainer = Color(0xFF1D4ED8) // Blue 700 +private val DarkOnSecondaryContainer = Color(0xFFBFDBFE) // Blue 200 +private val DarkTertiary = Color(0xFFA78BFA) // Violet 400 +private val DarkOnTertiary = Color(0xFF4C1D95) // Violet 900 +private val DarkTertiaryContainer = Color(0xFF6D28D9) // Violet 700 +private val DarkOnTertiaryContainer = Color(0xFFEDE9FE) // Violet 100 +private val DarkBackground = Color(0xFF0F172A) // Slate 900 +private val DarkOnBackground = Color(0xFFE2E8F0) // Slate 200 +private val DarkSurface = Color(0xFF1E293B) // Slate 800 +private val DarkOnSurface = Color(0xFFE2E8F0) // Slate 200 +private val DarkSurfaceVariant = Color(0xFF334155) // Slate 700 +private val DarkOnSurfaceVariant = Color(0xFF94A3B8) // Slate 400 +private val DarkOutline = Color(0xFF475569) // Slate 600 +private val DarkOutlineVariant = Color(0xFF334155) // Slate 700 +private val DarkError = Color(0xFFF87171) // Red 400 +private val DarkOnError = Color(0xFF7F1D1D) // Red 900 private val LightColors = lightColorScheme( primary = LightPrimary, @@ -240,14 +240,14 @@ private val LightExtendedColors = ComfyExtendedColors( onWarning = Color(0xFF1A1A1A), warningContainer = Color(0xFFFEF3C7), cardBackground = Color.White, - cardBorder = Color(0xFFE5E7EB), - shimmerBase = Color(0xFFE5E7EB), - shimmerHighlight = Color(0xFFF3F4F6), - gradientStart = Color(0xFFF5F5F7), - gradientEnd = Color(0xFFE8E8ED), - nodeRunning = Color(0xFF0EA5E9), + cardBorder = Color(0xFFE2E8F0), // Slate 200 + shimmerBase = Color(0xFFE2E8F0), // Slate 200 + shimmerHighlight = Color(0xFFF1F5F9), // Slate 100 + gradientStart = Color(0xFFF8FAFC), // Slate 50 + gradientEnd = Color(0xFFF1F5F9), // Slate 100 + nodeRunning = Color(0xFF2563EB), // Blue 600 nodeCompleted = Color(0xFF10B981), - nodePending = Color(0xFF9CA3AF) + nodePending = Color(0xFF94A3B8) // Slate 400 ) private val DarkExtendedColors = ComfyExtendedColors( @@ -257,15 +257,15 @@ private val DarkExtendedColors = ComfyExtendedColors( warning = Color(0xFFFBBF24), onWarning = Color(0xFF1A1A1A), warningContainer = Color(0xFF78350F), - cardBackground = Color(0xFF1F1F2A), - cardBorder = Color(0xFF3F3F46), - shimmerBase = Color(0xFF27272A), - shimmerHighlight = Color(0xFF3F3F46), - gradientStart = Color(0xFF0D0D12), - gradientEnd = Color(0xFF1A1A24), - nodeRunning = Color(0xFF38BDF8), + cardBackground = Color(0xFF1E293B), // Slate 800 + cardBorder = Color(0xFF475569), // Slate 600 + shimmerBase = Color(0xFF334155), // Slate 700 + shimmerHighlight = Color(0xFF475569), // Slate 600 + gradientStart = Color(0xFF0F172A), // Slate 900 + gradientEnd = Color(0xFF1E293B), // Slate 800 + nodeRunning = Color(0xFF60A5FA), // Blue 400 nodeCompleted = Color(0xFF34D399), - nodePending = Color(0xFF6B7280) + nodePending = Color(0xFF64748B) // Slate 500 ) val LocalComfyColors = staticCompositionLocalOf { LightExtendedColors }