From 64058814252256bf1d7de8331be3cbc20b988d2a Mon Sep 17 00:00:00 2001
From: Martin <2026226+martin-mfg@users.noreply.github.com>
Date: Sat, 7 Mar 2026 16:09:57 +0100
Subject: [PATCH] fix dark mode colors in delete modal (#124)

In dark mode, the text and horizontal line in the delete account modal
were not dark enough.
I also removed references to an undefined css class.
---
 apps/frontend/src/pages/App/Header.tsx                       | 2 +-
 apps/frontend/src/pages/Home/Home.tsx                        | 5 +----
 .../src/pages/Home/stages/Login/LoginAccountDeleteModal.tsx  | 4 ++--
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/pages/App/Header.tsx b/apps/frontend/src/pages/App/Header.tsx
index ba4c3b66..d99b9b63 100644
--- a/apps/frontend/src/pages/App/Header.tsx
+++ b/apps/frontend/src/pages/App/Header.tsx
@@ -19,7 +19,7 @@ export function Header({
 }: HeaderProps): JSX.Element {
   return (
     <>
-      <div className="text-gray-100 bg-gray-800 shadow-md body-font z-50">
+      <div className="text-gray-100 bg-gray-800 shadow-md z-50">
         <div className="px-5 py-2 flex flex-wrap">
           {/* Logo */}
           <a
diff --git a/apps/frontend/src/pages/Home/Home.tsx b/apps/frontend/src/pages/Home/Home.tsx
index b9fc1345..e73cb397 100644
--- a/apps/frontend/src/pages/Home/Home.tsx
+++ b/apps/frontend/src/pages/Home/Home.tsx
@@ -228,10 +228,7 @@ export function HomeScreen({ stage, setStage }: HomeScreenProps): JSX.Element {
   }
 
   return (
-    <div
-      ref={contentSectionRef}
-      className="h-full px-2 lg:px-8 text-gray-600 body-font"
-    >
+    <div ref={contentSectionRef} className="h-full px-2 lg:px-8 text-gray-600">
       <div className="flex flex-col">
         <div className="m-4 rounded-sm">
           <div className="lg:p-4">
diff --git a/apps/frontend/src/pages/Home/stages/Login/LoginAccountDeleteModal.tsx b/apps/frontend/src/pages/Home/stages/Login/LoginAccountDeleteModal.tsx
index 066b1d7b..3bd65172 100644
--- a/apps/frontend/src/pages/Home/stages/Login/LoginAccountDeleteModal.tsx
+++ b/apps/frontend/src/pages/Home/stages/Login/LoginAccountDeleteModal.tsx
@@ -45,10 +45,10 @@ export function LoginAccountDeleteModal(
     <div className="fixed left-0 top-0 w-full h-full">
       <div className="w-full h-full flex justify-center items-center">
         <div
-          className="w-96 p-4 bg-white rounded-sm border-2 border-gray-200"
+          className="w-96 p-4 bg-white rounded-sm border-2 border-gray-200 text-gray-700"
           ref={wrapperRef}
         >
-          <p className="mb-1 text-2xl text-gray-700">Delete Account</p>
+          <p className="mb-1 text-2xl">Delete Account</p>
           <hr />
           <br />
           <p>