Apply grouping colors to tool shell headers and accordion buttons - PR_26152_001-tool-group-colors-shell

ToolboxAid · ToolboxAid · commit 6dd50151b4f7 · 2026-06-01T10:49:44.000-04:00
diff --git a/GameFoundryStudio/assets/css/gamefoundrystudio.css b/GameFoundryStudio/assets/css/gamefoundrystudio.css
@@ -527,10 +527,25 @@ details.vertical-accordion[open] summary:after {
   order: 1
 }
 
+body[class*="tool-group-"] .tool-column-header h2,
+body[class*="tool-group-"] .tool-column-header h3 {
+  color: var(--tool-group-color)
+}
+
 .tool-column-header .horizontal-accordion-toggle {
   order: 2
 }
 
+body[class*="tool-group-"] .horizontal-accordion-toggle {
+  border-color: var(--tool-group-accent);
+  color: var(--tool-group-color)
+}
+
+body[class*="tool-group-"] details.vertical-accordion summary:after {
+  border-color: var(--tool-group-accent);
+  color: var(--tool-group-color)
+}
+
 .tool-column.is-collapsed .tool-column-header {
   height: 100%;
   min-height: 180px;
diff --git a/GameFoundryStudio/tools/ai-assistant.html b/GameFoundryStudio/tools/ai-assistant.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-ai-learning">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/animation-studio.html b/GameFoundryStudio/tools/animation-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/asset-studio.html b/GameFoundryStudio/tools/asset-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-content-assets">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/builder.html b/GameFoundryStudio/tools/builder.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/code-studio.html b/GameFoundryStudio/tools/code-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-development-system">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/creator.html b/GameFoundryStudio/tools/creator.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/game-builder.html b/GameFoundryStudio/tools/game-builder.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/game-design-studio.html b/GameFoundryStudio/tools/game-design-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/groups/configuration-admin.html b/GameFoundryStudio/tools/groups/configuration-admin.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../../assets/css/styles.css">
 </head>
 
-<body class="meaning-steel-gray">
+<body class="meaning-steel-gray tool-group-development-system">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/input-studio.html b/GameFoundryStudio/tools/input-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-development-system">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/midi-studio.html b/GameFoundryStudio/tools/midi-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-media-audio">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/object-vector-studio.html b/GameFoundryStudio/tools/object-vector-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/palette-manager.html b/GameFoundryStudio/tools/palette-manager.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-content-assets">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/particle-studio.html b/GameFoundryStudio/tools/particle-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-content-assets">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/publisher.html b/GameFoundryStudio/tools/publisher.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-platform-cloud">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/sound-studio.html b/GameFoundryStudio/tools/sound-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-media-audio">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/storage-inspector.html b/GameFoundryStudio/tools/storage-inspector.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-platform-cloud">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
diff --git a/GameFoundryStudio/tools/world-vector-studio.html b/GameFoundryStudio/tools/world-vector-studio.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="../assets/css/styles.css">
 </head>
 
-<body class="meaning-molten-orange">
+<body class="meaning-molten-orange tool-group-build-create">
     <div data-partial="header-nav"></div>
     <main>
         <section class="page-title">
