From ad6f4a437cf65afe77c35aee3aa3359d73795584 Mon Sep 17 00:00:00 2001
From: timmi <timmid999@gmail.com>
Date: Wed, 2 Apr 2025 01:01:56 -0700
Subject: [PATCH] Changed login colour and added notification icon on header.

---
 frontend/react-app/src/components/Header.jsx | 5 +++--
 frontend/react-app/src/login.css             | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/react-app/src/components/Header.jsx b/frontend/react-app/src/components/Header.jsx
index e3dbc6f..d1974fe 100644
--- a/frontend/react-app/src/components/Header.jsx
+++ b/frontend/react-app/src/components/Header.jsx
@@ -1,5 +1,5 @@
 import { useCookies } from 'react-cookie'
-import { Home, UserCircle, ListChecks, ShieldUser, LogOut } from "lucide-react";
+import { Home, UserCircle, ListChecks, ShieldUser, LogOut, Bell } from "lucide-react";
 
 function Header(){
     const [cookies, removeCookie] = useCookies(['userInfo'])
@@ -18,7 +18,8 @@ function Header(){
 
                 <ul className ='icon-nav'>
                     <li><a href="/home" title="Home"><Home/></a></li>
-                    <li><a href="/my-tasks" title="My Tasks"><ListChecks/></a></li>
+                    <li><a href="/my-tasks" title="My Tasks"><ListChecks /></a></li>
+                    <li><a href="/notifications" title="Notifications"><Bell /></a></li>
                     <li><a href="/profile" title="Profile"><UserCircle/></a></li>
 
                     {cookies.userInfo.role === 'admin' && (
diff --git a/frontend/react-app/src/login.css b/frontend/react-app/src/login.css
index 3d4aae2..60db239 100644
--- a/frontend/react-app/src/login.css
+++ b/frontend/react-app/src/login.css
@@ -40,7 +40,7 @@
     height: 100%;
     width: 100%;
     /* background-color: #5f577a; */
-    background-color: #1f6e76;
+    background-color: #3B3355;
 }
 
 #loginForm {