syncrow-app/lib/utils/resource_manager/theme_manager.dart

import 'package:flutter/material.dart';

import 'color_manager.dart';
import 'font_manager.dart';

ThemeData myTheme = ThemeData(
  ///main colors
  primaryColor: ColorsManager.primaryColor,
  // colorScheme: ColorsManager.lightColorScheme,
  scaffoldBackgroundColor: Colors.white,

  ///text theme
  textTheme: const TextTheme(
    ///display
    displayLarge: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s35,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    displayMedium: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s20,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    displaySmall: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s16,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),

    ///title
    titleLarge: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s48,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    titleMedium: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s30,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    titleSmall: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s25,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),

    ///body
    bodyLarge: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s18,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    bodyMedium: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s14,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    bodySmall: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s12,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),

    labelLarge: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s18,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    labelMedium: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s16,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
    labelSmall: TextStyle(
      fontFamily: FontsManager.fontFamily,
      fontSize: FontSize.s14,
      fontWeight: FontsManager.regular,
      color: Colors.black,
    ),
  ),

  ///button theme
  // buttonTheme: ButtonThemeData(
  //     buttonColor: ColorsManager.primaryLightColor,
  //     padding: const EdgeInsets.symmetric(horizontal: AppPadding.p8),
  //     textTheme: ButtonTextTheme.primary,
  //     hoverColor: ColorsManager.primaryDarkColor,
  //     shape: RoundedRectangleBorder(
  //       borderRadius: BorderRadius.circular(AppRadius.r4),
  //     ),),
  //
  // textButtonTheme: TextButtonThemeData(
  //   style: ButtonStyle(
  //     backgroundColor:
  //         MaterialStateProperty.all<Color>(ColorsManager.primaryLightColor),
  //     padding: MaterialStateProperty.all<EdgeInsets>(
  //         const EdgeInsets.all(AppPadding.p8),),
  //     textStyle: MaterialStateProperty.all<TextStyle>(
  //       const TextStyle(
  //         fontFamily: FontsManager.fontFamily,
  //         fontSize: FontSize.s16,
  //         fontWeight: FontsManager.regular,
  //         color: ColorsManager.onPrimaryLightColor,
  //       ),
  //     ),
  //     // shape: MaterialStateProperty.all<OutlinedBorder>(
  //     //   RoundedRectangleBorder(
  //     //     borderRadius: BorderRadius.circular(AppRadius.r4),
  //     //     side: const BorderSide(color: Colors.grey),
  //     //   ),
  //     // ),
  //   ),
  // ),

  ///input decoration theme
  inputDecorationTheme: const InputDecorationTheme(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.all(Radius.circular(8)),
    ),
    enabledBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.grey),
      borderRadius: BorderRadius.all(Radius.circular(8)),
    ),
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(color: ColorsManager.primaryColor),
      borderRadius: BorderRadius.all(Radius.circular(8)),
    ),
    labelStyle: TextStyle(
      fontFamily: FontsManager.fontFamily,
      color: Colors.grey,
      fontSize: FontSize.s16,
      fontWeight: FontsManager.regular,
    ),
  ),

  ///card theme
  //TODO edit card theme
  cardTheme: const CardTheme(
    elevation: 0,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.all(Radius.circular(8)),
    ),
  ),
);