From 99d1e39d8a63b2b7007ebaa2cc387663d2117d0f Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <towerofnix@gmail.com>
Date: Mon, 10 May 2021 13:49:17 -0300
Subject: color name of track groups in sidebar
very fansey :3
---
src/static/site.css | 5 +++++
src/upd8.js | 5 +++--
2 files changed, 8 insertions(+), 2 deletions(-)
(limited to 'src')
diff --git a/src/static/site.css b/src/static/site.css
index 4728410a..c964c512 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -349,9 +349,14 @@ footer > :last-child {
user-select: none;
}
+.sidebar > details summary .group-name {
+ color: var(--primary-color);
+}
+
.sidebar > details summary:hover {
cursor: pointer;
text-decoration: underline;
+ text-decoration-color: var(--primary-color);
}
.sidebar > details ul,
diff --git a/src/upd8.js b/src/upd8.js
index 6eea053a..279b0053 100755
--- a/src/upd8.js
+++ b/src/upd8.js
@@ -5772,13 +5772,14 @@ function generateSidebarForAlbum(album, currentTrack, {strings, to, wikiData}) {
class: tracks.includes(currentTrack) && 'current'
}, [
html.tag('summary',
+ {style: getLinkThemeString(color)},
(listTag === 'ol'
? strings('albumSidebar.trackList.group.withRange', {
- group: name,
+ group: `<span class="group-name">${name}</span>`,
range: `${startIndex + 1}–${startIndex + tracks.length}`
})
: strings('albumSidebar.trackList.group', {
- group: name
+ group: `<span class="group-name">${name}</span>`
}))
),
fixWS`
--
cgit 1.3.0-6-gf8a5