From 459150975b268bcd926834768371067035bb264b Mon Sep 17 00:00:00 2001 From: Mikei386 <44135113+Mikei386@users.noreply.github.com> Date: Wed, 30 Sep 2026 10:04:38 +0200 Subject: [PATCH] Bring classic dashboard gradients into Athena theme --- style.css | 2 +- themes.css | 16 ++++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 751e7e1..4eddc79 100644 --- a/style.css +++ b/style.css @@ -36,5 +36,5 @@ nav a.nav-sub{padding-left:28px;font-size:12px;color:var(--deck-tone-a4bda8, #a4 .theme-preview{height:100px;display:flex;align-items:end;gap:10px;padding:15px;border-radius:9px;margin-bottom:8px} .theme-preview i{display:block;height:50px;flex:1;border-radius:6px}.theme-preview i:nth-child(2){height:70px}.theme-preview i:nth-child(3){height:35px} .deck-preview{background:#101416}.deck-preview i{background:#181f21;border:1px solid #303a37}.deck-preview i:nth-child(2){border-top:5px solid #c5edaf} -.classic-preview{background:radial-gradient(circle at 15% -10%,#183049,#070b11 70%)}.classic-preview i{background:#0d141e;border:1px solid #213044}.classic-preview i:nth-child(2){border-top:5px solid #45d7ff} +.classic-preview{background:radial-gradient(circle at 15% -10%,#183049 0,transparent 70%),#070b11}.classic-preview i{background:linear-gradient(145deg,#111b28,#0a1018);border:1px solid #213044}.classic-preview i:nth-child(2){border-top:5px solid #45d7ff} @media(max-width:700px){.theme-options{grid-template-columns:1fr}} diff --git a/themes.css b/themes.css index 1dca892..2b26ced 100644 --- a/themes.css +++ b/themes.css @@ -75,3 +75,19 @@ --deck-tone-ffc1a7: #ff6b7a; --deck-tone-ffd5bf: #d8dfe6; } + +/* The original dashboard used a blue glow behind subtly graded panels. */ +:root[data-theme="athena-classic"] body{ + background:radial-gradient(circle at 15% -10%,#183049 0,transparent 35%),#070b11; + background-attachment:fixed; +} +:root[data-theme="athena-classic"] .card, +:root[data-theme="athena-classic"] #deck-dashboard-host .card{ + background:linear-gradient(145deg,rgba(17,27,40,.96),rgba(10,16,24,.96)); +} +:root[data-theme="athena-classic"] #deck-dashboard-host .fill{ + background:linear-gradient(90deg,#45d7ff,#66e3a4); +} +:root[data-theme="athena-classic"] #deck-dashboard-host .fill.gpu-load{ + background:linear-gradient(90deg,#8b7cff,#45d7ff); +}