Fix colors on login / signup pages

2 files changed, 5 insertions, 8 deletions

diff --git a/ufund-ui/src/app/components/login/login.component.css b/ufund-ui/src/app/components/login/login.component.css
index fc1d9da..f38865b 100644
--- a/ufund-ui/src/app/components/login/login.component.css
+++ b/ufund-ui/src/app/components/login/login.component.css
@@ -8,7 +8,6 @@
     background-color: transparent;
     background-blend-mode: darken;
     margin-top: -150px;
-    overflow: hidden;
 }
 
 #bg-cr {
@@ -40,10 +39,9 @@
     min-height: 50vh;
     margin-top: 15vh;
     gap: 10px;
-    /* background-color: var(--background-color); */
+    background-color: color-mix(in srgb, var(--background-color), transparent 50%);
     backdrop-filter: blur(10px);
     padding: 50px 40px;
-    color: white;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
@@ -71,4 +69,4 @@
     text-decoration: underline;
     text-decoration-thickness: 1px;
     text-decoration-color: var(--highlight-color);
-}
\ No newline at end of file
+}
diff --git a/ufund-ui/src/app/components/signup/signup.component.css b/ufund-ui/src/app/components/signup/signup.component.css
index aa90e04..207135f 100644
--- a/ufund-ui/src/app/components/signup/signup.component.css
+++ b/ufund-ui/src/app/components/signup/signup.component.css
@@ -15,14 +15,13 @@
     flex-direction: column;
     max-width: 500px;
     gap: 10px;
-    backdrop-filter: blur(25px);
-    background-color: rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(10px);
+    background-color: color-mix(in srgb, var(--background-color), transparent 50%);
     padding: 30px;
-    color: white;
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
-    border-color: rgb(140, 140, 255);
+    border-color: var(--highlight-color);
 
     & > div {
         display: flex;