|
|
import 'package:flutter/material.dart';
|
|
|
import 'package:flutter/services.dart';
|
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
|
import 'package:new_recook/base/base_style.dart';
|
|
|
|
|
|
class AppTheme {
|
|
|
static ThemeData get theme {
|
|
|
return ThemeData(primarySwatch: Colors.red).copyWith(
|
|
|
primaryColor: BaseStyle.themeColor,
|
|
|
brightness: Brightness.dark,
|
|
|
canvasColor: Colors.transparent,
|
|
|
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: BaseStyle.themeColor,
|
|
|
),
|
|
|
iconTheme: IconThemeData(color: BaseStyle.themeColor),
|
|
|
scaffoldBackgroundColor: Colors.white,
|
|
|
appBarTheme: AppBarTheme(
|
|
|
elevation: 0,
|
|
|
centerTitle: true,
|
|
|
iconTheme: IconThemeData(
|
|
|
color: Color(0xFF333333),
|
|
|
), systemOverlayStyle: SystemUiOverlayStyle.dark, toolbarTextStyle: TextTheme(
|
|
|
headline6: TextStyle(
|
|
|
color: Color(0xFF333333),
|
|
|
fontSize: 36.sp,
|
|
|
fontWeight: FontWeight.normal,
|
|
|
),
|
|
|
).bodyText2, titleTextStyle: TextTheme(
|
|
|
headline6: TextStyle(
|
|
|
color: Color(0xFF333333),
|
|
|
fontSize: 36.sp,
|
|
|
fontWeight: FontWeight.normal,
|
|
|
),
|
|
|
).headline6,
|
|
|
),
|
|
|
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 BaseStyle.themeColor;
|
|
|
return null;
|
|
|
}),
|
|
|
),
|
|
|
elevatedButtonTheme: ElevatedButtonThemeData(
|
|
|
style: ButtonStyle(
|
|
|
backgroundColor: MaterialStateProperty.resolveWith((states) {
|
|
|
if (states.contains(MaterialState.disabled))
|
|
|
return Color(0xFFFFF4D7);
|
|
|
return BaseStyle.themeColor;
|
|
|
}),
|
|
|
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 BaseStyle.themeColor.withOpacity(0.2);
|
|
|
}),
|
|
|
foregroundColor: MaterialStateProperty.resolveWith((states) {
|
|
|
if (states.contains(MaterialState.disabled))
|
|
|
return Color(0xFF666666);
|
|
|
return Color(0xFF333333);
|
|
|
}),
|
|
|
),
|
|
|
),
|
|
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
|
dividerColor: Color(0xFFE8E8E8), colorScheme: ColorScheme.fromSwatch().copyWith(secondary: BaseStyle.themeColor),
|
|
|
);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
class SystemStyle {
|
|
|
static const initial = SystemUiOverlayStyle(
|
|
|
statusBarIconBrightness: Brightness.light,
|
|
|
systemNavigationBarColor: Colors.white,
|
|
|
);
|
|
|
|
|
|
static const yellowBottomBar = SystemUiOverlayStyle(
|
|
|
statusBarIconBrightness: Brightness.light,
|
|
|
systemNavigationBarColor:BaseStyle.themeColor,
|
|
|
);
|
|
|
|
|
|
static genStyle({required Color bottom}) {
|
|
|
return SystemUiOverlayStyle(
|
|
|
statusBarIconBrightness: Brightness.light,
|
|
|
systemNavigationBarColor: bottom,
|
|
|
);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// factory ThemeData({
|
|
|
// Brightness brightness, // 应用整体主题的亮度。用于按钮之类的小部件，以确定在不使用主色或强调色时选择什么颜色。
|
|
|
// MaterialColor primarySwatch,// 定义一个单一的颜色以及十个色度的色块。
|
|
|
// Color primaryColor, // 应用程序主要部分的背景颜色(toolbars、tab bars 等)
|
|
|
// Brightness primaryColorBrightness, // primaryColor的亮度。用于确定文本的颜色和放置在主颜色之上的图标(例如工具栏文本)。
|
|
|
// Color primaryColorLight, // primaryColor的浅色版
|
|
|
// Color primaryColorDark, // primaryColor的深色版
|
|
|
// Color accentColor, // 小部件的前景色(旋钮、文本、覆盖边缘效果等)。
|
|
|
// Brightness accentColorBrightness, // accentColor的亮度。
|
|
|
// Color canvasColor, // MaterialType.canvas 的默认颜色
|
|
|
// Color scaffoldBackgroundColor, // Scaffold的默认颜色。典型Material应用程序或应用程序内页面的背景颜色。
|
|
|
// Color bottomAppBarColor, // BottomAppBar的默认颜色
|
|
|
// Color cardColor, // Card的颜色
|
|
|
// Color dividerColor, // Divider和PopupMenuDivider的颜色，也用于ListTile之间、DataTable的行之间等。
|
|
|
// Color highlightColor, // 选中在泼墨动画期间使用的突出显示颜色，或用于指示菜单中的项。
|
|
|
// Color splashColor, // 墨水飞溅的颜色。InkWell
|
|
|
// InteractiveInkFeatureFactory splashFactory, // 定义由InkWell和InkResponse反应产生的墨溅的外观。
|
|
|
// Color selectedRowColor, // 用于突出显示选定行的颜色。
|
|
|
// Color unselectedWidgetColor, // 用于处于非活动(但已启用)状态的小部件的颜色。例如，未选中的复选框。通常与accentColor形成对比。也看到disabledColor。
|
|
|
// Color disabledColor, // 禁用状态下部件的颜色，无论其当前状态如何。例如，一个禁用的复选框(可以选中或未选中)。
|
|
|
// Color buttonColor, // RaisedButton按钮中使用的Material 的默认填充颜色。
|
|
|
// ButtonThemeData buttonTheme, // 定义按钮部件的默认配置，如RaisedButton和FlatButton。
|
|
|
// Color secondaryHeaderColor, // 选定行时PaginatedDataTable标题的颜色。
|
|
|
// Color textSelectionColor, // 文本框中文本选择的颜色，如TextField
|
|
|
// Color cursorColor, // 文本框中光标的颜色，如TextField
|
|
|
// Color textSelectionHandleColor, // 用于调整当前选定的文本部分的句柄的颜色。
|
|
|
// Color backgroundColor, // 与主色形成对比的颜色，例如用作进度条的剩余部分。
|
|
|
// Color dialogBackgroundColor, // Dialog 元素的背景颜色
|
|
|
// Color indicatorColor, // 选项卡中选定的选项卡指示器的颜色。
|
|
|
// Color hintColor, // 用于提示文本或占位符文本的颜色，例如在TextField中。
|
|
|
// Color errorColor, // 用于输入验证错误的颜色，例如在TextField中
|
|
|
// Color toggleableActiveColor, // 用于突出显示Switch、Radio和Checkbox等可切换小部件的活动状态的颜色。
|
|
|
// String fontFamily, // 文本字体
|
|
|
// TextTheme textTheme, // 文本的颜色与卡片和画布的颜色形成对比。
|
|
|
// TextTheme primaryTextTheme, // 与primaryColor形成对比的文本主题
|
|
|
// TextTheme accentTextTheme, // 与accentColor形成对比的文本主题。
|
|
|
// InputDecorationTheme inputDecorationTheme, // 基于这个主题的 InputDecorator、TextField和TextFormField的默认InputDecoration值。
|
|
|
// IconThemeData iconTheme, // 与卡片和画布颜色形成对比的图标主题
|
|
|
// IconThemeData primaryIconTheme, // 与primaryColor形成对比的图标主题
|
|
|
// IconThemeData accentIconTheme, // 与accentColor形成对比的图标主题。
|
|
|
// SliderThemeData sliderTheme, // 用于呈现Slider的颜色和形状
|
|
|
// TabBarTheme tabBarTheme, // 用于自定义选项卡栏指示器的大小、形状和颜色的主题。
|
|
|
// CardTheme cardTheme, // Card的颜色和样式
|
|
|
// ChipThemeData chipTheme, // Chip的颜色和样式
|
|
|
// TargetPlatform platform,
|
|
|
// MaterialTapTargetSize materialTapTargetSize, // 配置某些Material部件的命中测试大小
|
|
|
// PageTransitionsTheme pageTransitionsTheme,
|
|
|
// AppBarTheme appBarTheme, // 用于自定义Appbar的颜色、高度、亮度、iconTheme和textTheme的主题。
|
|
|
// BottomAppBarTheme bottomAppBarTheme, // 自定义BottomAppBar的形状、高度和颜色的主题。
|
|
|
// ColorScheme colorScheme, // 拥有13种颜色，可用于配置大多数组件的颜色。
|
|
|
// DialogTheme dialogTheme, // 自定义Dialog的主题形状
|
|
|
// Typography typography, // 用于配置TextTheme、primaryTextTheme和accentTextTheme的颜色和几何TextTheme值。
|
|
|
// CupertinoThemeData cupertinoOverrideTheme
|
|
|
//}) |
