You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
4.2 KiB
133 lines
4.2 KiB
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
|
|
class AppTheme {
|
|
static ThemeData get theme {
|
|
return ThemeData(primarySwatch: Colors.blue).copyWith(
|
|
primaryColor: Color(0xFFFFD000),
|
|
accentColor: Color(0xFFFFD000),
|
|
textTheme: ThemeData.light().textTheme.copyWith(
|
|
headline3: TextStyle(
|
|
fontSize: 40.sp,
|
|
color: Color(0xFF333333),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
subtitle1: TextStyle(
|
|
fontSize: 32.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
subtitle2: TextStyle(
|
|
fontSize: 28.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
bodyText1: TextStyle(
|
|
fontSize: 24.sp,
|
|
color: Color(0xFF333333),
|
|
),
|
|
),
|
|
floatingActionButtonTheme: FloatingActionButtonThemeData().copyWith(
|
|
backgroundColor: Color(0xFFFFD000),
|
|
),
|
|
appBarTheme: AppBarTheme(
|
|
elevation: 0,
|
|
centerTitle: true,
|
|
brightness: Brightness.light,
|
|
iconTheme: IconThemeData(
|
|
color: Color(0xFF333333),
|
|
),
|
|
textTheme: TextTheme(
|
|
headline6: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: 36.sp,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
tabBarTheme: TabBarTheme(
|
|
labelColor: Color(0xFF333333),
|
|
labelStyle: TextStyle(
|
|
fontSize: 28.sp,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
unselectedLabelStyle: TextStyle(
|
|
fontSize: 28.sp,
|
|
),
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
),
|
|
bottomNavigationBarTheme: BottomNavigationBarThemeData(
|
|
selectedItemColor: Color(0xFF333333),
|
|
selectedLabelStyle: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
type: BottomNavigationBarType.fixed,
|
|
unselectedLabelStyle: TextStyle(),
|
|
),
|
|
radioTheme: RadioThemeData(
|
|
fillColor: MaterialStateProperty.resolveWith<Color?>((states) {
|
|
if (states.contains(MaterialState.selected)) return Color(0xFFFFD000);
|
|
return null;
|
|
}),
|
|
),
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
style: ButtonStyle(
|
|
backgroundColor: MaterialStateProperty.resolveWith((states) {
|
|
if (states.contains(MaterialState.disabled))
|
|
return Color(0xFFFFF4D7);
|
|
return Color(0xFFFFD000);
|
|
}),
|
|
elevation: MaterialStateProperty.all(0),
|
|
foregroundColor: MaterialStateProperty.resolveWith((states) {
|
|
if (states.contains(MaterialState.disabled))
|
|
return Color(0xFF666666);
|
|
return Color(0xFF333333);
|
|
}),
|
|
textStyle: MaterialStateProperty.all(TextStyle(
|
|
fontSize: 32.sp,
|
|
fontWeight: FontWeight.bold,
|
|
)),
|
|
padding: MaterialStateProperty.all(
|
|
EdgeInsets.symmetric(horizontal: 76.w, vertical: 22.w),
|
|
),
|
|
enableFeedback: true,
|
|
),
|
|
),
|
|
textButtonTheme: TextButtonThemeData(
|
|
style: ButtonStyle(
|
|
overlayColor: MaterialStateProperty.resolveWith((states) {
|
|
if (states.contains(MaterialState.disabled))
|
|
return Color(0xFFFFF4D7);
|
|
return Color(0xFFFFD000).withOpacity(0.2);
|
|
}),
|
|
foregroundColor: MaterialStateProperty.resolveWith((states) {
|
|
if (states.contains(MaterialState.disabled))
|
|
return Color(0xFF666666);
|
|
return Color(0xFF333333);
|
|
}),
|
|
),
|
|
),
|
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
dividerColor: Color(0xFFE8E8E8),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SystemStyle {
|
|
static const initial = SystemUiOverlayStyle(
|
|
statusBarIconBrightness: Brightness.light,
|
|
systemNavigationBarColor: Colors.white,
|
|
);
|
|
|
|
static const yellowBottomBar = SystemUiOverlayStyle(
|
|
statusBarIconBrightness: Brightness.light,
|
|
systemNavigationBarColor: Color(0xFFFFD000),
|
|
);
|
|
|
|
static genStyle({required Color bottom}) {
|
|
return SystemUiOverlayStyle(
|
|
statusBarIconBrightness: Brightness.light,
|
|
systemNavigationBarColor: bottom,
|
|
);
|
|
}
|
|
}
|