Consolidate tool group colors to a single source of truth and remove legacy aliases - PR_26156_126-tool-group-color-ssot-consolidation

Author: ToolboxAid

assets/theme-v2/css/colors.css

@@ -148,45 +148,32 @@
   --accent: var(--pink)
 }
 
-.tool-group-ai,
-.tool-group-ai-learning {
+.tool-group-ai {
   --tool-group-color: var(--purple);
   --tool-group-accent: var(--purple)
 }
 
-.tool-group-audio,
-.tool-group-media,
-.tool-group-media-audio {
+.tool-group-audio {
   --tool-group-color: var(--orange);
   --tool-group-accent: var(--orange)
 }
 
-.tool-group-build-create,
-.tool-group-build,
-.tool-group-development-system {
+.tool-group-build {
   --tool-group-color: var(--red);
   --tool-group-accent: var(--red)
 }
 
-.tool-group-design,
-.tool-group-create,
-.tool-group-content,
-.tool-group-content-assets {
+.tool-group-design {
   --tool-group-color: var(--pink);
   --tool-group-accent: var(--pink)
 }
 
-.tool-group-marketplace,
-.tool-group-share,
-.tool-group-community-marketplace {
+.tool-group-marketplace {
   --tool-group-color: var(--gold);
   --tool-group-accent: var(--gold)
 }
 
-.tool-group-platform,
-.tool-group-test,
-.tool-group-account,
-.tool-group-platform-cloud {
+.tool-group-platform {
   --tool-group-color: var(--electric-blue);
   --tool-group-accent: var(--electric-blue)
 }

assets/theme-v2/css/panels.css

@@ -117,6 +117,10 @@
   border-radius: var(--radius-xl)
 }
 
+.tool-column[class*="tool-group-"] {
+  border-color: var(--tool-group-accent)
+}
+
 .tool-column.is-collapsed {
   overflow: hidden
 }
@@ -135,6 +139,11 @@
   gap: var(--space-12)
 }
 
+.tool-column[class*="tool-group-"] .tool-column-header {
+  border-bottom-color: var(--tool-group-accent);
+  background: color-mix(in srgb, var(--tool-group-color) 16%, var(--panel))
+}
+
 .tool-column-header h2,
 .tool-column-header h3 {
   margin: var(--space-0);
@@ -159,6 +168,14 @@
   padding: var(--space-10) var(--space-12)
 }
 
+.tool-column[class*="tool-group-"] details.vertical-accordion {
+  border-color: color-mix(in srgb, var(--tool-group-accent) 64%, var(--line))
+}
+
+.tool-column[class*="tool-group-"] details.vertical-accordion summary {
+  color: var(--tool-group-color)
+}
+
 .tool-column .accordion-body {
   padding: var(--space-0) var(--space-12) var(--space-10)
 }