flutter에서 theme 사용 및 TextStyle, Color 관리

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

class EllasNotesThemeData {  
  static ThemeData lightThemeData = themeData();  // 실제 쓸 때는 요걸로 쓸 거임
  
  static ThemeData themeData() {  // 실제 ThemeData 만듬
    final base = ThemeData.light();  
    return base.copyWith(  
      textTheme: _buildEllasNotesTextTheme(base.textTheme),  
      // ...
      // textTheme 외에도 appBarTheme, primaryTheme, colorScheme 등 override 할 수 있는 항목 매우 많음
    );  
  }  
  
  static TextTheme _buildEllasNotesTextTheme(TextTheme base) {  // TextTheme 생성
    return base.copyWith(  
      titleLarge: GoogleFonts.robotoSlab(textStyle: base.titleLarge), // main text  
      bodyMedium: GoogleFonts.nanumGothic(textStyle: base.bodyMedium), // note  
      // ...
    );  
  }  
}

class MyApp extends StatelessWidget {  
  const MyApp({super.key});  
  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      title: "Ella's Notes",  
      theme: EllasNotesThemeData.lightThemeData,  // 위에서 정의한 theme 적용!!
      initialRoute: 'home',  
      routes: {  
        "home": (context) => const HomePage(),  
        "game": (context) => const GamePage(),  
      },  
      builder: EasyLoading.init(),  
    );  
  }  
}

import 'package:flutter/material.dart';  
  
class TextStyles {  
  static const hintTextStyle = TextStyle(fontStyle: FontStyle.italic);  
  static const noteTextStyle = TextStyle(fontSize: 12, color: Colors.black54);  
  static const memoTextStyle = TextStyle(fontSize: 12, color: Colors.black45, fontStyle: FontStyle.italic);  
  // ...
}

import 'package:flutter/material.dart';  
  
class ColorStyles {  
  static const Color darkGray = Color(0xff494949);  
  // ...
}

class CustomTextStyle {  
  static TextStyle hint(BuildContext context) {  
    return GoogleFonts.nanumBrushScript(textStyle: Theme.of(context).textTheme.titleLarge);  
  }  
  
  static TextStyle memo(BuildContext context) {  
    return Theme.of(context).textTheme.bodyMedium!.copyWith(  
          color: ColorStyles.darkGray,  
        );  
  }  
}