micalis/USB-RAID-Array
1
0
Fork 0
mirror of https://github.com/michalcz10/USB-RAID-Array.git synced 2026-11-11 07:59:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust background: outer gradient fade, inner container dark, add CSS vars for container, fix light mode text colors

Browse Source
This commit is contained in:
Michal Sedlák
2026-10-14 22:42:58 +02:00
parent c4c4f0f7e5
commit 255b04c98f
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/css/modern.css
+7 -3
View File
@@ -6,10 +6,12 @@
--text-light: #e5e7eb; --text-light: #e5e7eb;
/* Add dark blue variable */ /* Add dark blue variable */
--bg-darkblue: #1e3a8a; --bg-darkblue: #1e3a8a;
--container-bg: rgba(0,0,0,0.85);
--container-border: var(--primary-blue);
} }
body { body {
background: var(--bg-dark); background: linear-gradient(135deg, var(--bg-dark), var(--bg-darkblue));
color: var(--text-light); color: var(--text-light);
min-height: 100vh; min-height: 100vh;
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
@@ -54,8 +56,8 @@ a:hover, .btn:hover, .nav-link:hover {
/* Main window styling (window within window) */ /* Main window styling (window within window) */
.custom-container.dark-box { .custom-container.dark-box {
margin: 2rem; margin: 2rem;
background: linear-gradient(135deg, rgba(13,17,23,0.9), rgba(30,58,138,0.7)); background: var(--container-bg);
border: 2px solid var(--primary-blue); border: 2px solid var(--container-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
padding: 1rem; padding: 1rem;
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
@@ -65,6 +67,8 @@ a:hover, .btn:hover, .nav-link:hover {
html[data-bs-theme="light"] { html[data-bs-theme="light"] {
--bg-light: #f8f9fa; --bg-light: #f8f9fa;
--bg-light2: #ffffff; --bg-light2: #ffffff;
--container-bg: rgba(255,255,255,0.85);
--container-border: var(--primary-blue);
--text-dark: #212529; --text-dark: #212529;
} }
html[data-bs-theme="light"] body { html[data-bs-theme="light"] body {