@@ -167,6 +167,7 @@ const darkColorScheme = ColorScheme.dark(
167167);
168168
169169// Light theme - Tailwind Slate palette (inverted)
170+ // Note: Using darker grays for better text contrast
170171const lightColorScheme = ColorScheme .light (
171172 primary: Color (0xFF059669 ), // emerald-600
172173 onPrimary: Colors .white,
@@ -175,8 +176,8 @@ const lightColorScheme = ColorScheme.light(
175176 tertiary: Color (0xFF4F46E5 ), // indigo-600
176177 onTertiary: Colors .white,
177178 surface: Color (0xFFF8FAFC ), // slate-50 (cards/panels)
178- onSurface: Color (0xFF1E293B ), // slate-800 (primary text)
179- onSurfaceVariant: Color (0xFF64748B ), // slate-500 (muted text)
179+ onSurface: Color (0xFF0F172A ), // slate-900 (primary text - darker for contrast )
180+ onSurfaceVariant: Color (0xFF475569 ), // slate-600 (muted text - darker for readability )
180181 surfaceContainerHighest: Color (0xFFFFFFFF ), // white (main bg)
181182 outline: Color (0xFFCBD5E1 ), // slate-300 (borders)
182183 error: Color (0xFFDC2626 ), // red-600
@@ -249,7 +250,7 @@ class _ThemedAppState extends State<_ThemedApp> {
249250 scaffoldBackgroundColor: const Color (0xFFF1F5F9 ), // slate-100
250251 appBarTheme: const AppBarTheme (
251252 backgroundColor: Color (0xFFF8FAFC ), // slate-50
252- foregroundColor: Color (0xFF1E293B ), // slate-800
253+ foregroundColor: Color (0xFF0F172A ), // slate-900 (darker for contrast)
253254 ),
254255 cardTheme: CardThemeData (
255256 color: const Color (0xFFF8FAFC ), // slate-50
0 commit comments