自习室优化ok
This commit is contained in:
35
lib/global/theme/base/app_colors_base.dart
Normal file
35
lib/global/theme/base/app_colors_base.dart
Normal file
@@ -0,0 +1,35 @@
|
||||
import 'dart:ui';
|
||||
|
||||
abstract class AppColorsBase {
|
||||
/// 品牌主色
|
||||
Color get primary;
|
||||
|
||||
// 灰度
|
||||
Color get textPrimary;
|
||||
|
||||
Color get textSecondary;
|
||||
|
||||
Color get textTertiary;
|
||||
|
||||
// 状态颜色
|
||||
Color get success;
|
||||
|
||||
Color get warning;
|
||||
|
||||
Color get info;
|
||||
|
||||
Color get danger;
|
||||
|
||||
|
||||
// 容器色
|
||||
Color get surfaceContainerLowest;
|
||||
|
||||
Color get surfaceContainerLow;
|
||||
|
||||
Color get surfaceContainer;
|
||||
|
||||
Color get surfaceContainerHigh; //白色卡片 / item
|
||||
|
||||
//阴影颜色
|
||||
Color get shadow;
|
||||
}
|
||||
54
lib/global/theme/base/app_text_style.dart
Normal file
54
lib/global/theme/base/app_text_style.dart
Normal file
@@ -0,0 +1,54 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'app_colors_base.dart'; // 假设你之前定义了 AppColorsBase
|
||||
|
||||
TextTheme buildTextTheme(AppColorsBase colors) {
|
||||
return TextTheme(
|
||||
// 标题层级
|
||||
titleLarge: TextStyle(
|
||||
fontSize: 22, // 比正文大6
|
||||
fontWeight: FontWeight.w700,
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
titleMedium: TextStyle(
|
||||
fontSize: 20, // 比正文大4
|
||||
fontWeight: FontWeight.w700,
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
titleSmall: TextStyle(
|
||||
fontSize: 18, // 比正文大2
|
||||
fontWeight: FontWeight.w700,
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
|
||||
// 正文字体
|
||||
bodyLarge: TextStyle(
|
||||
fontSize: 18, // 稍大正文
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
bodyMedium: TextStyle(
|
||||
fontSize: 16, // 正文标准
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
bodySmall: TextStyle(
|
||||
fontSize: 14, // 辅助正文
|
||||
color: colors.textPrimary,
|
||||
),
|
||||
|
||||
// 标签/提示文字
|
||||
labelLarge: TextStyle(
|
||||
fontSize: 14, // 比正文小一点
|
||||
fontWeight: FontWeight.w500,
|
||||
color: colors.textSecondary,
|
||||
),
|
||||
labelMedium: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: colors.textSecondary,
|
||||
),
|
||||
labelSmall: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: colors.textSecondary,
|
||||
),
|
||||
);
|
||||
}
|
||||
45
lib/global/theme/base/app_theme_ext.dart
Normal file
45
lib/global/theme/base/app_theme_ext.dart
Normal file
@@ -0,0 +1,45 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'app_colors_base.dart';
|
||||
|
||||
@immutable
|
||||
class AppThemeExtension extends ThemeExtension<AppThemeExtension> {
|
||||
final AppColorsBase baseTheme;
|
||||
|
||||
const AppThemeExtension({required this.baseTheme});
|
||||
|
||||
@override
|
||||
ThemeExtension<AppThemeExtension> copyWith({
|
||||
AppColorsBase? baseTheme,
|
||||
}) {
|
||||
return AppThemeExtension(
|
||||
baseTheme: baseTheme ?? this.baseTheme,
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
AppThemeExtension lerp(AppThemeExtension? other, double t) {
|
||||
if (other is! AppThemeExtension) return this;
|
||||
return t < 0.5 ? this : other; // 或者 this/base 混合逻辑
|
||||
}
|
||||
}
|
||||
|
||||
extension AppThemeExt on BuildContext {
|
||||
AppThemeExtension get themeEx => Theme.of(this).extension<AppThemeExtension>()!;
|
||||
|
||||
///主题
|
||||
Color get success => themeEx.baseTheme.success;
|
||||
|
||||
Color get warning => themeEx.baseTheme.warning;
|
||||
|
||||
Color get danger => themeEx.baseTheme.danger;
|
||||
|
||||
Color get info => themeEx.baseTheme.info;
|
||||
|
||||
//字体灰度
|
||||
Color get textSecondary => themeEx.baseTheme.textSecondary;
|
||||
|
||||
Color get textTertiary => themeEx.baseTheme.textTertiary;
|
||||
|
||||
double get pagePadding => 12;
|
||||
}
|
||||
Reference in New Issue
Block a user