Skip to content

Commit 96a7d50

Browse files
ToolboxAidToolboxAid
committed
Consolidate design system CSS with scoped left/right grouping themes - PR_26152_004-010-design-system-theme-consolidation
1 parent cbe9c24 commit 96a7d50

20 files changed

Lines changed: 152 additions & 66 deletions

‎GameFoundryStudio/assets/css/gamefoundrystudio.css‎

Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -589,7 +589,7 @@ details.vertical-accordion[open] summary:active:after {
589589
}
590590

591591
.tool-column-header {
592-
padding: 16px 18px;
592+
padding: 8px 18px;
593593
border-bottom: 1px solid var(--line);
594594
background: var(--orange-soft);
595595
display: flex;
@@ -607,21 +607,34 @@ details.vertical-accordion[open] summary:active:after {
607607
order: 1
608608
}
609609

610-
body[class*="tool-group-"] .tool-column-header h2,
611-
body[class*="tool-group-"] .tool-column-header h3 {
610+
.tool-column[class*="tool-group-"] .tool-column-header h2,
611+
.tool-column[class*="tool-group-"] .tool-column-header h3 {
612612
color: var(--tool-group-color)
613613
}
614614

615+
.tool-column .accordion-stack {
616+
padding: 8px 12px;
617+
gap: 8px
618+
}
619+
620+
.tool-column details.vertical-accordion summary {
621+
padding: 9px 12px
622+
}
623+
624+
.tool-column .accordion-body {
625+
padding: 0 12px 10px
626+
}
627+
615628
.tool-column-header .horizontal-accordion-toggle {
616629
order: 2
617630
}
618631

619-
body[class*="tool-group-"] .horizontal-accordion-toggle {
632+
.tool-column[class*="tool-group-"] .horizontal-accordion-toggle {
620633
border-color: var(--tool-group-accent);
621634
color: var(--tool-group-color)
622635
}
623636

624-
body[class*="tool-group-"] details.vertical-accordion summary:after {
637+
.tool-column[class*="tool-group-"] details.vertical-accordion summary:after {
625638
border-color: var(--tool-group-accent);
626639
color: var(--tool-group-color)
627640
}
@@ -678,7 +691,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
678691
grid-column: 2;
679692
grid-row: 1;
680693
margin: 0 0 12px;
681-
border: 1px solid var(--meaning-border, var(--line));
694+
border: 1px solid var(--line);
682695
border-radius: var(--radius-lg);
683696
background: var(--panel);
684697
box-shadow: var(--shadow-md);
@@ -689,8 +702,8 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
689702
}
690703

691704
.tool-display-mode summary {
692-
color: var(--meaning-color, var(--gold));
693-
background: var(--meaning-soft, var(--panel-soft));
705+
color: var(--gold);
706+
background: var(--panel-soft);
694707
font-weight: 900;
695708
cursor: pointer;
696709
list-style: none;
@@ -710,10 +723,10 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
710723
content: "";
711724
width: 20px;
712725
height: 20px;
713-
border: 1px solid var(--meaning-border, var(--line));
726+
border: 1px solid var(--line);
714727
border-radius: var(--radius-pill);
715728
background: var(--panel-soft);
716-
color: var(--meaning-color, var(--gold));
729+
color: var(--gold);
717730
display: inline-grid;
718731
place-items: center;
719732
flex: 0 0 auto;
@@ -740,7 +753,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
740753
height: 42px;
741754
object-fit: cover;
742755
object-position: center;
743-
border: 1px solid var(--meaning-border, var(--line));
756+
border: 1px solid var(--line);
744757
border-radius: var(--radius-pill);
745758
background: var(--panel-soft)
746759
}
@@ -907,7 +920,7 @@ body.tool-focus-mode .tool-display-mode {
907920
top: 10px;
908921
z-index: var(--z-index-md);
909922
margin: 0;
910-
border-color: var(--meaning-border, var(--line));
923+
border-color: var(--line);
911924
background: var(--panel);
912925
box-shadow: var(--shadow-lg);
913926
justify-content: center

‎GameFoundryStudio/tools/ai-assistant.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-ai-learning">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>AI Assistant</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-ai-learning">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-ai-learning">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/animation-studio.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-build-create">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>Animation Studio</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-build-create">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-build-create">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/asset-studio.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-content-assets">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>Asset Studio</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-content-assets">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-content-assets">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/builder.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-build-create">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -24,7 +24,7 @@ <h1>Tool Builder</h1>
2424
<section class="section">
2525
<div class="container">
2626
<div class="tool-workspace">
27-
<aside class="tool-column">
27+
<aside class="tool-column tool-group-build-create">
2828
<div class="tool-column-header molten-orange">
2929
<h2>Toolbox</h2>
3030
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-build-create">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/code-studio.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-development-system">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>Code Studio</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-development-system">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-development-system">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/creator.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-build-create">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -24,7 +24,7 @@ <h1>Tool Creator</h1>
2424
<section class="section">
2525
<div class="container">
2626
<div class="tool-workspace">
27-
<aside class="tool-column">
27+
<aside class="tool-column tool-group-build-create">
2828
<div class="tool-column-header molten-orange">
2929
<h2>Toolbox</h2>
3030
</div>
@@ -39,7 +39,7 @@ <h2>Toolbox</h2>
3939
<h2>Workspace</h2>
4040
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4141
</section>
42-
<aside class="tool-column">
42+
<aside class="tool-column tool-group-build-create">
4343
<div class="tool-column-header forge-gold">
4444
<h2>Inspector</h2>
4545
</div>

‎GameFoundryStudio/tools/game-builder.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-build-create">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>Game Builder</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-build-create">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -72,7 +72,7 @@ <h2>Workspace</h2>
7272
</div>
7373
</details>
7474
</section>
75-
<aside class="tool-column">
75+
<aside class="tool-column tool-group-build-create">
7676
<div class="tool-column-header forge-gold">
7777
<h2>Inspector</h2>
7878
</div>

‎GameFoundryStudio/tools/game-design-studio.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-molten-orange tool-group-build-create">
13+
<body class="meaning-molten-orange">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -23,7 +23,7 @@ <h1>Game Design Studio</h1>
2323
<section class="section">
2424
<div class="container">
2525
<div class="tool-workspace">
26-
<aside class="tool-column">
26+
<aside class="tool-column tool-group-build-create">
2727
<div class="tool-column-header molten-orange">
2828
<h2>Toolbox</h2>
2929
</div>
@@ -82,7 +82,7 @@ <h2>Workspace</h2>
8282
</div>
8383
</details>
8484
</section>
85-
<aside class="tool-column">
85+
<aside class="tool-column tool-group-build-create">
8686
<div class="tool-column-header forge-gold">
8787
<h2>Inspector</h2>
8888
</div>

‎GameFoundryStudio/tools/groups/configuration-admin.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<link rel="stylesheet" href="../../assets/css/styles.css">
1111
</head>
1212

13-
<body class="meaning-steel-gray tool-group-development-system">
13+
<body class="meaning-steel-gray">
1414
<div data-partial="header-nav"></div>
1515
<main>
1616
<section class="page-title">
@@ -24,7 +24,7 @@ <h1>Settings and Admin</h1>
2424
<section class="section">
2525
<div class="container">
2626
<div class="tool-workspace">
27-
<aside class="tool-column">
27+
<aside class="tool-column tool-group-development-system">
2828
<div class="tool-column-header molten-orange">
2929
<h2>Toolbox</h2>
3030
</div>
@@ -40,7 +40,7 @@ <h2>Toolbox</h2>
4040
<h2>Workspace</h2>
4141
<p>Use this center region for the primary tool canvas, editor, preview, or guided workflow.</p>
4242
</section>
43-
<aside class="tool-column">
43+
<aside class="tool-column tool-group-development-system">
4444
<div class="tool-column-header forge-gold">
4545
<h2>Inspector</h2>
4646
</div>

0 commit comments

Comments
 (0)