[ui] UI theme should match repertory blue #61

web/repertory/lib/main.dart

@@ -41,6 +41,10 @@ class MyApp extends StatefulWidget {
 }
 
 class _MyAppState extends State<MyApp> {
+  static const Color accentBlue = Color(0xFF1050A0);
+  static const Color surfaceDark = Color(0xFF202124);
+  static const Color surfaceContainerLowDark = Color(0xFF292A2D);
+
   @override
   Widget build(context) {
     final snackBarTheme = SnackBarThemeData(
@@ -56,12 +60,26 @@ class _MyAppState extends State<MyApp> {
         brightness: Brightness.dark,
         colorScheme: ColorScheme.fromSeed(
           brightness: Brightness.dark,
+          seedColor: accentBlue,
           onSurface: Colors.white70,
-          seedColor: Colors.deepOrange,
+          surface: surfaceDark,
-          surface: Color.fromARGB(255, 32, 33, 36),
+          surfaceContainerLow: surfaceContainerLowDark,
-          surfaceContainerLow: Color.fromARGB(255, 41, 42, 45),
         ),
+        scaffoldBackgroundColor: surfaceDark,
         snackBarTheme: snackBarTheme,
+        appBarTheme: const AppBarTheme(scrolledUnderElevation: 0),
+        inputDecorationTheme: const InputDecorationTheme(
+          focusedBorder: UnderlineInputBorder(borderSide: BorderSide(width: 2)),
+        ),
+        elevatedButtonTheme: ElevatedButtonThemeData(
+          style: ElevatedButton.styleFrom(
+            minimumSize: const Size.fromHeight(40),
+          ),
+        ),
+        filledButtonTheme: FilledButtonThemeData(
+          style: FilledButton.styleFrom(minimumSize: const Size.fromHeight(40)),
+        ),
+        dividerTheme: const DividerThemeData(thickness: 0.6, space: 0),
       ),
       title: constants.appTitle,
       initialRoute: '/auth',