hgkj

2026-04-04 19:25:55 +02:00
parent c91415b8b3
commit 0347a354ef
13 changed files with 377 additions and 113 deletions
--- a/lib/theme/theme.dart
+++ b/lib/theme/theme.dart
@@ -0,0 +1,189 @@
+// lib/theme.dart
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class FluxColors {
+  // === Palette comune (dal logo) ===
+  static const Color primaryBlue = Color(
+    0xFF007BFF,
+  ); // Blu Elettrico (Affidabilità)
+  static const Color accentTurquoise = Color(
+    0xFF17A2B8,
+  ); // Turchese (Flusso/Tech)
+
+  // === Palette Tech Dark (esistente) ===
+  static const Color darkBackground = Color(0xFF0A0E17);
+  static const Color darkSurface = Color(0xFF161B22);
+  static const Color darkTextPrimary = Colors.white;
+  static const Color darkTextSecondary = Color(0xFF8B949E);
+
+  // === Palette Tech Light (NUOVA) ===
+  static const Color lightBackground = Color(
+    0xFFF0F2F5,
+  ); // Grigio chiarissimo "pulito"
+  static const Color lightSurface = Colors.white; // Pannelli bianchi puri
+  static const Color lightTextPrimary = Color(
+    0xFF1C1E21,
+  ); // Quasi nero per contrasto
+  static const Color lightTextSecondary = Color(0xFF606770); // Grigio medio
+}
+
+// --- Configurazione Tipografica Comune ---
+TextTheme _buildFluxTextTheme(
+  TextTheme base,
+  Color primaryColor,
+  Color secondaryColor,
+) {
+  return GoogleFonts.poppinsTextTheme(base).copyWith(
+    headlineMedium: GoogleFonts.poppins(
+      color: primaryColor,
+      fontWeight: FontWeight.w600,
+      letterSpacing: 0.5,
+    ),
+    titleLarge: GoogleFonts.poppins(
+      color: primaryColor,
+      fontWeight: FontWeight.w500,
+    ),
+    titleSmall: GoogleFonts.poppins(
+      color:
+          FluxColors.accentTurquoise, // Sempre turchese per i titoli di sezione
+      fontWeight: FontWeight.w600,
+      letterSpacing: 1.2,
+    ),
+    bodyMedium: GoogleFonts.poppins(color: secondaryColor),
+  );
+}
+
+// ==========================================
+// === TEMA SCURO (esistente, ottimizzato) ===
+// ==========================================
+ThemeData fluxDarkTheme = ThemeData(
+  useMaterial3: true,
+  brightness: Brightness.dark,
+  primaryColor: FluxColors.primaryBlue,
+  scaffoldBackgroundColor: FluxColors.darkBackground,
+  colorScheme: const ColorScheme.dark(
+    primary: FluxColors.primaryBlue,
+    secondary: FluxColors.accentTurquoise,
+    surface: FluxColors.darkSurface,
+    onPrimary: Colors.white,
+    onSurface: FluxColors.darkTextPrimary,
+  ),
+
+  textTheme: _buildFluxTextTheme(
+    ThemeData.dark().textTheme,
+    FluxColors.darkTextPrimary,
+    FluxColors.darkTextSecondary,
+  ),
+
+  appBarTheme: const AppBarTheme(
+    backgroundColor: FluxColors.darkBackground,
+    elevation: 0,
+    centerTitle: false,
+    iconTheme: IconThemeData(color: FluxColors.darkTextPrimary),
+    titleTextStyle: TextStyle(
+      color: FluxColors.darkTextPrimary,
+      fontSize: 20,
+      fontWeight: FontWeight.w600,
+    ),
+  ),
+
+  cardTheme: const CardThemeData(
+    color: FluxColors.darkSurface,
+    elevation: 2,
+    margin: EdgeInsets.all(8),
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.all(Radius.circular(12)),
+    ),
+  ),
+
+  elevatedButtonTheme: ElevatedButtonThemeData(
+    style: ElevatedButton.styleFrom(
+      backgroundColor: FluxColors.primaryBlue,
+      foregroundColor: Colors.white,
+      elevation: 3,
+      padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    ),
+  ),
+
+  // Colore delle icone non attive nella BottomNav
+  unselectedWidgetColor: FluxColors.darkTextSecondary,
+);
+
+// ==========================================
+// === TEMA CHIARO (NUOVO)                ===
+// ==========================================
+ThemeData fluxLightTheme = ThemeData(
+  useMaterial3: true,
+  brightness: Brightness.light,
+  primaryColor: FluxColors.primaryBlue,
+  // Sfondo chiarissimo per staccare dalle card bianche
+  scaffoldBackgroundColor: FluxColors.lightBackground,
+
+  colorScheme: const ColorScheme.light(
+    primary: FluxColors.primaryBlue,
+    secondary: FluxColors.accentTurquoise,
+    surface: FluxColors.lightSurface,
+    onPrimary: Colors.white,
+    onSurface: FluxColors.lightTextPrimary,
+  ),
+
+  // Applica la stessa tipografia ma con colori scuri
+  textTheme: _buildFluxTextTheme(
+    ThemeData.light().textTheme,
+    FluxColors.lightTextPrimary,
+    FluxColors.lightTextSecondary,
+  ),
+
+  appBarTheme: const AppBarTheme(
+    backgroundColor: FluxColors.lightSurface, // AppBar bianca
+    elevation: 1, // Leggera ombra per staccare dallo sfondo
+    centerTitle: false,
+    iconTheme: IconThemeData(color: FluxColors.lightTextPrimary),
+    titleTextStyle: TextStyle(
+      color: FluxColors.lightTextPrimary,
+      fontSize: 20,
+      fontWeight: FontWeight.w600,
+    ),
+  ),
+
+  cardTheme: const CardThemeData(
+    color: FluxColors.lightSurface, // Card bianca pura
+    elevation: 4, // Ombra più marcata su sfondo chiaro
+    margin: EdgeInsets.all(8),
+    shape: RoundedRectangleBorder(
+      borderRadius: BorderRadius.all(Radius.circular(12)),
+    ),
+  ),
+
+  // Il pulsante principale rimane Blu Elettrico, molto visibile
+  elevatedButtonTheme: ElevatedButtonThemeData(
+    style: ElevatedButton.styleFrom(
+      backgroundColor: FluxColors.primaryBlue,
+      foregroundColor: Colors.white,
+      elevation: 4,
+      padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 12),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    ),
+  ),
+
+  // TabBar (usata nelle Anagrafiche) ottimizzata per il chiaro
+  tabBarTheme: const TabBarThemeData(
+    labelColor: FluxColors.primaryBlue,
+    unselectedLabelColor: FluxColors.lightTextSecondary,
+    indicatorColor: FluxColors.accentTurquoise,
+    indicatorSize: TabBarIndicatorSize.label,
+  ),
+
+  // BottomNavigationBar (usata nella HomeScreen)
+  bottomNavigationBarTheme: const BottomNavigationBarThemeData(
+    backgroundColor: FluxColors.lightSurface,
+    selectedItemColor: FluxColors.primaryBlue,
+    unselectedItemColor: FluxColors.lightTextSecondary,
+    elevation: 8,
+  ),
+
+  // Colore delle icone generiche
+  iconTheme: const IconThemeData(color: FluxColors.lightTextSecondary),
+);