elCaribe app - customization and branding

2025-12-12 19:09:42 -04:00
parent 9e5d0d8ebf
commit ba7deac9f3
402 changed files with 31833 additions and 0 deletions
--- a/news-app/lib/ui/styles/appTheme.dart
+++ b/news-app/lib/ui/styles/appTheme.dart
@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'colors.dart';
+
+enum AppTheme { Light, Dark }
+
+final appThemeData = {
+  AppTheme.Light: ThemeData(
+      useMaterial3: false,
+      fontFamily: 'Roboto',
+      brightness: Brightness.light,
+      primaryColor: primaryColor,
+      canvasColor: backgroundColor,
+      textTheme: const TextTheme().apply(bodyColor: darkSecondaryColor, displayColor: darkSecondaryColor),
+      appBarTheme: AppBarTheme(
+          elevation: 0.0,
+          backgroundColor: backgroundColor, 
+          systemOverlayStyle: SystemUiOverlayStyle(statusBarBrightness: Brightness.light, statusBarIconBrightness: Brightness.dark, statusBarColor: backgroundColor.withOpacity(0.8))),
+      iconTheme: const IconThemeData(color: darkSecondaryColor),
+      colorScheme: ColorScheme.fromSeed(
+          seedColor: primaryColor,
+          brightness: Brightness.light,
+          surface: secondaryColor,
+          secondary: secondaryColor,
+          onPrimary: darkBackgroundColor,
+          secondaryContainer: darkSecondaryColor,
+          outline: borderColor,
+          primaryContainer: darkSecondaryColor),
+      dialogBackgroundColor: backgroundColor //for datePicker
+      ),
+  AppTheme.Dark: ThemeData(
+      useMaterial3: false,
+      fontFamily: 'Roboto',
+      brightness: Brightness.dark,
+      primaryColor: primaryColor,
+      canvasColor: darkSecondaryColor,
+      appBarTheme: AppBarTheme(
+          elevation: 0.0,
+          backgroundColor: darkBackgroundColor, 
+          systemOverlayStyle: SystemUiOverlayStyle(
+            statusBarBrightness: Brightness.dark,
+            statusBarIconBrightness: Brightness.light,
+            statusBarColor: darkSecondaryColor.withOpacity(0.8),
+          )),
+      textTheme: const TextTheme().apply(bodyColor: secondaryColor, displayColor: secondaryColor),
+      iconTheme: const IconThemeData(color: secondaryColor),
+      colorScheme: ColorScheme.fromSeed(
+          seedColor: primaryColor,
+          onPrimary: secondaryColor,
+          surface: darkBackgroundColor,
+          brightness: Brightness.dark,
+          secondary: darkSecondaryColor,
+          secondaryContainer: primaryColor,
+          outline: backgroundColor,
+          primaryContainer: secondaryColor //for datePicker
+          ),
+      dialogBackgroundColor: darkBackgroundColor),
+};