From 5097399ab3b1db93c3823cf7fadd65545f71f3cb Mon Sep 17 00:00:00 2001
From: Domingo Dirutigliano <me@domy.sh>
Date: Thu, 12 Sep 2024 21:22:27 +0200
Subject: [PATCH] fix: colors on background due to mantine css

---
 src/react/pages/LoginPage.tsx | 2 +-
 src/style/base.scss           | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/react/pages/LoginPage.tsx b/src/react/pages/LoginPage.tsx
index 0c869ec..ff1ad16 100644
--- a/src/react/pages/LoginPage.tsx
+++ b/src/react/pages/LoginPage.tsx
@@ -45,7 +45,7 @@ export const LoginPage = () => {
                     })
                 })
             }>
-                <Card className="md:px-20 md:py-16 bg-black bg-opacity-80 z-10 md:h-fit md:w-fit h-screen w-screen justify-center rounded-none px-5 md:rounded-xl">
+                <Card className="md:px-20 md:py-16 bg-black md:bg-opacity-60 bg-opacity-25 z-10 md:h-fit md:w-fit h-screen w-screen justify-center rounded-none px-5 md:rounded-xl">
                     <div className="flex flex-col opacity-100 justify-center items-center">
                         <img src="/assets/vectors/logo_big.svg" className="h-36 m-2 px-8 md:p-0 md:m-6" />
                         <p className="text-2xl md:text-3xl font-semibold mt-5">
diff --git a/src/style/base.scss b/src/style/base.scss
index c7eb635..6700820 100644
--- a/src/style/base.scss
+++ b/src/style/base.scss
@@ -149,4 +149,9 @@ html.multicolored-bg{
         transform: rotate(180deg) scale(18) translateX(40px);
         }
     }   
+}
+
+//Fix mantine on mobile
+:root{
+    color-scheme: unset !important;
 }
\ No newline at end of file