kooltab/lib/theme.dart

import 'package:flutter/material.dart';

final ThemeData darkTheme = ThemeData(
  useMaterial3: true,
  brightness: Brightness.dark,

  colorScheme: ColorScheme.fromSeed(
    seedColor: const Color(0xFF7C4DFF),
    brightness: Brightness.dark,
  ),

  scaffoldBackgroundColor: const Color(0xFF121212),
  canvasColor: const Color(0xFF121212),

  appBarTheme: const AppBarTheme(
    elevation: 0,
    centerTitle: true,
    backgroundColor: Colors.transparent,
    foregroundColor: Colors.white,
    surfaceTintColor: Colors.transparent,
    titleTextStyle: TextStyle(
      fontSize: 22,
      fontWeight: FontWeight.bold,
      color: Colors.white,
    ),
  ),

  cardTheme: CardThemeData(
    color: const Color(0xFF1E1E1E),
    elevation: 0,
    margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(18),
      side: BorderSide(
        color: Colors.white.withOpacity(0.06),
      ),
    ),
  ),

  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      elevation: 0,
      backgroundColor: const Color(0xFF7C4DFF),
      foregroundColor: Colors.white,
      padding: const EdgeInsets.symmetric(
        horizontal: 24,
        vertical: 16,
      ),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(14),
      ),
      textStyle: const TextStyle(
        fontSize: 16,
        fontWeight: FontWeight.w600,
      ),
    ),
  ),

  outlinedButtonTheme: OutlinedButtonThemeData(
    style: OutlinedButton.styleFrom(
      foregroundColor: Colors.white,
      side: BorderSide(
        color: Colors.white.withOpacity(0.15),
      ),
      padding: const EdgeInsets.symmetric(
        horizontal: 24,
        vertical: 16,
      ),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(14),
      ),
    ),
  ),

  inputDecorationTheme: InputDecorationTheme(
    filled: true,
    fillColor: const Color(0xFF242424),
    contentPadding: const EdgeInsets.symmetric(
      horizontal: 18,
      vertical: 16,
    ),
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(14),
      borderSide: BorderSide.none,
    ),
    enabledBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(14),
      borderSide: BorderSide(
        color: Colors.white.withOpacity(0.08),
      ),
    ),
    focusedBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(14),
      borderSide: const BorderSide(
        color: Color(0xFF7C4DFF),
        width: 2,
      ),
    ),
  ),

  floatingActionButtonTheme: const FloatingActionButtonThemeData(
    backgroundColor: Color(0xFF7C4DFF),
    foregroundColor: Colors.white,
    elevation: 2,
  ),

  navigationBarTheme: NavigationBarThemeData(
    backgroundColor: const Color(0xFF1A1A1A),
    indicatorColor: const Color(0xFF7C4DFF).withOpacity(0.25),
    labelTextStyle: WidgetStatePropertyAll(
      TextStyle(
        fontWeight: FontWeight.w600,
      ),
    ),
  ),

  listTileTheme: ListTileThemeData(
    tileColor: const Color(0xFF1E1E1E),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(14),
    ),
    iconColor: const Color(0xFFB39DFF),
    textColor: Colors.white,
  ),

  snackBarTheme: SnackBarThemeData(
    backgroundColor: const Color(0xFF2A2A2A),
    behavior: SnackBarBehavior.floating,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(12),
    ),
  ),

  dividerTheme: DividerThemeData(
    color: Colors.white.withOpacity(0.08),
    thickness: 1,
  ),

  textTheme: const TextTheme(
    displayLarge: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
    ),
    headlineMedium: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.bold,
    ),
    titleLarge: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.w700,
    ),
    bodyLarge: TextStyle(
      color: Colors.white70,
      fontSize: 16,
      height: 1.5,
    ),
    bodyMedium: TextStyle(
      color: Colors.white60,
      height: 1.4,
    ),
    labelLarge: TextStyle(
      color: Colors.white,
      fontWeight: FontWeight.w600,
    ),
  ),
);

final ThemeData neoBrutalDarkTheme = ThemeData(
  useMaterial3: true,
  brightness: Brightness.dark,

  colorScheme: const ColorScheme.dark(
    primary: Color(0xFFFFD60A),     // Bright yellow
    secondary: Color(0xFF00E5FF),   // Cyan
    surface: Color(0xFF1A1A1A),
    error: Color(0xFFFF5252),
  ),

  scaffoldBackgroundColor: const Color(0xFF0E0E0E),
  canvasColor: const Color(0xFF0E0E0E),

  textTheme: const TextTheme(
    displayLarge: TextStyle(
      fontSize: 48,
      fontWeight: FontWeight.w900,
      color: Colors.white,
      letterSpacing: -1,
    ),
    headlineMedium: TextStyle(
      fontSize: 32,
      fontWeight: FontWeight.w900,
      color: Colors.white,
    ),
    titleLarge: TextStyle(
      fontSize: 22,
      fontWeight: FontWeight.w800,
      color: Colors.white,
    ),
    bodyLarge: TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.w600,
      color: Colors.white,
    ),
    bodyMedium: TextStyle(
      fontSize: 14,
      color: Colors.white70,
    ),
  ),

  appBarTheme: const AppBarTheme(
    backgroundColor: Color(0xFF0E0E0E),
    foregroundColor: Colors.white,
    elevation: 0,
    centerTitle: false,
    titleTextStyle: TextStyle(
      fontSize: 26,
      fontWeight: FontWeight.w900,
      color: Colors.white,
    ),
  ),

  cardTheme: CardThemeData(
    color: const Color(0xFF242424),
    elevation: 0,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(8),
      side: const BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
  ),

  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      backgroundColor: const Color(0xFFFFD60A),
      foregroundColor: Colors.black,
      elevation: 0,
      shadowColor: Colors.transparent,
      padding: const EdgeInsets.symmetric(
        horizontal: 24,
        vertical: 18,
      ),
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(8),
        side: const BorderSide(
          color: Colors.black,
          width: 3,
        ),
      ),
      textStyle: const TextStyle(
        fontWeight: FontWeight.w900,
        fontSize: 16,
      ),
    ),
  ),

  inputDecorationTheme: InputDecorationTheme(
    filled: true,
    fillColor: const Color(0xFF242424),
    contentPadding: const EdgeInsets.all(18),
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(8),
      borderSide: const BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
    enabledBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(8),
      borderSide: const BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
    focusedBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(8),
      borderSide: const BorderSide(
        color: Color(0xFFFFD60A),
        width: 4,
      ),
    ),
  ),

  floatingActionButtonTheme: const FloatingActionButtonThemeData(
    backgroundColor: Color(0xFFFF5252),
    foregroundColor: Colors.white,
    elevation: 0,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.all(Radius.circular(8)),
      side: BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
  ),

  snackBarTheme: SnackBarThemeData(
    backgroundColor: const Color(0xFF242424),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(8),
      side: const BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
    behavior: SnackBarBehavior.floating,
  ),

  dividerTheme: const DividerThemeData(
    color: Colors.white,
    thickness: 3,
  ),

  listTileTheme: ListTileThemeData(
    tileColor: const Color(0xFF242424),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(8),
      side: const BorderSide(
        color: Colors.white,
        width: 3,
      ),
    ),
    textColor: Colors.white,
    iconColor: const Color(0xFFFFD60A),
  ),
);