hgkj

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),
+);

lib/theme/theme_bloc.dart

@@ -0,0 +1,17 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:equatable/equatable.dart';
+
+part 'theme_events.dart';
+part 'theme_state.dart';
+
+class ThemeBloc extends Bloc<ThemeEvent, ThemeState> {
+  final AppTheme initialAppTheme;
+  ThemeBloc({required this.initialAppTheme})
+    : super(
+        ThemeState(status: ThemeStatus.success, appTheme: initialAppTheme),
+      ) {
+    on<ChangeThemeEvent>((event, emit) async {
+      emit(state.copyWith(appTheme: event.appTheme));
+    });
+  }
+}

lib/theme/theme_events.dart

@@ -0,0 +1,17 @@
+part of 'theme_bloc.dart';
+
+abstract class ThemeEvent extends Equatable {
+  const ThemeEvent();
+
+  @override
+  List<Object> get props => [];
+}
+
+class ChangeThemeEvent extends ThemeEvent {
+  const ChangeThemeEvent({required this.appTheme});
+
+  final AppTheme appTheme;
+
+  @override
+  List<Object> get props => [appTheme];
+}

lib/theme/theme_state.dart

@@ -0,0 +1,30 @@
+part of 'theme_bloc.dart';
+
+enum ThemeStatus { initial, success }
+
+enum AppTheme {
+  dark(name: 'dark'),
+  light(name: 'light'),
+  system(name: 'system');
+
+  final String name;
+
+  const AppTheme({required this.name});
+}
+
+class ThemeState extends Equatable {
+  const ThemeState({required this.status, required this.appTheme});
+
+  final ThemeStatus status;
+  final AppTheme appTheme;
+
+  @override
+  List<Object?> get props => [status, appTheme];
+
+  ThemeState copyWith({ThemeStatus? status, AppTheme? appTheme}) {
+    return ThemeState(
+      status: status ?? this.status,
+      appTheme: appTheme ?? this.appTheme,
+    );
+  }
+}