content, css: colorize summary `span > b` instead of .group-name

8 files changed, 18 insertions, 19 deletions

diff --git a/src/content/dependencies/generateAdditionalFilesListChunk.js b/src/content/dependencies/generateAdditionalFilesListChunk.js
index e66560fc..507b2329 100644
--- a/src/content/dependencies/generateAdditionalFilesListChunk.js
+++ b/src/content/dependencies/generateAdditionalFilesListChunk.js
@@ -29,8 +29,7 @@ export default {
               html.tag('span',
                 language.$(capsule, {
                   title:
-                    html.tag('span', {class: 'group-name'},
-                      slots.title),
+                    html.tag('b', slots.title),
                 }))),
 
             html.tag('ul', [
diff --git a/src/content/dependencies/generateAlbumSidebarTrackSection.js b/src/content/dependencies/generateAlbumSidebarTrackSection.js
index d0c46060..bb788d65 100644
--- a/src/content/dependencies/generateAlbumSidebarTrackSection.js
+++ b/src/content/dependencies/generateAlbumSidebarTrackSection.js
@@ -58,7 +58,7 @@ export default {
     const capsule = language.encapsulate('albumSidebar.trackList');
 
     const sectionName =
-      html.tag('span', {class: 'group-name'},
+      html.tag('b',
         (data.isDefaultTrackSection
           ? language.$(capsule, 'fallbackSectionName')
           : data.name));
diff --git a/src/content/dependencies/generateFlashActSidebarCurrentActBox.js b/src/content/dependencies/generateFlashActSidebarCurrentActBox.js
index c5426a41..6d152c7c 100644
--- a/src/content/dependencies/generateFlashActSidebarCurrentActBox.js
+++ b/src/content/dependencies/generateFlashActSidebarCurrentActBox.js
@@ -44,10 +44,11 @@ export default {
 
           [
             html.tag('summary',
-              html.tag('span', {class: 'group-name'},
-                (data.customListTerminology
-                  ? language.sanitize(data.customListTerminology)
-                  : language.$('flashSidebar.flashList.entriesInThisSection')))),
+              html.tag('span',
+                html.tag('b',
+                  (data.customListTerminology
+                    ? language.sanitize(data.customListTerminology)
+                    : language.$('flashSidebar.flashList.entriesInThisSection'))))),
 
             html.tag('ul',
               relations.flashLinks
diff --git a/src/content/dependencies/generateFlashActSidebarSideMapBox.js b/src/content/dependencies/generateFlashActSidebarSideMapBox.js
index 3d261ec3..7b26ef31 100644
--- a/src/content/dependencies/generateFlashActSidebarSideMapBox.js
+++ b/src/content/dependencies/generateFlashActSidebarSideMapBox.js
@@ -68,8 +68,8 @@ export default {
 
               [
                 html.tag('summary',
-                  html.tag('span', {class: 'group-name'},
-                    sideName)),
+                  html.tag('span',
+                    html.tag('b', sideName))),
 
                 html.tag('ul',
                   actLinks.map((actLink, actIndex) =>
diff --git a/src/content/dependencies/generateGroupSidebarCategoryDetails.js b/src/content/dependencies/generateGroupSidebarCategoryDetails.js
index d52c77b8..208ccd07 100644
--- a/src/content/dependencies/generateGroupSidebarCategoryDetails.js
+++ b/src/content/dependencies/generateGroupSidebarCategoryDetails.js
@@ -59,8 +59,7 @@ export default {
             html.tag('span',
               language.$(capsule, 'category', {
                 category:
-                  html.tag('span', {class: 'group-name'},
-                    data.name),
+                  html.tag('b', data.name),
               }))),
 
           html.tag('ul',
diff --git a/src/content/dependencies/generateListAllAdditionalFilesChunk.js b/src/content/dependencies/generateListAllAdditionalFilesChunk.js
index 659cf4e5..deb8c4ea 100644
--- a/src/content/dependencies/generateListAllAdditionalFilesChunk.js
+++ b/src/content/dependencies/generateListAllAdditionalFilesChunk.js
@@ -64,8 +64,7 @@ export default {
                           html.tag('span',
                             language.$(capsule, 'withMultipleFiles', {
                               title:
-                                html.tag('span', {class: 'group-name'},
-                                  additionalFileTitle),
+                                html.tag('b', additionalFileTitle),
 
                               files:
                                 language.countAdditionalFiles(
diff --git a/src/content/dependencies/generateListingIndexList.js b/src/content/dependencies/generateListingIndexList.js
index ed153652..78622e6e 100644
--- a/src/content/dependencies/generateListingIndexList.js
+++ b/src/content/dependencies/generateListingIndexList.js
@@ -107,8 +107,8 @@ export default {
 
                 [
                   html.tag('summary',
-                    html.tag('span', {class: 'group-name'},
-                      targetTitle)),
+                    html.tag('span',
+                      html.tag('b', targetTitle))),
 
                   listingLinkList,
                 ])));
diff --git a/src/static/css/site.css b/src/static/css/site.css
index d9b3bff0..99f14e47 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -397,6 +397,11 @@ body::before {
   padding-left: 5px;
 }
 
+summary > span b {
+  font-weight: normal;
+  color: var(--primary-color);
+}
+
 summary > span:hover {
   cursor: pointer;
   text-decoration: underline;
@@ -433,10 +438,6 @@ summary.underline-white > span:hover a:not(:hover) {
   text-decoration-color: white;
 }
 
-summary .group-name {
-  color: var(--primary-color);
-}
-
 .sidebar > details ul,
 .sidebar > details ol {
   margin-top: 0;