forked from eatvio/eatvio_app
feat(order info): added order info screen
This commit is contained in:
Username1548
@@ -80,7 +80,7 @@ class BorderRadiusStyle {
|
||||
color: appTheme.black900.withValues(alpha: 0.15),
|
||||
spreadRadius: 2,
|
||||
blurRadius: 2,
|
||||
offset: Offset(
|
||||
offset: const Offset(
|
||||
0,
|
||||
2,
|
||||
),
|
||||
@@ -110,15 +110,15 @@ class BorderRadiusStyle {
|
||||
);
|
||||
|
||||
// Custom borders
|
||||
static BorderRadius get customBorderBL8 => BorderRadius.only(
|
||||
static BorderRadius get customBorderBL8 => const BorderRadius.only(
|
||||
bottomLeft: Radius.circular(8),
|
||||
);
|
||||
|
||||
static BorderRadius get customBorderTL5 => BorderRadius.vertical(
|
||||
static BorderRadius get customBorderTL5 => const BorderRadius.vertical(
|
||||
top: Radius.circular(5),
|
||||
);
|
||||
|
||||
static BorderRadius get customBorderTL51 => BorderRadius.only(
|
||||
static BorderRadius get customBorderTL51 => const BorderRadius.only(
|
||||
topLeft: Radius.circular(5),
|
||||
bottomRight: Radius.circular(5),
|
||||
);
|
||||
|
||||
@@ -5,15 +5,15 @@ import 'package:google_fonts/google_fonts.dart';
|
||||
/// Helper class for managing themes and colors.
|
||||
class ThemeHelper {
|
||||
// The current app theme
|
||||
var _appTheme = 'primary';
|
||||
final _appTheme = 'primary';
|
||||
|
||||
// A map of custom color themes supported by the app
|
||||
Map<String, PrimaryColors> _supportedCustomColor = {
|
||||
final Map<String, PrimaryColors> _supportedCustomColor = {
|
||||
'primary': PrimaryColors(),
|
||||
};
|
||||
|
||||
// A map of color schemes supported by the app
|
||||
Map<String, ColorScheme> _supportedColorScheme = {
|
||||
final Map<String, ColorScheme> _supportedColorScheme = {
|
||||
'primary': ColorSchemes.primaryColorScheme,
|
||||
};
|
||||
|
||||
@@ -46,7 +46,7 @@ class ThemeHelper {
|
||||
visualDensity: VisualDensity.standard,
|
||||
colorScheme: colorScheme,
|
||||
scaffoldBackgroundColor: colorScheme.onPrimary,
|
||||
appBarTheme: AppBarTheme(
|
||||
appBarTheme: const AppBarTheme(
|
||||
scrolledUnderElevation: 0,
|
||||
elevation: 0,
|
||||
systemOverlayStyle: SystemUiOverlayStyle(
|
||||
@@ -86,7 +86,7 @@ class ThemeHelper {
|
||||
|
||||
/// Class containing the supported color schemes.
|
||||
class ColorSchemes {
|
||||
static final primaryColorScheme = ColorScheme.light(
|
||||
static const primaryColorScheme = ColorScheme.light(
|
||||
// Primary colors
|
||||
primary: Color(0XFF323F4B),
|
||||
|
||||
@@ -99,102 +99,103 @@ class ColorSchemes {
|
||||
/// Class containing custom colors for a primary theme.
|
||||
class PrimaryColors {
|
||||
// Blue
|
||||
Color get blue400 => Color(0XFF43A6F2);
|
||||
Color get blue400 => const Color(0XFF43A6F2);
|
||||
|
||||
Color get blueA400 => Color(0XFF2F80ED);
|
||||
Color get blueA400 => const Color(0XFF2F80ED);
|
||||
|
||||
// BlueGray
|
||||
Color get blueGray400 => Color(0XFF7B8794);
|
||||
Color get blueGray400 => const Color(0XFF7B8794);
|
||||
|
||||
Color get black900 => Color(0XFF000000);
|
||||
Color get black900 => const Color(0XFF000000);
|
||||
|
||||
// Blue
|
||||
Color get blue800 => Color(0XFF1F78B4);
|
||||
Color get blue800 => const Color(0XFF1F78B4);
|
||||
|
||||
// BlueGray
|
||||
Color get blueGray300 => Color(0XFF9AA5B1);
|
||||
Color get blueGray300 => const Color(0XFF9AA5B1);
|
||||
|
||||
Color get black => Color(0XFF323F4B);
|
||||
Color get black => const Color(0XFF323F4B);
|
||||
|
||||
Color get blueGray900 => Color(0XFF2A2F4C);
|
||||
Color get blueGray900 => const Color(0XFF2A2F4C);
|
||||
|
||||
// DeepOrange
|
||||
Color get deepOrange900 => Color(0XFF9A4A00);
|
||||
Color get deepOrange900 => const Color(0XFF9A4A00);
|
||||
|
||||
// Gray
|
||||
Color get gray100 => Color(0XFFF0F2F5);
|
||||
Color get gray100 => const Color(0XFFF0F2F5);
|
||||
|
||||
Color get gray200 => Color(0XFFF0F0F0);
|
||||
Color get gray200 => const Color(0XFFF0F0F0);
|
||||
|
||||
Color get gray400 => Color(0XFFC1C1C1);
|
||||
Color get gray400 => const Color(0XFFC1C1C1);
|
||||
|
||||
Color get gray40001 => Color(0XFFC8C8C8);
|
||||
Color get gray40001 => const Color(0XFFC8C8C8);
|
||||
|
||||
Color get gray50 => Color(0XFFF6FAFF);
|
||||
Color get gray50 => const Color(0XFFF6FAFF);
|
||||
|
||||
Color get gray500 => Color(0XFFA3A3A3);
|
||||
Color get gray500 => const Color(0XFFA3A3A3);
|
||||
|
||||
Color get gray600 => Color(0XFF6D6D6D);
|
||||
Color get gray600 => const Color(0XFF6D6D6D);
|
||||
|
||||
Color get gray60001 => Color(0XFF848484);
|
||||
Color get gray60001 => const Color(0XFF848484);
|
||||
|
||||
Color get gray60002 => Color(0XFF757575);
|
||||
Color get gray60002 => const Color(0XFF757575);
|
||||
|
||||
Color get gray60003 => Color(0XFF707070);
|
||||
Color get gray60003 => const Color(0XFF707070);
|
||||
|
||||
// Green
|
||||
Color get greenA700 => Color(0XFF019A3E);
|
||||
Color get greenA700 => const Color(0XFF019A3E);
|
||||
|
||||
Color get greenA70001 => Color(0XFF00BE13);
|
||||
Color get greenA70001 => const Color(0XFF00BE13);
|
||||
|
||||
// LightGreen
|
||||
Color get lightGreen300 => Color(0XFFB2DF8A);
|
||||
Color get lightGreen300 => const Color(0XFFB2DF8A);
|
||||
|
||||
Color get lightGreenA700 => Color(0XFF18FF14);
|
||||
Color get lightGreenA700 => const Color(0XFF18FF14);
|
||||
|
||||
// Red
|
||||
Color get red200 => Color(0XFFE3A6A6);
|
||||
Color get red200 => const Color(0XFFE3A6A6);
|
||||
|
||||
// Teal
|
||||
Color get teal100 => Color(0XFFA6CEE3);
|
||||
Color get teal100 => const Color(0XFFA6CEE3);
|
||||
|
||||
Color get teal900 => Color(0XFF0B3F56);
|
||||
Color get teal900 => const Color(0XFF0B3F56);
|
||||
|
||||
// White
|
||||
Color get whiteA700 => Color(0XFFFFFFFF);
|
||||
Color get whiteA700 => const Color(0XFFFFFFFF);
|
||||
|
||||
Color get backgroundAvatar => Color(0xFFEBF4FF);
|
||||
Color get backgroundAvatar => const Color(0xFFEBF4FF);
|
||||
|
||||
Color get cardBackground => Color(0xFFF7FAFF);
|
||||
Color get cardBackground => const Color(0xFFF7FAFF);
|
||||
|
||||
Color get dividerColor => Color(0xFFF1F2F6);
|
||||
Color get dividerColor => const Color(0xFFF1F2F6);
|
||||
|
||||
Color get gray => Color(0xFF6D6F71);
|
||||
Color get gray => const Color(0xFF6D6F71);
|
||||
|
||||
Color get lightGray600 => Color(0xFFB0B0B0);
|
||||
Color get lightGray600 => const Color(0xFFB0B0B0);
|
||||
|
||||
Color get lightGray => Color(0xFFCECECE);
|
||||
Color get lightGray => const Color(0xFFCECECE);
|
||||
|
||||
Color get transparentBlue => Color(0xFF2F80ED).withValues(alpha: 0.1);
|
||||
Color get transparentBlue => const Color(0xFF2F80ED).withValues(alpha: 0.1);
|
||||
|
||||
Color get lightGray0 => Color(0xFFF6F6F6);
|
||||
Color get lightGray0 => const Color(0xFFF6F6F6);
|
||||
|
||||
Color get lightGray00 => Color(0xFFE9E9EA);
|
||||
Color get lightGray00 => const Color(0xFFE9E9EA);
|
||||
|
||||
Color get dottedBorder => Color(0xFFE6E6E6);
|
||||
Color get dottedBorder => const Color(0xFFE6E6E6);
|
||||
|
||||
Color get red => Color(0xFFCD4141);
|
||||
Color get strongRed => Color(0xFFD01717);
|
||||
Color get red => const Color(0xFFCD4141);
|
||||
Color get strongRed => const Color(0xFFD01717);
|
||||
|
||||
Color get transparentRed => Color(0xFFCD4141).withValues(alpha: 0.75);
|
||||
Color get transparentRed => const Color(0xFFCD4141).withValues(alpha: 0.75);
|
||||
|
||||
Color get transparentBlack => Color(0xFF1313264).withValues(alpha: 0.3);
|
||||
// ignore: use_full_hex_values_for_flutter_colors
|
||||
Color get transparentBlack => const Color(0xff1313264).withValues(alpha: 0.3);
|
||||
|
||||
Color get gray60004 => Color(0xFFD4DAE2).withValues(alpha: 0.2);
|
||||
Color get gray60004 => const Color(0xFFD4DAE2).withValues(alpha: 0.2);
|
||||
|
||||
Color get blueGray => Color(0xFF809CB9);
|
||||
Color get blueGray => const Color(0xFF809CB9);
|
||||
|
||||
Color get dialogShadow => Color.fromARGB(125, 0, 0, 0);
|
||||
Color get dialogShadow => const Color.fromARGB(125, 0, 0, 0);
|
||||
}
|
||||
|
||||
PrimaryColors get appTheme => ThemeHelper().themeColor();
|
||||
|
||||
Reference in New Issue
Block a user