From 9fa0d047eb1482c2334201548020fbe1bacee71d Mon Sep 17 00:00:00 2001
From: Craig <cdmacfadyen@gmail.com>
Date: Tue, 15 Apr 2025 15:52:26 +0100
Subject: [PATCH] Update HeaderSimple and HeroTitle components: modify styles
 for header background and borders, streamline imports, and enhance color
 scheme for improved visual consistency.

---
 .../components/HeaderSimple/HeaderSimple.module.css    | 10 +++++-----
 .../src/components/HeaderSimple/HeaderSimple.tsx       |  3 +--
 .../src/components/HeroTitle/HeroTitle.tsx             |  2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.module.css b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.module.css
index ec9d1e2..5c8a89b 100644
--- a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.module.css
+++ b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.module.css
@@ -1,7 +1,7 @@
 .header {
     height: 56px;
-    background-color: var(--mantine-color-body);
-    border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    background-color: var(--mantine-other-headerBgColor);
+    border-bottom: 1px solid var(--mantine-other-headerBorderColor);
   }
   
   .inner {
@@ -17,16 +17,16 @@
     padding: 8px 12px;
     border-radius: var(--mantine-radius-sm);
     text-decoration: none;
-    color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
+    color: light-dark(var(--mantine-color-brand-gray-7), var(--mantine-color-brand-gray-0));
     font-size: var(--mantine-font-size-sm);
     font-weight: 500;
   
     @mixin hover {
-      background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+      background-color: light-dark(var(--mantine-color-brand-gray-1), var(--mantine-color-brand-gray-8));
     }
   
     [data-mantine-color-scheme] &[data-active] {
-      background-color: var(--mantine-color-blue-filled);
+      background-color: var(--mantine-other-navigationActiveColor);
       color: var(--mantine-color-white);
     }
   }
\ No newline at end of file
diff --git a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx
index 6e5bacb..3de1e82 100644
--- a/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx
+++ b/frontend/vite-template-master/src/components/HeaderSimple/HeaderSimple.tsx
@@ -1,5 +1,4 @@
-import { useState } from 'react';
-import { Burger, Container, Group, Anchor } from '@mantine/core';
+import { Anchor, Burger, Container, Group } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { MantineLogo } from '@mantinex/mantine-logo';
 import { ColorSchemeToggle } from '../ColorSchemeToggle/ColorSchemeToggle';
diff --git a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx
index 53f7d04..d23cb76 100644
--- a/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx
+++ b/frontend/vite-template-master/src/components/HeroTitle/HeroTitle.tsx
@@ -1,4 +1,4 @@
-import { Container, Group, Text } from '@mantine/core';
+import { Container, Text } from '@mantine/core';
 // import { GithubIcon } from '@mantinex/dev-icons';
 import classes from './HeroTitle.module.css';