From 3fb01a3022a3f47c0e1e6e76771a35fce23a128b Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Fri, 29 Dec 2023 23:58:38 -0400
Subject: content: generateColorStyleAttribute

---
 .../dependencies/generateGroupSidebarCategoryDetails.js      | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

(limited to 'src/content/dependencies/generateGroupSidebarCategoryDetails.js')

diff --git a/src/content/dependencies/generateGroupSidebarCategoryDetails.js b/src/content/dependencies/generateGroupSidebarCategoryDetails.js
index 19c5447c..69de373b 100644
--- a/src/content/dependencies/generateGroupSidebarCategoryDetails.js
+++ b/src/content/dependencies/generateGroupSidebarCategoryDetails.js
@@ -2,7 +2,7 @@ import {empty, stitchArrays} from '#sugar';
 
 export default {
   contentDependencies: [
-    'generateColorStyleVariables',
+    'generateColorStyleAttribute',
     'linkGroup',
     'linkGroupGallery',
   ],
@@ -11,8 +11,8 @@ export default {
 
   relations(relation, category) {
     return {
-      colorVariables:
-        relation('generateColorStyleVariables'),
+      colorStyle:
+        relation('generateColorStyleAttribute', category.color),
 
       groupInfoLinks:
         category.groups.map(group =>
@@ -30,7 +30,6 @@ export default {
     const data = {};
 
     data.name = category.name;
-    data.color = category.color;
 
     data.isCurrentCategory = category === group.category;
 
@@ -54,10 +53,7 @@ export default {
 
       [
         html.tag('summary',
-          {style:
-            relations.colorVariables
-              .slot('color', data.color)
-              .content},
+          relations.colorStyle,
 
           html.tag('span',
             language.$('groupSidebar.groupList.category', {
-- 
cgit 1.3.0-6-gf8a5