more refactors

2024-10-19 14:34:42 +05:30
parent e8bb9a3934
commit 3b8951fde6
46 changed files with 598 additions and 435 deletions
@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+
+@immutable
+abstract class AppColors {
+  const AppColors();
+
+  /// Blue color
+  static const ColorScheme blueLight = ColorScheme(
+    brightness: Brightness.light,
+    primary: Color(0xff1145a4),
+    onPrimary: Color(0xffffffff),
+    primaryContainer: Color(0xffdae2ff),
+    onPrimaryContainer: Color(0xff001848),
+    secondary: Color(0xff4b73d3),
+    onSecondary: Color(0xfffefbff),
+    secondaryContainer: Color(0xffeef0ff),
+    onSecondaryContainer: Color(0xff001848),
+    tertiary: Color(0xff814b81),
+    onTertiary: Color(0xfffffbff),
+    tertiaryContainer: Color(0xffffd6fa),
+    onTertiaryContainer: Color(0xff340439),
+    error: Color(0xffba1a1a),
+    onError: Color(0xfffffbff),
+    errorContainer: Color(0xffffdad6),
+    onErrorContainer: Color(0xff410002),
+    surface: Color(0xFFF0EFF4),
+    onSurface: Color(0xff1a1b21),
+    onSurfaceVariant: Color(0xff444651),
+    surfaceContainer: Color(0xfffefbff),
+    surfaceContainerHighest: Color(0xffe0e2ef),
+    outline: Color(0xff747782),
+    outlineVariant: Color(0xffc4c6d3),
+    shadow: Color(0xff000000),
+    scrim: Color(0xff000000),
+    inverseSurface: Color(0xff2f3036),
+    onInverseSurface: Color(0xfff1f0f7),
+    inversePrimary: Color(0xffb2c5ff),
+    surfaceTint: Color(0xff06409f),
+  );
+
+  static const ColorScheme blueDark = ColorScheme(
+    brightness: Brightness.dark,
+    primary: Color(0xffa9c7ff),
+    onPrimary: Color(0xff001b3d),
+    primaryContainer: Color(0xff00468c),
+    onPrimaryContainer: Color(0xffd6e3ff),
+    secondary: Color(0xffd6e3ff),
+    onSecondary: Color(0xff001b3d),
+    secondaryContainer: Color(0xff003063),
+    onSecondaryContainer: Color(0xffd6e3ff),
+    tertiary: Color(0xffeab4f6),
+    onTertiary: Color(0xff310540),
+    tertiaryContainer: Color(0xff61356e),
+    onTertiaryContainer: Color(0xfffad7ff),
+    error: Color(0xffffb4ab),
+    onError: Color(0xff410002),
+    errorContainer: Color(0xff93000a),
+    onErrorContainer: Color(0xffffb4ab),
+    surface: Color(0xFF15181C),
+    onSurface: Color(0xffe2e2e9),
+    onSurfaceVariant: Color(0xffc2c6d2),
+    surfaceContainer: Color(0xff1a1e22),
+    surfaceContainerHighest: Color(0xff424852),
+    outline: Color(0xff8c919c),
+    outlineVariant: Color(0xff424751),
+    shadow: Color(0xff000000),
+    scrim: Color(0xff000000),
+    inverseSurface: Color(0xffe1e1e9),
+    onInverseSurface: Color(0xff2e3036),
+    inversePrimary: Color(0xff005db7),
+    surfaceTint: Color(0xffa9c7ff),
+  );
+}
@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/theme/app_colors.dart';
+import 'package:immich_mobile/utils/extensions/material_state.extension.dart';
+
+enum AppTheme {
+  blue._(AppColors.blueLight, AppColors.blueDark),
+  // Fallback color for dynamic theme for non-supported platforms
+  dynamic._(AppColors.blueLight, AppColors.blueDark);
+
+  final ColorScheme lightSchema;
+  final ColorScheme darkSchema;
+
+  const AppTheme._(this.lightSchema, this.darkSchema);
+
+  static ThemeData generateThemeData(ColorScheme color) {
+    return ThemeData(
+      colorScheme: color,
+      primaryColor: color.primary,
+      iconTheme: const IconThemeData(weight: 500, opticalSize: 24),
+      navigationBarTheme: NavigationBarThemeData(
+        backgroundColor: color.surfaceContainer,
+        indicatorColor: color.primary,
+        iconTheme: WidgetStateProperty.resolveWith(
+          (Set<WidgetState> states) {
+            if (states.isSelected) {
+              return IconThemeData(color: color.onPrimary);
+            }
+            return IconThemeData(color: color.onSurface.withAlpha(175));
+          },
+        ),
+      ),
+      scaffoldBackgroundColor: color.surface,
+      navigationRailTheme: NavigationRailThemeData(
+        backgroundColor: color.surfaceContainer,
+        elevation: 3,
+        indicatorColor: color.primary,
+        selectedIconTheme:
+            IconThemeData(weight: 500, opticalSize: 24, color: color.onPrimary),
+        unselectedIconTheme: IconThemeData(
+          weight: 500,
+          opticalSize: 24,
+          color: color.onSurface.withAlpha(175),
+        ),
+      ),
+      inputDecorationTheme: InputDecorationTheme(
+        focusedBorder: OutlineInputBorder(
+          borderSide: BorderSide(color: color.primary),
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+        ),
+        enabledBorder: OutlineInputBorder(
+          borderSide: BorderSide(color: color.outlineVariant),
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+        ),
+        errorBorder: OutlineInputBorder(
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+          borderSide: BorderSide(color: color.error),
+        ),
+        focusedErrorBorder: OutlineInputBorder(
+          borderRadius: const BorderRadius.all(Radius.circular(15)),
+          borderSide: BorderSide(color: color.error),
+        ),
+        hintStyle: const TextStyle(
+          fontSize: 16.0,
+          fontWeight: FontWeight.normal,
+        ),
+      ),
+      textSelectionTheme: TextSelectionThemeData(cursorColor: color.primary),
+      sliderTheme: SliderThemeData(
+        valueIndicatorColor:
+            Color.alphaBlend(color.primary.withAlpha(80), color.onSurface)
+                .withAlpha(240),
+      ),
+      snackBarTheme: SnackBarThemeData(
+        elevation: 4,
+        behavior: SnackBarBehavior.floating,
+        shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.all(Radius.circular(4.0)),
+        ),
+        insetPadding: const EdgeInsets.fromLTRB(20.0, 5.0, 20.0, 25.0),
+        backgroundColor:
+            Color.alphaBlend(color.primary.withAlpha(80), color.onSurface)
+                .withAlpha(240),
+        actionTextColor: color.inversePrimary,
+        contentTextStyle: TextStyle(color: color.onInverseSurface),
+        closeIconColor: color.onInverseSurface,
+      ),
+    );
+  }
+}