Default Flet color theme

Author: FeodorFitsner

client/lib/controls/page.dart

@@ -7,6 +7,7 @@ import '../models/app_state.dart';
 import '../models/control.dart';
 import '../models/control_children_view_model.dart';
 import '../utils/alignment.dart';
+import '../utils/color_theme.dart';
 import '../utils/colors.dart';
 import '../utils/edge_insets.dart';
 import '../utils/theme.dart';
@@ -71,14 +72,15 @@ class PageControl extends StatelessWidget {
     // theme
     var theme = parseTheme(control, "theme") ??
         ThemeData(
-            colorSchemeSeed: const Color.fromARGB(255, 0, 152, 218),
+            colorScheme: lightColorScheme,
             brightness: Brightness.light,
             useMaterial3: true,
             visualDensity: VisualDensity.adaptivePlatformDensity);
 
     var darkTheme = parseTheme(control, "darkTheme") ??
         ThemeData(
-            colorSchemeSeed: const Color.fromARGB(255, 104, 192, 233),
+            //colorSchemeSeed: const Color.fromARGB(255, 104, 192, 233),
+            colorScheme: darkColorScheme,
             brightness: Brightness.dark,
             useMaterial3: true,
             visualDensity: VisualDensity.adaptivePlatformDensity);

client/lib/utils/color_theme.dart

@@ -0,0 +1,67 @@
+import 'package:flutter/material.dart';
+
+// https://material-foundation.github.io/material-theme-builder/#/custom
+
+const seed = Color(0xFF6750A4);
+
+const lightColorScheme = ColorScheme(
+  brightness: Brightness.light,
+  primary: Color(0xFF006496),
+  onPrimary: Color(0xFFFFFFFF),
+  primaryContainer: Color(0xFFC9E6FF),
+  onPrimaryContainer: Color(0xFF001E31),
+  secondary: Color(0xFFBE0041),
+  onSecondary: Color(0xFFFFFFFF),
+  secondaryContainer: Color(0xFFFFDADE),
+  onSecondaryContainer: Color(0xFF400010),
+  tertiary: Color(0xFF00696F),
+  onTertiary: Color(0xFFFFFFFF),
+  tertiaryContainer: Color(0xFF70F6FF),
+  onTertiaryContainer: Color(0xFF002022),
+  error: Color(0xFFB3261E),
+  errorContainer: Color(0xFFF9DEDC),
+  onError: Color(0xFFFFFFFF),
+  onErrorContainer: Color(0xFF410E0B),
+  background: Color(0xFFFFFBFE),
+  onBackground: Color(0xFF1C1B1F),
+  surface: Color(0xFFFFFBFE),
+  onSurface: Color(0xFF1C1B1F),
+  surfaceVariant: Color(0xFFE7E0EC),
+  onSurfaceVariant: Color(0xFF49454F),
+  outline: Color(0xFF79747E),
+  onInverseSurface: Color(0xFFF4EFF4),
+  inverseSurface: Color(0xFF313033),
+  inversePrimary: Color(0xFF8BCDFF),
+  shadow: Color(0xFF000000),
+);
+
+const darkColorScheme = ColorScheme(
+  brightness: Brightness.dark,
+  primary: Color(0xFF8BCDFF),
+  onPrimary: Color(0xFF003350),
+  primaryContainer: Color(0xFF004B72),
+  onPrimaryContainer: Color(0xFFC9E6FF),
+  secondary: Color(0xFFFFB2BC),
+  onSecondary: Color(0xFF67001F),
+  secondaryContainer: Color(0xFF91002F),
+  onSecondaryContainer: Color(0xFFFFDADE),
+  tertiary: Color(0xFF4DD9E2),
+  onTertiary: Color(0xFF00363A),
+  tertiaryContainer: Color(0xFF004F54),
+  onTertiaryContainer: Color(0xFF70F6FF),
+  error: Color(0xFFF2B8B5),
+  errorContainer: Color(0xFF8C1D18),
+  onError: Color(0xFF601410),
+  onErrorContainer: Color(0xFFF9DEDC),
+  background: Color(0xFF1C1B1F),
+  onBackground: Color(0xFFE6E1E5),
+  surface: Color(0xFF1C1B1F),
+  onSurface: Color(0xFFE6E1E5),
+  surfaceVariant: Color(0xFF49454F),
+  onSurfaceVariant: Color(0xFFCAC4D0),
+  outline: Color(0xFF938F99),
+  onInverseSurface: Color(0xFF1C1B1F),
+  inverseSurface: Color(0xFFE6E1E5),
+  inversePrimary: Color(0xFF006496),
+  shadow: Color(0xFF000000),
+);

sdk/python/playground/icons-browser.py

@@ -40,6 +40,7 @@
 
 def main(page: Page):
     page.title = "Flet icons browser"
+    page.theme_mode = "light"
 
     search_txt = TextField(expand=1, hint_text="Enter keyword and press search button")
     search_results = GridView(
@@ -84,7 +85,7 @@ def display_icons(search_term: str):
                                         # selectable=True,
                                         text_align="center",
                                         overflow="fade",
-                                        color=colors.BLACK87,
+                                        color=colors.ON_SURFACE_VARIANT,
                                     ),
                                 ],
                                 spacing=5,

sdk/python/playground/todo.py

@@ -177,4 +177,4 @@ def main(page: Page):
     page.add(app.view)
 
 
-flet.app(name="test1", port=8550, target=main, view=flet.FLET_APP)
+flet.app(name="test1", port=8550, target=main, view=flet.WEB_BROWSER)