michael/Athena-Deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bring classic dashboard gradients into Athena theme

Browse Source
This commit is contained in:
Mikei386
2026-09-30 10:04:38 +02:00
parent cbcd5a0131
commit 459150975b
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+1 -1
View File
@@ -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{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} .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} .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}} @media(max-width:700px){.theme-options{grid-template-columns:1fr}}
themes.css
+16
View File
@@ -75,3 +75,19 @@
--deck-tone-ffc1a7: #ff6b7a; --deck-tone-ffc1a7: #ff6b7a;
--deck-tone-ffd5bf: #d8dfe6; --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);
}