From 255b04c98f26eb8127074f78df96b6d6f6362d98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Sedl=C3=A1k?= <michalsedlak35@gmail.com>
Date: Wed, 14 Oct 2026 22:42:58 +0200
Subject: [PATCH] Adjust background: outer gradient fade, inner container dark,
 add CSS vars for container, fix light mode text colors

---
 Web/css/modern.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/Web/css/modern.css b/Web/css/modern.css
index 842fef6..43002d2 100644
--- a/Web/css/modern.css
+++ b/Web/css/modern.css
@@ -6,10 +6,12 @@
     --text-light: #e5e7eb;
 /* Add dark blue variable */
     --bg-darkblue: #1e3a8a;
+    --container-bg: rgba(0,0,0,0.85);
+    --container-border: var(--primary-blue);
 }
 
 body {
-    background: var(--bg-dark);
+    background: linear-gradient(135deg, var(--bg-dark), var(--bg-darkblue));
     color: var(--text-light);
     min-height: 100vh;
     font-family: system-ui, sans-serif;
@@ -54,8 +56,8 @@ a:hover, .btn:hover, .nav-link:hover {
 /* Main window styling (window within window) */
 .custom-container.dark-box {
     margin: 2rem;
-    background: linear-gradient(135deg, rgba(13,17,23,0.9), rgba(30,58,138,0.7));
-    border: 2px solid var(--primary-blue);
+    background: var(--container-bg);
+    border: 2px solid var(--container-border);
     border-radius: var(--border-radius);
     padding: 1rem;
     backdrop-filter: blur(6px);
@@ -65,6 +67,8 @@ a:hover, .btn:hover, .nav-link:hover {
 html[data-bs-theme="light"] {
     --bg-light: #f8f9fa;
     --bg-light2: #ffffff;
+    --container-bg: rgba(255,255,255,0.85);
+    --container-border: var(--primary-blue);
     --text-dark: #212529;
 }
 html[data-bs-theme="light"] body {