From 4cdf1cebe2b8ab8deef41b3e50a0f506290e89fb Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Sat, 20 Jul 2024 14:56:14 +0200
Subject: [PATCH] change colors

---
 dist/index.css |  8 +++++---
 src/base.css   | 16 +++++++++-------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/dist/index.css b/dist/index.css
index a4aa6359..ecd7f52a 100644
--- a/dist/index.css
+++ b/dist/index.css
@@ -1,11 +1,13 @@
 /* src/base.css */
 #home-page {
-  --surface: hsla(0, 0%, 100%, 50%);
-  --surface-hover: hsla(0, 0%, 91%, 50%);
-  --surface-active: hsla(0, 0%, 78%, 50%);
+  --background-transparent: hsla(0, 0%, 100%, 40%);
+  --surface: hsla(0, 0%, 100%, 40%);
+  --surface-hover: hsla(0, 0%, 91%, 40%);
+  --surface-active: hsla(0, 0%, 78%, 40%);
 }
 @media (prefers-color-scheme: dark) {
   #home-page {
+    --background-transparent: hsla(0, 0%, 5%, 30%);
     --surface: hsla(0, 0%, 5%, 30%);
     --surface-hover: hsla(0, 0%, 20%, 30%);
     --surface-active: hsla(0, 0%, 44%, 30%);
diff --git a/src/base.css b/src/base.css
index 6c2ce21a..67746a06 100644
--- a/src/base.css
+++ b/src/base.css
@@ -1,11 +1,13 @@
 #home-page {
-  --surface: hsla(0, 0%, 100%, 50%);
-  --surface-hover: hsla(0, 0%, 91%, 50%);
-  --surface-active: hsla(0, 0%, 78%, 50%);
+  --background-transparent: hsla(0, 0%, 100%, 40%);
+  --surface: hsla(0, 0%, 100%, 40%);
+  --surface-hover: hsla(0, 0%, 91%, 40%);
+  --surface-active: hsla(0, 0%, 78%, 40%);
 }
 
 @media (prefers-color-scheme: dark) {
   #home-page {
+    --background-transparent: hsla(0, 0%, 5%, 30%);
     --surface: hsla(0, 0%, 5%, 30%);
     --surface-hover: hsla(0, 0%, 20%, 30%);
     --surface-active: hsla(0, 0%, 44%, 30%);
@@ -40,10 +42,10 @@
 @media (prefers-color-scheme: dark) {
   #background {
     background-image: linear-gradient(
-        120deg,
-        hsla(210, 100%, 50%, 25%),
-        hsla(210, 100%, 50%, 15%),
-        transparent 70%
+      120deg,
+      hsla(210, 100%, 50%, 25%),
+      hsla(210, 100%, 50%, 15%),
+      transparent 70%
     );
   }
 }