forked from firka/student-legacy
294 lines
12 KiB
Dart
294 lines
12 KiB
Dart
import 'package:refilc/models/settings.dart';
|
|
import 'package:refilc/theme/colors/accent.dart';
|
|
import 'package:refilc/theme/colors/colors.dart';
|
|
import 'package:refilc/theme/colors/utils.dart';
|
|
import 'package:refilc/theme/observer.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:material_color_utilities/material_color_utilities.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
|
|
class AppTheme {
|
|
// Dev note: All of these could be constant variables, but this is better for
|
|
// development (you don't have to hot-restart)
|
|
|
|
static const String _defaultFontFamily = "Montserrat";
|
|
|
|
static Color? _paletteAccentLight(CorePalette? palette) =>
|
|
palette != null ? Color(palette.primary.get(70)) : null;
|
|
static Color? _paletteHighlightLight(CorePalette? palette) =>
|
|
palette != null ? Color(palette.neutral.get(100)) : null;
|
|
static Color? _paletteBackgroundLight(CorePalette? palette) =>
|
|
palette != null ? Color(palette.neutral.get(95)) : null;
|
|
// static Color? _paletteTextLight(CorePalette? palette) =>
|
|
// palette != null ? Color(palette.neutral.get(10)) : null;
|
|
|
|
static Color? _paletteAccentDark(CorePalette? palette) =>
|
|
palette != null ? Color(palette.primary.get(80)) : null;
|
|
static Color? _paletteBackgroundDark(CorePalette? palette) =>
|
|
palette != null ? Color(palette.neutralVariant.get(10)) : null;
|
|
static Color? _paletteHighlightDark(CorePalette? palette) =>
|
|
palette != null ? Color(palette.neutralVariant.get(20)) : null;
|
|
// static Color? _paletteTextDark(CorePalette? palette) =>
|
|
// palette != null ? Color(palette.neutralVariant.get(100)) : null;
|
|
|
|
static Map<String, TextTheme?> googleFontsMap = {
|
|
"Merienda": GoogleFonts.meriendaTextTheme(),
|
|
"M PLUS Code Latin": GoogleFonts.mPlusCodeLatinTextTheme(),
|
|
"Figtree": GoogleFonts.figtreeTextTheme(),
|
|
"Fira Code": GoogleFonts.firaCodeTextTheme(),
|
|
"Vollkorn": GoogleFonts.vollkornTextTheme(),
|
|
};
|
|
|
|
// Light Theme
|
|
static ThemeData lightTheme(BuildContext context, {CorePalette? palette}) {
|
|
var lightColors = AppColors.fromBrightness(Brightness.light);
|
|
final settings = Provider.of<SettingsProvider>(context, listen: false);
|
|
AccentColor accentColor = settings.accentColor;
|
|
final customAccentColor =
|
|
accentColor == AccentColor.custom ? settings.customAccentColor : null;
|
|
Color accent = customAccentColor ??
|
|
accentColorMap[accentColor] ??
|
|
const Color(0x00000000);
|
|
|
|
if (accentColor == AccentColor.adaptive) {
|
|
if (palette != null) accent = _paletteAccentLight(palette)!;
|
|
} else {
|
|
palette = null;
|
|
}
|
|
|
|
Color backgroundColor = (accentColor == AccentColor.custom
|
|
? settings.customBackgroundColor
|
|
: _paletteBackgroundLight(palette)) ??
|
|
lightColors.background;
|
|
Color highlightColor = (accentColor == AccentColor.custom
|
|
? settings.customHighlightColor
|
|
: _paletteHighlightLight(palette)) ??
|
|
lightColors.highlight;
|
|
// Color textColor = (accentColor == AccentColor.custom
|
|
// ? settings.customTextColor
|
|
// : _paletteTextLight(palette)) ??
|
|
// lightColors.text;
|
|
Color textColor = lightColors.text;
|
|
|
|
Color newSecondary = (accentColor == AccentColor.adaptive ||
|
|
accentColor == AccentColor.custom ||
|
|
accentColor == AccentColor.ogfilc) ||
|
|
!settings.newColors
|
|
? accent
|
|
: ColorsUtils().darken(accent, amount: 0.4);
|
|
// Color newScaffoldBg = ColorsUtils().lighten(accent, amount: 0.4);
|
|
Color newTertiary = (accentColor == AccentColor.adaptive ||
|
|
accentColor == AccentColor.custom ||
|
|
accentColor == AccentColor.ogfilc) ||
|
|
!settings.newColors
|
|
? accent
|
|
: ColorsUtils().darken(accent,
|
|
amount: 0.4); // white mode: same tertiary as secondary
|
|
|
|
return ThemeData(
|
|
// extensions: [
|
|
// NewColors(
|
|
// accent: lightAccent[accentColor]!,
|
|
// primary: lightPrimary[accentColor]!,
|
|
// secondary: lightSecondary[accentColor]!,
|
|
// teritary: lightTeritary[accentColor]!,
|
|
// icon: lightIcon[accentColor]!,
|
|
// darkenBg: lightBgDarkened[accentColor]!,
|
|
// btnSecStrk: lightBtnSecStrk[accentColor]!,
|
|
// background: lightBg[accentColor]!,
|
|
// card: lightCard[accentColor]!,
|
|
// btnSec: lightBtnSec[accentColor]!,
|
|
// ),
|
|
// ],
|
|
brightness: Brightness.light,
|
|
useMaterial3: true,
|
|
fontFamily: _defaultFontFamily,
|
|
textTheme: !settings.titleOnlyFont
|
|
? (googleFontsMap[settings.fontFamily]?.apply(bodyColor: textColor) ??
|
|
const TextTheme().apply(bodyColor: textColor))
|
|
: null,
|
|
scaffoldBackgroundColor: backgroundColor,
|
|
primaryColor: lightColors.filc,
|
|
dividerColor: const Color(0x00000000),
|
|
colorScheme: ColorScheme(
|
|
primary: accent,
|
|
onPrimary:
|
|
(accent.computeLuminance() > 0.5 ? Colors.black : Colors.white)
|
|
.withValues(alpha: .9),
|
|
secondary: newSecondary,
|
|
onSecondary: (newSecondary.computeLuminance() > 0.5
|
|
? Colors.black
|
|
: Colors.white)
|
|
.withValues(alpha: .9),
|
|
tertiary: newTertiary,
|
|
onTertiary:
|
|
(newTertiary.computeLuminance() > 0.5 ? Colors.black : Colors.white)
|
|
.withValues(alpha: .9),
|
|
brightness: Brightness.light,
|
|
error: lightColors.red,
|
|
onError: Colors.white.withValues(alpha: .9),
|
|
surface: highlightColor,
|
|
onSurface: Colors.black.withValues(alpha: .9),
|
|
),
|
|
shadowColor: lightColors.shadow.withValues(alpha: .5),
|
|
appBarTheme: AppBarTheme(backgroundColor: backgroundColor),
|
|
indicatorColor: accent,
|
|
iconTheme: IconThemeData(color: lightColors.text.withValues(alpha: .75)),
|
|
navigationBarTheme: NavigationBarThemeData(
|
|
indicatorColor: accent.withValues(
|
|
alpha: accentColor == AccentColor.adaptive ? 0.4 : 0.8),
|
|
iconTheme:
|
|
WidgetStateProperty.all(IconThemeData(color: lightColors.text)),
|
|
backgroundColor: highlightColor,
|
|
labelTextStyle: WidgetStateProperty.all(TextStyle(
|
|
fontSize: 13.0,
|
|
fontWeight: FontWeight.w500,
|
|
color: lightColors.text.withValues(alpha: 0.8),
|
|
)),
|
|
labelBehavior: NavigationDestinationLabelBehavior.alwaysShow,
|
|
height: 76.0,
|
|
),
|
|
sliderTheme: SliderThemeData(
|
|
inactiveTrackColor: accent.withValues(alpha: .3),
|
|
),
|
|
progressIndicatorTheme: ProgressIndicatorThemeData(color: accent),
|
|
expansionTileTheme: ExpansionTileThemeData(iconColor: accent),
|
|
cardColor: highlightColor,
|
|
bottomNavigationBarTheme: BottomNavigationBarThemeData(
|
|
backgroundColor: Provider.of<ThemeModeObserver>(context, listen: false)
|
|
.updateNavbarColor
|
|
? backgroundColor
|
|
: null,
|
|
),
|
|
);
|
|
}
|
|
|
|
// Dark Theme
|
|
static ThemeData darkTheme(BuildContext context, {CorePalette? palette}) {
|
|
var darkColors = AppColors.fromBrightness(Brightness.dark);
|
|
final settings = Provider.of<SettingsProvider>(context, listen: false);
|
|
AccentColor accentColor = settings.accentColor;
|
|
final customAccentColor =
|
|
accentColor == AccentColor.custom ? settings.customAccentColor : null;
|
|
Color accent = customAccentColor ??
|
|
accentColorMap[accentColor] ??
|
|
const Color(0x00000000);
|
|
|
|
if (accentColor == AccentColor.adaptive) {
|
|
if (palette != null) accent = _paletteAccentDark(palette)!;
|
|
} else {
|
|
palette = null;
|
|
}
|
|
|
|
Color backgroundColor = (accentColor == AccentColor.custom
|
|
? settings.customBackgroundColor
|
|
: _paletteBackgroundDark(palette)) ??
|
|
darkColors.background;
|
|
Color highlightColor = (accentColor == AccentColor.custom
|
|
? settings.customHighlightColor
|
|
: _paletteHighlightDark(palette)) ??
|
|
darkColors.highlight;
|
|
// Color textColor = (accentColor == AccentColor.custom
|
|
// ? settings.customTextColor
|
|
// : _paletteTextDark(palette)) ??
|
|
// darkColors.text;
|
|
Color textColor = darkColors.text;
|
|
|
|
Color newSecondary = (accentColor == AccentColor.adaptive ||
|
|
accentColor == AccentColor.custom ||
|
|
accentColor == AccentColor.ogfilc) ||
|
|
!settings.newColors
|
|
? accent
|
|
: ColorsUtils().lighten(accent, amount: 0.22);
|
|
// Color newScaffoldBg = ColorsUtils().lighten(accent, amount: 0.4);
|
|
Color newTertiary = (accentColor == AccentColor.adaptive ||
|
|
accentColor == AccentColor.custom ||
|
|
accentColor == AccentColor.ogfilc) ||
|
|
!settings.newColors
|
|
? accent
|
|
: ColorsUtils().darken(accent,
|
|
amount: 0.1); // dark mode: tertiary is way darker than secondary
|
|
|
|
return ThemeData(
|
|
// extensions: [
|
|
// NewColors(
|
|
// accent: darkAccent[accentColor]!,
|
|
// primary: darkPrimary[accentColor]!,
|
|
// secondary: darkSecondary[accentColor]!,
|
|
// teritary: darkTeritary[accentColor]!,
|
|
// icon: darkIcon[accentColor]!,
|
|
// darkenBg: darkBgDarkened[accentColor]!,
|
|
// btnSecStrk: darkBtnSecStrk[accentColor]!,
|
|
// background: darkBg[accentColor]!,
|
|
// card: darkCard[accentColor]!,
|
|
// btnSec: darkBtnSec[accentColor]!,
|
|
// ),
|
|
// ],
|
|
brightness: Brightness.dark,
|
|
useMaterial3: true,
|
|
fontFamily: _defaultFontFamily,
|
|
textTheme: !settings.titleOnlyFont
|
|
? (googleFontsMap[settings.fontFamily]?.apply(bodyColor: textColor))
|
|
: null,
|
|
scaffoldBackgroundColor: backgroundColor,
|
|
primaryColor: darkColors.filc,
|
|
dividerColor: const Color(0x00000000),
|
|
colorScheme: ColorScheme(
|
|
primary: accent,
|
|
onPrimary:
|
|
(accent.computeLuminance() > 0.5 ? Colors.black : Colors.white)
|
|
.withValues(alpha: .9),
|
|
secondary: newSecondary,
|
|
onSecondary: (newSecondary.computeLuminance() > 0.5
|
|
? Colors.black
|
|
: Colors.white)
|
|
.withValues(alpha: .9),
|
|
tertiary: newTertiary,
|
|
onTertiary:
|
|
(newTertiary.computeLuminance() > 0.5 ? Colors.black : Colors.white)
|
|
.withValues(alpha: .9),
|
|
brightness: Brightness.dark,
|
|
error: darkColors.red,
|
|
onError: Colors.black.withValues(alpha: .9),
|
|
surface: highlightColor,
|
|
onSurface: Colors.white.withValues(alpha: .9),
|
|
),
|
|
shadowColor: highlightColor.withValues(alpha: .5), //darkColors.shadow,
|
|
appBarTheme: AppBarTheme(backgroundColor: backgroundColor),
|
|
indicatorColor: accent,
|
|
iconTheme: IconThemeData(color: darkColors.text.withValues(alpha: .75)),
|
|
navigationBarTheme: NavigationBarThemeData(
|
|
indicatorColor: accent.withValues(
|
|
alpha: accentColor == AccentColor.adaptive ? 0.4 : 0.8),
|
|
iconTheme:
|
|
WidgetStateProperty.all(IconThemeData(color: darkColors.text)),
|
|
backgroundColor: highlightColor,
|
|
labelTextStyle: WidgetStateProperty.all(TextStyle(
|
|
fontSize: 13.0,
|
|
fontWeight: FontWeight.w500,
|
|
color: darkColors.text.withValues(alpha: 0.8),
|
|
)),
|
|
labelBehavior: NavigationDestinationLabelBehavior.alwaysShow,
|
|
height: 76.0,
|
|
),
|
|
sliderTheme: SliderThemeData(
|
|
inactiveTrackColor: accent.withValues(alpha: .3),
|
|
),
|
|
progressIndicatorTheme: ProgressIndicatorThemeData(color: accent),
|
|
expansionTileTheme: ExpansionTileThemeData(iconColor: accent),
|
|
cardColor: highlightColor,
|
|
chipTheme: ChipThemeData(
|
|
backgroundColor: accent.withValues(alpha: .2),
|
|
elevation: 1,
|
|
),
|
|
bottomNavigationBarTheme: BottomNavigationBarThemeData(
|
|
backgroundColor: Provider.of<ThemeModeObserver>(context, listen: false)
|
|
.updateNavbarColor
|
|
? backgroundColor
|
|
: null,
|
|
),
|
|
);
|
|
}
|
|
}
|