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}&ndash;${startIndex + tracks.length}`
                             })
                             : strings('albumSidebar.trackList.group', {
-                                group: name
+                                group: `<span class="group-name">${name}</span>`
                             }))
                     ),
                     fixWS`
-- 
cgit 1.3.0-6-gf8a5