aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2025-04-07 11:52:24 -0400
committersowgro <tpoke.ferrari@gmail.com>2025-04-07 11:52:24 -0400
commit0d0959d6ac3e81869ba848371d9b6ea12710debc (patch)
tree39902f913129118815729237491fbf85d1efb963 /ufund-ui
parent5549a7b00b96cca229d09057bc08b55d30a0c349 (diff)
downloadJellySolutions-0d0959d6ac3e81869ba848371d9b6ea12710debc.tar.gz
JellySolutions-0d0959d6ac3e81869ba848371d9b6ea12710debc.tar.bz2
JellySolutions-0d0959d6ac3e81869ba848371d9b6ea12710debc.zip
Fix colors on login / signup pages
Diffstat (limited to 'ufund-ui')
-rw-r--r--ufund-ui/src/app/components/login/login.component.css6
-rw-r--r--ufund-ui/src/app/components/signup/signup.component.css7
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;