Use Mih Color Red

2025-08-14 09:58:28 +02:00
parent 6ba3da6368
commit 726c6f5213
46 changed files with 181 additions and 236 deletions
--- a/Frontend/lib/mih_components/mih_layout/mih_notification_drawer.dart
+++ b/Frontend/lib/mih_components/mih_layout/mih_notification_drawer.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_objects/app_user.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_objects/arguments.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_objects/notification.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
 import '../../main.dart';
 import 'package:supertokens_flutter/http.dart' as http;

@@ -101,7 +102,7 @@ class _MIHNotificationDrawerState extends State<MIHNotificationDrawer> {
        children: [
          Icon(
            Icons.circle_notifications,
-            color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+            color: MihColors.getRedColor(context),
          ),
          const SizedBox(
            width: 5,
--- a/Frontend/lib/mih_components/mih_package_components/Example/package_test.dart
+++ b/Frontend/lib/mih_components/mih_package_components/Example/package_test.dart
@@ -7,6 +7,7 @@ import 'package:mzansi_innovation_hub/mih_components/mih_package_components/Exam
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/Example/package_tools/package_tool_two.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_objects/arguments.dart';
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';

 class PackageTest extends StatefulWidget {
  // final AppUser user;
@@ -66,7 +67,7 @@ class _PackageTestState extends State<PackageTest> {
          alertIcon: Icon(
            Icons.warning_amber_rounded,
            size: 100,
-            color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+            color: MihColors.getRedColor(context),
          ),
          alertTitle: "Oops! Looks like some fields are missing.",
          alertBody: Column(
@@ -111,7 +112,7 @@ class _PackageTestState extends State<PackageTest> {
              ),
            ],
          ),
-          alertColour: MzansiInnovationHub.of(context)!.theme.errorColor(),
+          alertColour: MihColors.getRedColor(context),
        );
      },
    );
--- a/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart
+++ b/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart
@@ -721,8 +721,7 @@ class _PackageToolOneState extends State<PackageToolOne> {
                  onPressed: () {
                    print("Button Pressed");
                  },
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Click Me",
--- a/Frontend/lib/mih_components/mih_package_components/mih_floating_menu.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_floating_menu.dart
@@ -32,8 +32,7 @@ class _MihFloatingMenuState extends State<MihFloatingMenu> {
      direction: widget.direction ?? SpeedDialDirection.up,
      activeIcon: Icons.close,
      backgroundColor: MihColors.getGreenColor(context),
-      activeBackgroundColor:
-          MzansiInnovationHub.of(context)!.theme.errorColor(),
+      activeBackgroundColor: MihColors.getRedColor(context),
      foregroundColor: MzansiInnovationHub.of(context)!.theme.primaryColor(),
      overlayColor: Colors.black,
      overlayOpacity: 0.5,
--- a/Frontend/lib/mih_components/mih_package_components/mih_package_alert.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_package_alert.dart
@@ -1,5 +1,6 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';

 class MihPackageAlert extends StatefulWidget {
  final Widget alertIcon;
@@ -101,7 +102,7 @@ class _MihPackageAlertState extends State<MihPackageAlert> {
              },
              icon: Icon(
                Icons.close,
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                color: MihColors.getRedColor(context),
                size: 35,
              ),
            ),
--- a/Frontend/lib/mih_components/mih_package_components/mih_package_window.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_package_window.dart
@@ -3,6 +3,7 @@ import 'package:flutter_speed_dial/flutter_speed_dial.dart';
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_floating_menu.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';

 class MihPackageWindow extends StatefulWidget {
  final String windowTitle;
@@ -84,7 +85,7 @@ class _MihPackageWindowState extends State<MihPackageWindow> {
              child: IconButton.filled(
                style: ButtonStyle(
                  backgroundColor: WidgetStateProperty.all<Color>(
-                      MzansiInnovationHub.of(context)!.theme.errorColor()),
+                      MihColors.getRedColor(context)),
                ),
                color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
                iconSize: 20,
--- a/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_toggle.dart
@@ -85,7 +85,7 @@ class _MihToggleState extends State<MihToggle> {
              widget.readOnly == true ? Colors.grey : widget.secondaryFillColor,
          inactiveTrackColor: widget.readOnly == true
              ? Colors.grey.shade400
-              : MzansiInnovationHub.of(context)!.theme.errorColor(),
+              : MihColors.getRedColor(context),
          // activeColor: widget.secondaryFillColor,
          // activeTrackColor: widget.fillColor,
          // inactiveThumbColor: widget.fillColor,
--- a/Frontend/lib/mih_components/mih_pop_up_messages/mih_delete_message.dart
+++ b/Frontend/lib/mih_components/mih_pop_up_messages/mih_delete_message.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
 import '../../main.dart';

 class MIHDeleteMessage extends StatefulWidget {
@@ -99,8 +100,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
                const SizedBox(height: 15),
                MihButton(
                  onPressed: widget.onTap,
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Delete",
@@ -127,7 +127,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -184,8 +184,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
                const SizedBox(height: 15),
                MihButton(
                  onPressed: widget.onTap,
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Delete",
@@ -212,7 +211,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -270,8 +269,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {

                MihButton(
                  onPressed: widget.onTap,
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Delete",
@@ -298,7 +296,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -355,8 +353,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
                const SizedBox(height: 15),
                MihButton(
                  onPressed: widget.onTap,
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Delete",
@@ -383,7 +380,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -440,8 +437,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
                const SizedBox(height: 15),
                MihButton(
                  onPressed: widget.onTap,
-                  buttonColor:
-                      MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  buttonColor: MihColors.getRedColor(context),
                  width: 300,
                  child: Text(
                    "Delete",
@@ -468,7 +464,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
--- a/Frontend/lib/mih_components/mih_pop_up_messages/mih_error_message.dart
+++ b/Frontend/lib/mih_components/mih_pop_up_messages/mih_error_message.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
 import '../../main.dart';

 class MIHErrorMessage extends StatefulWidget {
@@ -57,9 +58,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -68,14 +68,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 5),
                Text(
                  "Oops! Looks like some fields are missing.",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -137,7 +137,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -156,9 +156,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -167,14 +166,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 15),
                Text(
                  "Password Doesn't Meet Requirements",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -243,7 +242,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -262,9 +261,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -273,14 +271,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 15),
                Text(
                  "Let's Fix That Username",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -311,7 +309,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -330,9 +328,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -341,14 +338,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 15),
                Text(
                  "Oops! Invalid Email",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -379,7 +376,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -398,9 +395,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -409,14 +405,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //SizedBox(height: 15),
                Text(
                  "Email Already Exists",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -435,7 +431,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Text(
                  "Here are some things to keep in mind:",
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpSubtitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -466,7 +462,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -485,9 +481,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -496,14 +491,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //SizedBox(height: 15),
                Text(
                  "Passwords Don't Match",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -522,7 +517,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Text(
                  "Here are some things to keep in mind:",
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpSubtitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -554,7 +549,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -573,9 +568,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -584,14 +578,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //SizedBox(height: 15),
                Text(
                  "Uh oh! Login attempt unsuccessful.",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -610,7 +604,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Text(
                  "Here are some things to keep in mind:",
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpSubtitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -642,7 +636,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -661,9 +655,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -672,14 +665,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 15),
                Text(
                  "Internet Connection Lost!",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -698,7 +691,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Text(
                  "Here are a few things you can try:",
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpSubtitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -730,7 +723,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -749,9 +742,8 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
          decoration: BoxDecoration(
            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
-                color: MzansiInnovationHub.of(context)!.theme.errorColor(),
-                width: 5.0),
+            border:
+                Border.all(color: MihColors.getRedColor(context), width: 5.0),
          ),
          child: SingleChildScrollView(
            child: Column(
@@ -760,14 +752,14 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                Icon(
                  Icons.warning_amber_rounded,
                  size: popUpIconSize,
-                  color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                  color: MihColors.getRedColor(context),
                ),
                //const SizedBox(height: 15),
                Text(
                  "Location Services Not Enabled",
                  textAlign: TextAlign.center,
                  style: TextStyle(
-                    color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                    color: MihColors.getRedColor(context),
                    fontSize: popUpTitleSize,
                    fontWeight: FontWeight.bold,
                  ),
@@ -786,7 +778,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
                // Text(
                //   "Here are a few things you can try:",
                //   style: TextStyle(
-                //     color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+                //     color: MihColors.getRedColor(context),
                //     fontSize: popUpSubtitleSize,
                //     fontWeight: FontWeight.bold,
                //   ),
@@ -818,7 +810,7 @@ class _MIHErrorMessageState extends State<MIHErrorMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
--- a/Frontend/lib/mih_components/mih_pop_up_messages/mih_notification_message.dart
+++ b/Frontend/lib/mih_components/mih_pop_up_messages/mih_notification_message.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
 import '../../main.dart';
 import '../../mih_components/mih_objects/arguments.dart';

@@ -132,7 +133,7 @@ class _MIHNotificationMessageState extends State<MIHNotificationMessage>
    super.initState();
    setState(() {
      primary = MzansiInnovationHub.of(context)!.theme.primaryColor();
-      secondary = MzansiInnovationHub.of(context)!.theme.errorColor();
+      secondary = MihColors.getRedColor(context);
    });
    _animationController = AnimationController(
      vsync: this,
--- a/Frontend/lib/mih_components/mih_pop_up_messages/mih_warning_message.dart
+++ b/Frontend/lib/mih_components/mih_pop_up_messages/mih_warning_message.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
 import '../../main.dart';

 class MIHWarningMessage extends StatefulWidget {
@@ -109,7 +110,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -179,7 +180,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -249,7 +250,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -319,7 +320,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -389,7 +390,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),
@@ -459,7 +460,7 @@ class _MIHDeleteMessageState extends State<MIHWarningMessage> {
            },
            icon: Icon(
              Icons.close,
-              color: MzansiInnovationHub.of(context)!.theme.errorColor(),
+              color: MihColors.getRedColor(context),
              size: 35,
            ),
          ),