From 5c713071cbdb3bc6a1add38554f7c96d13341514 Mon Sep 17 00:00:00 2001
From: ben7sys <ben@7sys.de>
Date: Mon, 25 Nov 2024 00:31:46 +0100
Subject: [PATCH] slight css changes

---
 public/css/header.css    |  2 +-
 public/css/variables.css | 30 +++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/public/css/header.css b/public/css/header.css
index d47af7f..baa7cce 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -67,7 +67,7 @@ header {
     padding: var(--space-xs) var(--space-sm);
     border-radius: var(--radius-md);
     position: relative;
-    background-color: rgba(var(--bg-hover-nav));
+    background-color: rgba(var(--header-gradient-1));
     letter-spacing: 0.3px;
 }
 
diff --git a/public/css/variables.css b/public/css/variables.css
index 3105dbd..e746279 100644
--- a/public/css/variables.css
+++ b/public/css/variables.css
@@ -68,15 +68,15 @@
     --primary-gradient-3: rgba(87, 67, 237); /* #5743ed; */
     --primary-gradient-4: rgba(120, 77, 237); /* #784ded; */
     
-    --bg-main: #f8f8f8;
-    --bg-card: #f1f1f1;
-    --text: #333333;
-    --text-muted: #666666;
-    --header-gradient-1: rgba(237, 237, 237, 0.9);
-    --header-gradient-2: rgba(228, 228, 228, 0.9);
-    --border-color: rgba(58, 123, 224, 0.1);
-    --bg-hover-rgb: 237, 237, 237;
-    --bg-hover-nav: 207, 207, 207;
+    --bg-main: rgba(242, 242, 242, 1);         /* #f2f2f2 */
+    --bg-card: rgba(232, 232, 232, 1);         /* #e8e8e8 */
+    --text: rgba(43, 43, 43, 1);               /* #2b2b2b */
+    --text-muted: rgba(89, 89, 89, 1);         /* #595959 */
+    --header-gradient-1: rgba(242, 242, 242, 0.9);
+    --header-gradient-2: rgba(232, 232, 232, 0.9);
+    --border-color: rgba(58, 123, 224, 0.15);
+    --bg-hover-rgb: rgba(242, 242, 242, 1);
+    --bg-hover-nav: rgba(232, 232, 232, 1);
 
     /* Language Switcher Specific */
     --lang-switcher-bg: var(--bg-card);
@@ -98,14 +98,14 @@
 
 /* Dark Theme */
 [data-theme="dark"] {
-    --bg-main: #0a0a0a;
-    --bg-card: #141414;
-    --text: #e0e0e0;
-    --text-muted: #888888;
+    --bg-main: rgba(10, 10, 10, 1);            /* #0a0a0a */
+    --bg-card: rgba(20, 20, 20, 1);            /* #141414 */
+    --text: rgba(224, 224, 224, 1);            /* #e0e0e0 */
+    --text-muted: rgba(136, 136, 136, 1);      /* #888888 */
     --header-gradient-1: rgba(14, 14, 14, 0.9);
     --header-gradient-2: rgba(41, 41, 41, 0.9);
-    --bg-hover-rgb: 17, 17, 17;
-    --bg-hover-nav: 20, 20, 20;
+    --bg-hover-rgb: rgba(17, 17, 17, 1);
+    --bg-hover-nav: rgba(20, 20, 20, 1);
 
     /* Language Switcher Dark Theme */
     --lang-switcher-bg: var(--bg-card);