|
|
|
|
@ -1,118 +1,310 @@
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
|
|
class AppColors {
|
|
|
|
|
/// Global dark-mode flag — toggled by ProfileSettingsViewModel.
|
|
|
|
|
/// When true, every getter below returns the dark palette value.
|
|
|
|
|
static bool isDarkMode = false;
|
|
|
|
|
|
|
|
|
|
static const transparent = Colors.transparent;
|
|
|
|
|
static const mainPurple = Color(0xFF7954F7); // #7954F7
|
|
|
|
|
|
|
|
|
|
static const scaffoldBgColor = Color(0xFFF8F8F8); // #F8F8F8
|
|
|
|
|
static const bottomSheetBgColor = Color(0xFFF8F8FA); // #F8F8FA
|
|
|
|
|
static const lightGreyEFColor = Color(0xffeaeaff); // #EAEAFF
|
|
|
|
|
static const greyF7Color = Color(0xffF7F7F7); // #F7F7F7
|
|
|
|
|
static const greyInfoTextColor = Color(0xff777777); // #777777
|
|
|
|
|
static const lightGrayColor = Color(0xff808080); // #808080
|
|
|
|
|
static const greyTextColorLight = Color(0xFFA2A2A2); // #A2A2A2
|
|
|
|
|
|
|
|
|
|
// New UI Colors
|
|
|
|
|
static const whiteColor = Color(0xFFffffff); // #FFFFFF
|
|
|
|
|
static const Color bgScaffoldColor = Color(0xffF8F8F8); // #F8F8F8
|
|
|
|
|
static const Color primaryRedColor = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color primaryRedBorderColor = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color secondaryLightRedColor = Color(0xFFFEE9EA); // #FEE9EA
|
|
|
|
|
static const Color secondaryLightRedBorderColor = Color(0xFFFEE9EA); // #FEE9EA
|
|
|
|
|
static const Color bgRedLightColor = Color(0xFFFEE9EA); // #FEE9EA
|
|
|
|
|
static const Color bgGreenColor = Color(0xFF18C273); // #18C273
|
|
|
|
|
static const Color textColor = Color(0xFF2E3039); // #2E3039
|
|
|
|
|
static const Color borderGrayColor = Color(0x332E3039); // #2E3039 (20% opacity)
|
|
|
|
|
static const Color textColorLight = Color(0xFF5E5E5E); // #5E5E5E
|
|
|
|
|
static const Color borderOnlyColor = Color(0xFF2E3039); // #2E3039
|
|
|
|
|
static const Color chipBorderColorOpacity20 = Color(0x332E3039); // #2E3039 (20% opacity)
|
|
|
|
|
static const Color dividerColor = Color(0x40D2D2D2); // #D2D2D2 (25% opacity)
|
|
|
|
|
static const Color warningColorYellow = Color(0xFFF4A308); // #F4A308
|
|
|
|
|
static const Color blackBgColor = Color(0xFF2E3039); // #2E3039
|
|
|
|
|
static const blackColor = textColor; // #2E3039
|
|
|
|
|
static const Color inputLabelTextColor = Color(0xff898A8D); // #898A8D
|
|
|
|
|
static const Color greyTextColor = Color(0xFF8F9AA3); // #8F9AA3
|
|
|
|
|
static const Color lightGrayBGColor = Color(0x142E3039); // #2E3039 (8% opacity)
|
|
|
|
|
static const Color checkBoxBorderColor = Color(0xffD2D2D2); // #D2D2D2
|
|
|
|
|
|
|
|
|
|
static const Color pharmacyBGColor = Color(0xFF359846); // #359846
|
|
|
|
|
|
|
|
|
|
static const lightGreenColor = Color(0xFF0ccedde); // #0CCEDDE
|
|
|
|
|
static const textGreenColor = Color(0xFF18C273); // #18C273
|
|
|
|
|
static const Color ratingColorYellow = Color(0xFFFFAF15); // #FFAF15
|
|
|
|
|
static const Color spacerLineColor = Color(0x2E30391A); // #2E3039 (10% opacity)
|
|
|
|
|
|
|
|
|
|
//Chips
|
|
|
|
|
static const Color successColor = Color(0xff18C273); // #18C273
|
|
|
|
|
static const Color successLightBgColor = Color(0xffDDF6EA); // #DDF6EA
|
|
|
|
|
static const Color errorColor = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color alertColor = Color(0xFFD48D05); // #D48D05
|
|
|
|
|
static const Color infoColor = Color(0xFF0B85F7); // #0B85F7
|
|
|
|
|
static const Color warningColor = Color(0xFFFFCC00); // #FFCC00
|
|
|
|
|
static const Color greyColor = Color(0xFFEFEFF0); // #EFEFF0
|
|
|
|
|
static const Color chipPrimaryRedBorderColor = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color chipSecondaryLightRedColor = Color(0xFFFEE9EA); // #FEE9EA
|
|
|
|
|
// static const Color chipSecondaryLightRedColor = Color(0xFFFF9E15); // #FEE9EA
|
|
|
|
|
|
|
|
|
|
static const Color successLightColor = Color(0xFF18C273); // #18C273
|
|
|
|
|
static const Color errorLightColor = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color alertLightColor = Color(0xFFD48D05); // #D48D05
|
|
|
|
|
static const Color infoLightColor = Color(0xFF0B85F7); // #0B85F7
|
|
|
|
|
static const Color warningLightColor = Color(0xFFFFCC00); // #FFCC00
|
|
|
|
|
static const Color greyLightColor = Color(0xFFEFEFF0); // #EFEFF0
|
|
|
|
|
static const Color thumbColor = Color(0xFF18C273); // #18C273
|
|
|
|
|
static const Color switchBackgroundColor = Color(0x2618C273); // #18C273 (15% opacity)
|
|
|
|
|
|
|
|
|
|
static const Color bottomNAVBorder = Color(0xFFEEEEEE); // #EEEEEE
|
|
|
|
|
|
|
|
|
|
static const Color quickLoginColor = Color(0xFF666666); // #666666
|
|
|
|
|
|
|
|
|
|
static const Color tooltipTextColor = Color(0xFF414D55); // #414D55
|
|
|
|
|
static const Color graphGridColor = Color(0x4D18C273); // #18C273 (30% opacity)
|
|
|
|
|
static const Color criticalLowAndHigh = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
static const Color highAndLow = Color(0xFFFFAF15); // #FFAF15
|
|
|
|
|
static const Color labelTextColor = Color(0xFF838383); // #838383
|
|
|
|
|
static const Color calenderTextColor = Color(0xFFD0D0D0); // #D0D0D0
|
|
|
|
|
static const Color lightGreenButtonColor = Color(0x2618C273); // #18C273 (15% opacity)
|
|
|
|
|
|
|
|
|
|
static const Color lightRedButtonColor = Color(0x1AED1C2B); // #ED1C2B (10% opacity)
|
|
|
|
|
|
|
|
|
|
// Status Colors
|
|
|
|
|
static const Color statusPendingColor = Color(0xffCC9B14); // #CC9B14
|
|
|
|
|
static const Color statusProcessingColor = Color(0xff2E303A); // #2E303A
|
|
|
|
|
static const Color statusCompletedColor = Color(0xff359846); // #359846
|
|
|
|
|
static const Color statusRejectedColor = Color(0xffD02127); // #D02127
|
|
|
|
|
|
|
|
|
|
// Info Banner Colors
|
|
|
|
|
static const Color infoBannerBgColor = Color(0xFFFFF4E6); // #FFF4E6
|
|
|
|
|
static const Color infoBannerBorderColor = Color(0xFFFFE5B4); // #FFE5B4
|
|
|
|
|
static const Color infoBannerIconColor = Color(0xFFCC9B14); // #CC9B14
|
|
|
|
|
static const Color infoBannerTextColor = Color(0xFF856404); // #856404
|
|
|
|
|
|
|
|
|
|
// SymptomsChecker
|
|
|
|
|
|
|
|
|
|
static const Color chipColorSeekMedicalAdvice = Color(0xFFFFAF15); // #FFAF15
|
|
|
|
|
static const Color chipTextColorSeekMedicalAdvice = Color(0xFFD48D05); // #AB7103
|
|
|
|
|
static const Color chipColorMonitor = Color(0xFF18C273); // #18C273
|
|
|
|
|
static const Color chipColorEmergency = Color(0xFFED1C2B); // #ED1C2B
|
|
|
|
|
|
|
|
|
|
// Services Page Colors
|
|
|
|
|
static const Color eReferralCardColor = Color(0xFFFF8012); // #FF8012
|
|
|
|
|
static const Color bloodDonationCardColor = Color(0xFFFF5662); // #FF5662
|
|
|
|
|
static const Color myChildVaccineCardColor = Color(0xFFFF2D78); // #FF5662
|
|
|
|
|
static const Color bookAppointment = Color(0xFF415364); // #415364
|
|
|
|
|
|
|
|
|
|
// ── Scaffold / Background ─────────────────────────────────────────────────
|
|
|
|
|
static Color get scaffoldBgColor => isDarkMode ? dark.scaffoldBgColor : const Color(0xFFF8F8F8);
|
|
|
|
|
static Color get bottomSheetBgColor => isDarkMode ? dark.bottomSheetBgColor : const Color(0xFFF8F8FA);
|
|
|
|
|
static Color get lightGreyEFColor => isDarkMode ? dark.lightGreyEFColor : const Color(0xffeaeaff);
|
|
|
|
|
static Color get greyF7Color => isDarkMode ? dark.greyF7Color : const Color(0xffF7F7F7);
|
|
|
|
|
static Color get greyInfoTextColor => isDarkMode ? dark.greyInfoTextColor : const Color(0xff777777);
|
|
|
|
|
static Color get lightGrayColor => isDarkMode ? dark.lightGrayColor : const Color(0xff808080);
|
|
|
|
|
static Color get greyTextColorLight => isDarkMode ? dark.greyTextColorLight : const Color(0xFFA2A2A2);
|
|
|
|
|
static Color get mainPurple => isDarkMode ? dark.mainPurple : const Color(0xFF7954F7);
|
|
|
|
|
|
|
|
|
|
// ── Core Colors ───────────────────────────────────────────────────────────
|
|
|
|
|
static Color get whiteColor => isDarkMode ? dark.whiteColor : const Color(0xFFffffff);
|
|
|
|
|
// static const Color primaryRedColor = Color(0xFFED1C2B);
|
|
|
|
|
static Color get primaryRedColor => isDarkMode ? dark.primaryRedColor : Color(0xFFED1C2B);
|
|
|
|
|
static Color get secondaryLightRedColor => isDarkMode ? dark.secondaryLightRedColor : const Color(0xFFFEE9EA);
|
|
|
|
|
static const Color successColor = Color(0xFF18C273);
|
|
|
|
|
static Color get successLightBgColor => isDarkMode ? dark.successLightBgColor : const Color(0xffDDF6EA);
|
|
|
|
|
static Color get greyColor => isDarkMode ? dark.greyColor : const Color(0xFFEFEFF0);
|
|
|
|
|
static Color get chipBgColor => isDarkMode ? dark.chipBgColor : const Color(0xFFEFEFF0);
|
|
|
|
|
static Color get textColor => isDarkMode ? dark.textColor : const Color(0xFF2E3039);
|
|
|
|
|
static Color get iconColor => isDarkMode ? dark.iconColor : const Color(0xFF2E3039);
|
|
|
|
|
static Color get borderGrayColor => isDarkMode ? dark.borderGrayColor : const Color(0x332E3039);
|
|
|
|
|
static Color get textColorLight => isDarkMode ? dark.textColorLight : const Color(0xFF5E5E5E);
|
|
|
|
|
static Color get dividerColor => isDarkMode ? dark.dividerColor : const Color(0x40D2D2D2);
|
|
|
|
|
static Color get warningColorYellow => isDarkMode ? dark.warningColorYellow : const Color(0xFFF4A308);
|
|
|
|
|
static Color get inputLabelTextColor => isDarkMode ? dark.inputLabelTextColor : const Color(0xff898A8D);
|
|
|
|
|
static Color get greyTextColor => isDarkMode ? dark.greyTextColor : const Color(0xFF8F9AA3);
|
|
|
|
|
static Color get lightGrayBGColor => isDarkMode ? dark.lightGrayBGColor : const Color(0x142E3039);
|
|
|
|
|
static Color get checkBoxBorderColor => isDarkMode ? dark.checkBoxBorderColor : const Color(0xffD2D2D2);
|
|
|
|
|
static Color get pharmacyBGColor => isDarkMode ? dark.pharmacyBGColor : const Color(0xFF359846);
|
|
|
|
|
static Color get lightGreenColor => isDarkMode ? dark.lightGreenColor : const Color(0xFF0ccedde);
|
|
|
|
|
static Color get ratingColorYellow => isDarkMode ? dark.ratingColorYellow : const Color(0xFFFFAF15);
|
|
|
|
|
static Color get spacerLineColor => isDarkMode ? dark.spacerLineColor : const Color(0x2E30391A);
|
|
|
|
|
|
|
|
|
|
// ── Semantic / Status Colors ──────────────────────────────────────────────
|
|
|
|
|
static Color get errorColor => isDarkMode ? dark.errorColor : const Color(0xFFED1C2B);
|
|
|
|
|
static Color get alertColor => isDarkMode ? dark.alertColor : const Color(0xFFD48D05);
|
|
|
|
|
static Color get infoColor => isDarkMode ? dark.infoColor : const Color(0xFF0B85F7);
|
|
|
|
|
static Color get warningColor => isDarkMode ? dark.warningColor : const Color(0xFFFFCC00);
|
|
|
|
|
static Color get switchBackgroundColor => isDarkMode ? dark.switchBackgroundColor : const Color(0x2618C273);
|
|
|
|
|
static Color get bottomNAVBorder => isDarkMode ? dark.bottomNAVBorder : const Color(0xFFEEEEEE);
|
|
|
|
|
static Color get quickLoginColor => isDarkMode ? dark.quickLoginColor : const Color(0xFF666666);
|
|
|
|
|
static Color get tooltipTextColor => isDarkMode ? dark.tooltipTextColor : const Color(0xFF414D55);
|
|
|
|
|
static Color get graphGridColor => isDarkMode ? dark.graphGridColor : const Color(0x4D18C273);
|
|
|
|
|
static Color get highAndLow => isDarkMode ? dark.highAndLow : const Color(0xFFFFAF15);
|
|
|
|
|
static Color get labelTextColor => isDarkMode ? dark.labelTextColor : const Color(0xFF838383);
|
|
|
|
|
static Color get calenderTextColor => isDarkMode ? dark.calenderTextColor : const Color(0xFFD0D0D0);
|
|
|
|
|
static Color get lightGreenButtonColor => isDarkMode ? dark.lightGreenButtonColor : const Color(0x2618C273);
|
|
|
|
|
static Color get lightRedButtonColor => isDarkMode ? dark.lightRedButtonColor : const Color(0x1AED1C2B);
|
|
|
|
|
|
|
|
|
|
// ── Status Colors ─────────────────────────────────────────────────────────
|
|
|
|
|
static Color get statusPendingColor => isDarkMode ? dark.statusPendingColor : const Color(0xffCC9B14);
|
|
|
|
|
static Color get statusProcessingColor => isDarkMode ? dark.statusProcessingColor : const Color(0xff2E303A);
|
|
|
|
|
static Color get statusCompletedColor => isDarkMode ? dark.statusCompletedColor : const Color(0xff359846);
|
|
|
|
|
static Color get statusRejectedColor => isDarkMode ? dark.statusRejectedColor : const Color(0xffD02127);
|
|
|
|
|
|
|
|
|
|
// ── Info Banner Colors ────────────────────────────────────────────────────
|
|
|
|
|
static Color get infoBannerBgColor => isDarkMode ? dark.infoBannerBgColor : const Color(0xFFFFF4E6);
|
|
|
|
|
static Color get infoBannerBorderColor => isDarkMode ? dark.infoBannerBorderColor : const Color(0xFFFFE5B4);
|
|
|
|
|
static Color get infoBannerIconColor => isDarkMode ? dark.infoBannerIconColor : const Color(0xFFCC9B14);
|
|
|
|
|
static Color get infoBannerTextColor => isDarkMode ? dark.infoBannerTextColor : const Color(0xFF856404);
|
|
|
|
|
|
|
|
|
|
// ── Symptoms Checker ─────────────────────────────────────────────<EFBFBD><EFBFBD>────────
|
|
|
|
|
static Color get chipColorSeekMedicalAdvice => isDarkMode ? dark.chipColorSeekMedicalAdvice : const Color(0xFFFFAF15);
|
|
|
|
|
static Color get chipTextColorSeekMedicalAdvice => isDarkMode ? dark.chipTextColorSeekMedicalAdvice : const Color(0xFFD48D05);
|
|
|
|
|
|
|
|
|
|
// ── Services Page Colors ──────────────────────────────────────────────────
|
|
|
|
|
static Color get eReferralCardColor => isDarkMode ? dark.eReferralCardColor : const Color(0xFFFF8012);
|
|
|
|
|
static Color get bloodDonationCardColor => isDarkMode ? dark.bloodDonationCardColor : const Color(0xFFFF5662);
|
|
|
|
|
static Color get myChildVaccineCardColor => isDarkMode ? dark.myChildVaccineCardColor : const Color(0xFFFF2D78);
|
|
|
|
|
static Color get bookAppointment => isDarkMode ? dark.bookAppointment : const Color(0xFF415364);
|
|
|
|
|
|
|
|
|
|
// ── Water Monitor ─────────────────────────────────────────────────────────
|
|
|
|
|
static Color get blueColor => isDarkMode ? dark.blueColor : const Color(0xFF4EB5FF);
|
|
|
|
|
static Color get blueGradientColorOne => isDarkMode ? dark.blueGradientColorOne : const Color(0xFFF1F7FD);
|
|
|
|
|
static Color get blueGradientColorTwo => isDarkMode ? dark.blueGradientColorTwo : const Color(0xFFD9EFFF);
|
|
|
|
|
|
|
|
|
|
// ── Shimmer ───────────────────────────────────────────────────────────────
|
|
|
|
|
static Color get shimmerBaseColor => isDarkMode ? dark.shimmerBaseColor : const Color(0xFFE0E0E0);
|
|
|
|
|
static Color get shimmerHighlightColor => isDarkMode ? dark.shimmerHighlightColor : const Color(0xFFF5F5F5);
|
|
|
|
|
static Color get covid29Color => isDarkMode ? dark.covid29Color : const Color(0xff2563EB);
|
|
|
|
|
static Color get lightGreyTextColor => isDarkMode ? dark.lightGreyTextColor : const Color(0xFF959595);
|
|
|
|
|
static Color get labelColorYellow => isDarkMode ? dark.labelColorYellow : const Color(0xFFFBCB6E);
|
|
|
|
|
|
|
|
|
|
static const LinearGradient aiLinearGradient =
|
|
|
|
|
LinearGradient(colors: [Color(0xFF8A38F5), Color(0xFFE20BBB)], begin: Alignment.topLeft, end: Alignment.bottomRight);
|
|
|
|
|
|
|
|
|
|
// ── Aliases ───────────────────────────────────────────────────────────────
|
|
|
|
|
static Color get bgScaffoldColor => scaffoldBgColor;
|
|
|
|
|
static Color get primaryRedBorderColor => primaryRedColor;
|
|
|
|
|
static Color get chipPrimaryRedBorderColor => primaryRedColor;
|
|
|
|
|
static Color get criticalLowAndHigh => primaryRedColor;
|
|
|
|
|
static Color get chipColorEmergency => primaryRedColor;
|
|
|
|
|
static Color get errorLightColor => primaryRedColor;
|
|
|
|
|
static Color get secondaryLightRedBorderColor => secondaryLightRedColor;
|
|
|
|
|
static Color get bgRedLightColor => secondaryLightRedColor;
|
|
|
|
|
static Color get chipSecondaryLightRedColor => secondaryLightRedColor;
|
|
|
|
|
static Color get blackBgColor => textColor;
|
|
|
|
|
static Color get blackColor => textColor;
|
|
|
|
|
static Color get borderOnlyColor => textColor;
|
|
|
|
|
static Color get chipBorderColorOpacity20 => borderGrayColor;
|
|
|
|
|
static Color get bgGreenColor => successColor;
|
|
|
|
|
static Color get textGreenColor => successColor;
|
|
|
|
|
static Color get successLightColor => successColor;
|
|
|
|
|
static Color get thumbColor => successColor;
|
|
|
|
|
static Color get chipColorMonitor => successColor;
|
|
|
|
|
static Color get greyLightColor => greyColor;
|
|
|
|
|
static Color get alertLightColor => alertColor;
|
|
|
|
|
static Color get infoLightColor => infoColor;
|
|
|
|
|
static Color get warningLightColor => warningColor;
|
|
|
|
|
|
|
|
|
|
// ── Dark Mode Palette ─────────────────────────────────────────────────────
|
|
|
|
|
static const AppColorsDark dark = AppColorsDark();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
|
// Dark palette — mirrors every color in AppColors with a dark-friendly value.
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
|
class AppColorsDark {
|
|
|
|
|
const AppColorsDark();
|
|
|
|
|
|
|
|
|
|
// Scaffold / Background
|
|
|
|
|
Color get scaffoldBgColor => const Color(0xFF191919);
|
|
|
|
|
Color get bottomSheetBgColor => const Color(0xFF1C1C1E);
|
|
|
|
|
Color get lightGreyEFColor => const Color(0xFF2A2A3A);
|
|
|
|
|
Color get greyF7Color => const Color(0xFF1E1E1E);
|
|
|
|
|
Color get greyInfoTextColor => const Color(0xFF9E9E9E);
|
|
|
|
|
Color get lightGrayColor => const Color(0xFF9E9E9E);
|
|
|
|
|
Color get greyTextColorLight => const Color(0xFF757575);
|
|
|
|
|
|
|
|
|
|
// ⚠️ NEW — was missing from AppColorsDark
|
|
|
|
|
Color get mainPurple => const Color(0xFF9B7AFF); // brighter purple for dark surfaces
|
|
|
|
|
|
|
|
|
|
// Core
|
|
|
|
|
Color get baseColor => const Color(0xFF1E1E1E);
|
|
|
|
|
// ⚠️ NEW — maps whiteColor → dark surface color
|
|
|
|
|
Color get whiteColor => const Color(0xFF1E1E1E); // surface replacement for white
|
|
|
|
|
Color get primaryRedColor => const Color(0xFFDE5C5D);
|
|
|
|
|
Color get secondaryLightRedColor => const Color(0xFF3A1015);
|
|
|
|
|
Color get successColor => const Color(0xFF18C273);
|
|
|
|
|
Color get successLightBgColor => const Color(0xFF0D2E1F);
|
|
|
|
|
Color get textColor => const Color(0xFFFFFFFF);
|
|
|
|
|
Color get iconColor => const Color(0xFFFFFFFF);
|
|
|
|
|
Color get borderGrayColor => const Color(0x55ECECEC);
|
|
|
|
|
Color get textColorLight => const Color(0xFFB0B0B0);
|
|
|
|
|
Color get dividerColor => const Color(0x33FFFFFF);
|
|
|
|
|
Color get warningColorYellow => const Color(0xFFF4A308);
|
|
|
|
|
Color get inputLabelTextColor => const Color(0xFF9E9E9E);
|
|
|
|
|
Color get greyTextColor => const Color(0xFF8F9AA3);
|
|
|
|
|
Color get lightGrayBGColor => const Color(0x22FFFFFF);
|
|
|
|
|
Color get checkBoxBorderColor => const Color(0xFF555555);
|
|
|
|
|
Color get pharmacyBGColor => const Color(0xFF359846);
|
|
|
|
|
// ⚠️ NEW — was missing from AppColorsDark
|
|
|
|
|
Color get lightGreenColor => const Color(0xFF0ccedde); // same teal accent — works on dark
|
|
|
|
|
Color get ratingColorYellow => const Color(0xFFFFAF15);
|
|
|
|
|
Color get spacerLineColor => const Color(0x22FFFFFF);
|
|
|
|
|
|
|
|
|
|
// Semantic / Status
|
|
|
|
|
Color get errorColor => const Color(0xFFD63D48);
|
|
|
|
|
Color get alertColor => const Color(0xFFD48D05);
|
|
|
|
|
Color get infoColor => const Color(0xFF4DA6FF);
|
|
|
|
|
Color get warningColor => const Color(0xFFFFCC00);
|
|
|
|
|
Color get greyColor => const Color(0xFF2C2C2E);
|
|
|
|
|
Color get chipBgColor => const Color(0xFF3E3E3E);
|
|
|
|
|
Color get cardDarkBorderColor => const Color(0x0DEAEAEA);
|
|
|
|
|
Color get serviceCardButtonColor => const Color(0xFF3E3E3E);
|
|
|
|
|
Color get switchBackgroundColor => const Color(0x2618C273);
|
|
|
|
|
Color get bottomNAVBorder => const Color(0xFF2C2C2E);
|
|
|
|
|
Color get quickLoginColor => const Color(0xFF9E9E9E);
|
|
|
|
|
Color get tooltipTextColor => const Color(0xFFCFD8DC);
|
|
|
|
|
Color get graphGridColor => const Color(0x4D18C273);
|
|
|
|
|
Color get highAndLow => const Color(0xFFFFAF15);
|
|
|
|
|
Color get labelTextColor => const Color(0xFF9E9E9E);
|
|
|
|
|
Color get calenderTextColor => const Color(0xFF555555);
|
|
|
|
|
Color get lightGreenButtonColor => const Color(0x2618C273);
|
|
|
|
|
Color get lightRedButtonColor => const Color(0x1AED1C2B);
|
|
|
|
|
|
|
|
|
|
// Status
|
|
|
|
|
Color get statusPendingColor => const Color(0xFFCC9B14);
|
|
|
|
|
Color get statusProcessingColor => const Color(0xFFECECEC);
|
|
|
|
|
Color get statusCompletedColor => const Color(0xFF359846);
|
|
|
|
|
Color get statusRejectedColor => const Color(0xFFD02127);
|
|
|
|
|
|
|
|
|
|
// Info Banner
|
|
|
|
|
Color get infoBannerBgColor => const Color(0xFF2A1F0A);
|
|
|
|
|
Color get infoBannerBorderColor => const Color(0xFF5A3D0A);
|
|
|
|
|
Color get infoBannerIconColor => const Color(0xFFCC9B14);
|
|
|
|
|
Color get infoBannerTextColor => const Color(0xFFFFCB6B);
|
|
|
|
|
|
|
|
|
|
// Symptoms Checker
|
|
|
|
|
Color get chipColorSeekMedicalAdvice => const Color(0xFFFFAF15);
|
|
|
|
|
Color get chipTextColorSeekMedicalAdvice => const Color(0xFFD48D05);
|
|
|
|
|
|
|
|
|
|
// Services Page
|
|
|
|
|
Color get eReferralCardColor => const Color(0xFFFF8012);
|
|
|
|
|
Color get bloodDonationCardColor => const Color(0xFFFF5662);
|
|
|
|
|
Color get myChildVaccineCardColor => const Color(0xFFFF2D78);
|
|
|
|
|
Color get bookAppointment => const Color(0xFF415364);
|
|
|
|
|
|
|
|
|
|
// Water Monitor
|
|
|
|
|
Color get blueColor => const Color(0xFF4EB5FF);
|
|
|
|
|
Color get blueGradientColorOne => const Color(0xFF101C2A);
|
|
|
|
|
Color get blueGradientColorTwo => const Color(0xFF0D2235);
|
|
|
|
|
|
|
|
|
|
// Shimmer
|
|
|
|
|
Color get shimmerBaseColor => const Color(0xFF2C2C2C);
|
|
|
|
|
Color get shimmerHighlightColor => const Color(0xFF3D3D3D);
|
|
|
|
|
Color get covid29Color => const Color(0xFF2563EB);
|
|
|
|
|
Color get lightGreyTextColor => const Color(0xFF757575);
|
|
|
|
|
Color get labelColorYellow => const Color(0xFFFBCB6E);
|
|
|
|
|
|
|
|
|
|
// Aliases
|
|
|
|
|
Color get bgScaffoldColor => scaffoldBgColor;
|
|
|
|
|
Color get primaryRedBorderColor => primaryRedColor;
|
|
|
|
|
Color get chipPrimaryRedBorderColor => primaryRedColor;
|
|
|
|
|
Color get criticalLowAndHigh => primaryRedColor;
|
|
|
|
|
Color get chipColorEmergency => primaryRedColor;
|
|
|
|
|
Color get errorLightColor => primaryRedColor;
|
|
|
|
|
Color get secondaryLightRedBorderColor => secondaryLightRedColor;
|
|
|
|
|
Color get bgRedLightColor => secondaryLightRedColor;
|
|
|
|
|
Color get chipSecondaryLightRedColor => secondaryLightRedColor;
|
|
|
|
|
Color get blackBgColor => textColor;
|
|
|
|
|
Color get blackColor => textColor;
|
|
|
|
|
Color get borderOnlyColor => textColor;
|
|
|
|
|
Color get chipBorderColorOpacity20 => borderGrayColor;
|
|
|
|
|
Color get bgGreenColor => successColor;
|
|
|
|
|
Color get textGreenColor => successColor;
|
|
|
|
|
Color get successLightColor => successColor;
|
|
|
|
|
Color get thumbColor => successColor;
|
|
|
|
|
Color get chipColorMonitor => successColor;
|
|
|
|
|
Color get greyLightColor => greyColor;
|
|
|
|
|
Color get alertLightColor => alertColor;
|
|
|
|
|
Color get infoLightColor => infoColor;
|
|
|
|
|
Color get warningLightColor => warningColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
|
// BuildContext extension — resolves the right palette based on theme brightness
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
|
|
|
extension AppColorsContext on BuildContext {
|
|
|
|
|
bool get _isDark => Theme.of(this).brightness == Brightness.dark;
|
|
|
|
|
|
|
|
|
|
// Scaffold / Background
|
|
|
|
|
Color get scaffoldBgColor => _isDark ? AppColors.dark.scaffoldBgColor : const Color(0xFFF8F8F8);
|
|
|
|
|
Color get bottomSheetBgColor => _isDark ? AppColors.dark.bottomSheetBgColor : const Color(0xFFF8F8FA);
|
|
|
|
|
Color get greyF7Color => _isDark ? AppColors.dark.greyF7Color : const Color(0xffF7F7F7);
|
|
|
|
|
Color get greyInfoTextColor => _isDark ? AppColors.dark.greyInfoTextColor : const Color(0xff777777);
|
|
|
|
|
Color get lightGrayColor => _isDark ? AppColors.dark.lightGrayColor : const Color(0xff808080);
|
|
|
|
|
|
|
|
|
|
// Core
|
|
|
|
|
Color get cardBaseColor => _isDark ? AppColors.dark.baseColor : const Color(0xFFFFFFFF);
|
|
|
|
|
Color get primaryRedColor => _isDark ? AppColors.dark.primaryRedColor : AppColors.primaryRedColor;
|
|
|
|
|
Color get secondaryLightRedColor => _isDark ? AppColors.dark.serviceCardButtonColor : const Color(0xFFFEE9EA);
|
|
|
|
|
Color get secondaryLightRedForegroundColor => _isDark ? const Color(0xFFFFFFFF) : AppColors.primaryRedColor;
|
|
|
|
|
Color get successColor => AppColors.successColor;
|
|
|
|
|
Color get successLightBgColor => _isDark ? AppColors.dark.successLightBgColor : const Color(0xffDDF6EA);
|
|
|
|
|
Color get textColor => _isDark ? AppColors.dark.textColor : const Color(0xFF2E3039);
|
|
|
|
|
Color get iconColor => _isDark ? AppColors.dark.iconColor : const Color(0xFF2E3039);
|
|
|
|
|
Color get borderGrayColor => _isDark ? AppColors.dark.borderGrayColor : const Color(0x332E3039);
|
|
|
|
|
Color get textColorLight => _isDark ? AppColors.dark.textColorLight : const Color(0xFF5E5E5E);
|
|
|
|
|
Color get dividerColor => _isDark ? AppColors.dark.dividerColor : const Color(0x40D2D2D2);
|
|
|
|
|
Color get inputLabelTextColor => _isDark ? AppColors.dark.inputLabelTextColor : const Color(0xff898A8D);
|
|
|
|
|
Color get greyTextColor => AppColors.greyTextColor;
|
|
|
|
|
Color get lightGrayBGColor => _isDark ? AppColors.dark.lightGrayBGColor : const Color(0x142E3039);
|
|
|
|
|
Color get checkBoxBorderColor => _isDark ? AppColors.dark.checkBoxBorderColor : const Color(0xffD2D2D2);
|
|
|
|
|
|
|
|
|
|
// Status / Semantic
|
|
|
|
|
Color get errorColor => _isDark ? AppColors.dark.errorColor : const Color(0xFFED1C2B);
|
|
|
|
|
Color get alertColor => AppColors.alertColor;
|
|
|
|
|
Color get infoColor => _isDark ? AppColors.dark.infoColor : const Color(0xFF0B85F7);
|
|
|
|
|
Color get warningColor => AppColors.warningColor;
|
|
|
|
|
Color get greyColor => _isDark ? AppColors.dark.greyColor : const Color(0xFFEFEFF0);
|
|
|
|
|
Color get chipBgColor => _isDark ? AppColors.dark.chipBgColor : const Color(0xFFEFEFF0);
|
|
|
|
|
Color get cardDarkBorderColor => _isDark ? AppColors.dark.cardDarkBorderColor : Colors.transparent;
|
|
|
|
|
Color get serviceCardButtonColor => _isDark ? AppColors.dark.serviceCardButtonColor : const Color(0xFF2E3039);
|
|
|
|
|
Color get bottomNAVBorder => _isDark ? AppColors.dark.bottomNAVBorder : const Color(0xFFEEEEEE);
|
|
|
|
|
Color get labelTextColor => _isDark ? AppColors.dark.labelTextColor : const Color(0xFF838383);
|
|
|
|
|
Color get lightGreyTextColor => _isDark ? AppColors.dark.lightGreyTextColor : const Color(0xFF959595);
|
|
|
|
|
|
|
|
|
|
// Info Banner
|
|
|
|
|
Color get infoBannerBgColor => _isDark ? AppColors.dark.infoBannerBgColor : const Color(0xFFFFF4E6);
|
|
|
|
|
Color get infoBannerBorderColor => _isDark ? AppColors.dark.infoBannerBorderColor : const Color(0xFFFFE5B4);
|
|
|
|
|
Color get infoBannerIconColor => AppColors.infoBannerIconColor;
|
|
|
|
|
Color get infoBannerTextColor => _isDark ? AppColors.dark.infoBannerTextColor : const Color(0xFF856404);
|
|
|
|
|
|
|
|
|
|
// Water Monitor
|
|
|
|
|
static const Color blueColor = Color(0xFF4EB5FF); // #4EB5FF
|
|
|
|
|
static const Color blueGradientColorOne = Color(0xFFF1F7FD); // #F1F7FD
|
|
|
|
|
static const Color blueGradientColorTwo = Color(0xFFD9EFFF); // #D9EFFF
|
|
|
|
|
Color get blueColor => AppColors.blueColor;
|
|
|
|
|
Color get blueGradientColorOne => _isDark ? AppColors.dark.blueGradientColorOne : const Color(0xFFF1F7FD);
|
|
|
|
|
Color get blueGradientColorTwo => _isDark ? AppColors.dark.blueGradientColorTwo : const Color(0xFFD9EFFF);
|
|
|
|
|
|
|
|
|
|
// Shimmer
|
|
|
|
|
static const Color shimmerBaseColor = Color(0xFFE0E0E0); // #E0E0E0
|
|
|
|
|
static const Color shimmerHighlightColor = Color(0xFFF5F5F5); // #F5F5F5
|
|
|
|
|
static const Color covid29Color = Color(0xff2563EB); // #2563EB
|
|
|
|
|
static const Color lightGreyTextColor = Color(0xFF959595);
|
|
|
|
|
static const Color labelColorYellow = Color(0xFFFBCB6E);
|
|
|
|
|
Color get shimmerBaseColor => _isDark ? AppColors.dark.shimmerBaseColor : const Color(0xFFE0E0E0);
|
|
|
|
|
Color get shimmerHighlightColor => _isDark ? AppColors.dark.shimmerHighlightColor : const Color(0xFFF5F5F5);
|
|
|
|
|
|
|
|
|
|
static const LinearGradient aiLinearGradient = LinearGradient(colors: [Color(0xFF8A38F5), Color(0xFFE20BBB)], begin: Alignment.topLeft, end: Alignment.bottomRight);
|
|
|
|
|
// Aliases
|
|
|
|
|
Color get bgScaffoldColor => scaffoldBgColor;
|
|
|
|
|
Color get bgGreenColor => successColor;
|
|
|
|
|
Color get bgRedLightColor => secondaryLightRedColor;
|
|
|
|
|
Color get blackColor => textColor;
|
|
|
|
|
Color get blackBgColor => textColor;
|
|
|
|
|
}
|
|
|
|
|
|