merge master: fix dark mode colors in delete modal (#125)

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

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">

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>