pile_nav_new/lib/themes.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_fonts/google_fonts.dart';
import 'constants.dart';

class HaboTheme {
  static ThemeData get lightTheme {
    return ThemeData(
      useMaterial3: true,
      scaffoldBackgroundColor: const Color(0xFFFAFAFA),
      dialogTheme: const DialogTheme(surfaceTintColor: Colors.white),
      brightness: Brightness.light,
      primaryColor: const Color(0xFF09BF30),
      timePickerTheme: TimePickerThemeData(
        hourMinuteColor: Colors.grey[100],
        dialBackgroundColor: Colors.grey[100],
      ),
      colorScheme: ColorScheme.light(
        primaryContainer: Colors.white,
        secondaryContainer: Colors.grey[100],
        tertiaryContainer: HaboColors.primary,
        onPrimaryContainer: HaboColors.primary,
        primary: HaboColors.primary,
        outline: const Color(0xFF505050),
      ),
      fontFamily: GoogleFonts.nunito().fontFamily,
      floatingActionButtonTheme: const FloatingActionButtonThemeData(
        backgroundColor: Color(0xFF09BF30),
      ),
      appBarTheme: const AppBarTheme(
        elevation: 0,
        systemOverlayStyle: SystemUiOverlayStyle(
          statusBarIconBrightness: Brightness.dark,
          statusBarBrightness: Brightness.light,
          systemNavigationBarColor: Color(0xFFFAFAFA),
          systemNavigationBarDividerColor: Color(0xFFFAFAFA),
          systemNavigationBarIconBrightness: Brightness.dark,
        ),
      ),
    );
  }

  static ThemeData get darkTheme {
    return ThemeData(
      useMaterial3: true,
      scaffoldBackgroundColor: const Color(0xFF303030),
      dialogTheme: const DialogTheme(
        backgroundColor: Color(0xFF505050),
        surfaceTintColor: Colors.transparent,
      ),
      primaryColor: Colors.grey,
      fontFamily: GoogleFonts.nunito().fontFamily,
      switchTheme: SwitchThemeData(
        thumbColor: WidgetStateProperty.resolveWith(getSwitchColorThumb),
        trackColor: WidgetStateProperty.resolveWith(getSwitchTrackColor),
      ),
      timePickerTheme: const TimePickerThemeData(
        dayPeriodTextColor: Colors.white,
        hourMinuteColor: Color(0xFF353535),
        dialBackgroundColor: Color(0xFF353535),
        dialTextColor: Colors.white,
        backgroundColor: Color(0xFF505050),
      ),
      colorScheme: const ColorScheme.dark(
        primaryContainer: Color(0xFF505050),
        secondaryContainer: Color(0xFF353535),
        onPrimary: HaboColors.primary,
        tertiaryContainer: HaboColors.primary,
        primary: HaboColors.primary,
        outline: Colors.grey,
      ),
      floatingActionButtonTheme: const FloatingActionButtonThemeData(
        backgroundColor: Color(0xFF09BF30),
      ),
      appBarTheme: const AppBarTheme(
        elevation: 0,
        systemOverlayStyle: SystemUiOverlayStyle(
          statusBarIconBrightness: Brightness.light,
          statusBarBrightness: Brightness.dark,
          systemNavigationBarColor: Color(0xFF303030),
          systemNavigationBarDividerColor: Color(0xFF303030),
          systemNavigationBarIconBrightness: Brightness.light,
        ),
      ),
    );
  }

  static ThemeData get oledTheme {
    return ThemeData(
      useMaterial3: true,
      scaffoldBackgroundColor: Colors.black,
      dialogTheme: const DialogTheme(
        backgroundColor: Color(0xFF282828),
        surfaceTintColor: Colors.transparent,
      ),
      primaryColor: Colors.grey,
      fontFamily: GoogleFonts.nunito().fontFamily,
      switchTheme: SwitchThemeData(
        thumbColor: WidgetStateProperty.resolveWith(getSwitchColorThumb),
        trackColor: WidgetStateProperty.resolveWith(getSwitchTrackColor),
      ),
      timePickerTheme: const TimePickerThemeData(
        dayPeriodTextColor: Colors.white,
        hourMinuteColor: Color(0xFF191919),
        dialBackgroundColor: Color(0xFF191919),
        dialTextColor: Colors.white,
        backgroundColor: Color(0xFF282828),
      ),
      colorScheme: const ColorScheme.dark(
        primaryContainer: Color(0xFF282828),
        secondaryContainer: Color(0xFF191919),
        tertiaryContainer: HaboColors.primary,
        onPrimary: HaboColors.primary,
        primary: HaboColors.primary,
        outline: Colors.grey,
      ),
      floatingActionButtonTheme: const FloatingActionButtonThemeData(
        backgroundColor: Color(0xFF09BF30),
      ),
      appBarTheme: const AppBarTheme(
        elevation: 0,
        systemOverlayStyle: SystemUiOverlayStyle(
          statusBarIconBrightness: Brightness.light,
          statusBarBrightness: Brightness.dark,
          systemNavigationBarColor: Colors.black,
          systemNavigationBarDividerColor: Colors.black,
          systemNavigationBarIconBrightness: Brightness.light,
        ),
      ),
    );
  }
}

Color getSwitchColorThumb(Set<WidgetState> states) {
  if (states.contains(WidgetState.selected)) {
    return const Color(0xFF303030);
  }

  return Colors.grey;
}

Color getSwitchTrackColor(Set<WidgetState> states) {
  const Set<WidgetState> interactiveStates = <WidgetState>{
    WidgetState.pressed,
    WidgetState.hovered,
    WidgetState.focused,
  };

  if (states.any(interactiveStates.contains)) {
    return const Color(0xFF505050);
  }

  if (states.contains(WidgetState.selected)) {
    return HaboColors.primary;
  }

  return const Color(0xFF353535);
}