From 9d07ec2ce0f0f66135f440c9c0264a7600fdd085 Mon Sep 17 00:00:00 2001
From: walcutt <walcutt.0@gmail.com>
Date: Fri, 13 Dec 2024 22:43:24 -0500
Subject: [PATCH] Recoloring

---
 templates/actors/boss.hbs  | 104 +++++++++++++++++++++----------------
 templates/actors/hench.hbs |   6 +--
 2 files changed, 62 insertions(+), 48 deletions(-)

diff --git a/templates/actors/boss.hbs b/templates/actors/boss.hbs
index 27fa5ee..629ce38 100644
--- a/templates/actors/boss.hbs
+++ b/templates/actors/boss.hbs
@@ -3,7 +3,7 @@
         <!-- ID row -->
         <div class="hench-row hench-gap-wide">
             <!-- core-->
-            <div class="hench-box hench-flex-resizeable hench-l-grey hench-padding-wide hench-gap-narrow">
+            <div class="hench-box hench-flex-resizeable hench-m-grey hench-padding-wide hench-gap-narrow">
                 <!-- Name -->
                 <div class="hench-field hench-row hench-gap-narrow">
                     <label class="hench-flex-fixed" for="hench-name">Name: </label>
@@ -56,63 +56,77 @@
                 </div>
                 <!-- Heat -->
                 <div class="hench-row hench-flex-resizeable">
-                    <div class="hench-box hench-l-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
-                        <div class="hench-row hench-flex-resizeable">
+                    <div class="hench-box hench-box-stretch hench-d-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
+                        <div class="hench-row hench-flex-fixed hench-padding-wide">
                             <div class="hench-centered hench-title hench-flex-resizeable">
                                 Heat
                             </div>
                         </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <strong>Tier I</strong>
+                        <!-- tier 1 -->
+                        <div class="hench-row hench-flex-resizeable">
+                            <div class="hench-box hench-flex-resizeable hench-m-grey hench-padding-narrow hench-gap-narrow">
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <strong>Tier I</strong>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <em>(Nuisance, low-stakes, local cops)</em>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
+                                    {{#partialint2checkbox maxHeat actor.system.heat 0 6}}
+                                        <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
+                                    {{/partialint2checkbox}}
+                                </div>
                             </div>
                         </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <em>(Nuisance, low-stakes, local cops)</em>
+                        <!-- tier 2 -->
+                        <div class="hench-row hench-flex-resizeable">
+                            <div class="hench-box hench-flex-resizeable hench-m-grey hench-padding-narrow hench-gap-narrow">
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <strong>Tier II</strong>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <em>(Full-time, classic stakes, local super)</em>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
+                                    {{#partialint2checkbox maxHeat actor.system.heat 6 12}}
+                                        <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
+                                    {{/partialint2checkbox}}
+                                </div>
                             </div>
                         </div>
-                        <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
-                            {{#partialint2checkbox maxHeat actor.system.heat 0 6}}
-                                <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
-                            {{/partialint2checkbox}}
-                        </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <strong>Tier II</strong>
+                        <!-- tier 3 -->
+                        <div class="hench-row hench-flex-resizeable">
+                            <div class="hench-box hench-flex-resizeable hench-m-grey hench-padding-narrow hench-gap-narrow">
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <strong>Tier III</strong>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-centered hench-flex-resizeable">
+                                    <div class="hench-flex-resizeable hench-centered">
+                                        <em>(Top-class, high-stakes, world's finest heroes)</em>
+                                    </div>
+                                </div>
+                                <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
+                                    {{#partialint2checkbox maxHeat actor.system.heat 12 18}}
+                                        <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
+                                    {{/partialint2checkbox}}
+                                </div>
                             </div>
                         </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <em>(Full-time, classic stakes, local super)</em>
-                            </div>
-                        </div>
-                        <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
-                            {{#partialint2checkbox maxHeat actor.system.heat 6 12}}
-                                <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
-                            {{/partialint2checkbox}}
-                        </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <strong>Tier III</strong>
-                            </div>
-                        </div>
-                        <div class="hench-row hench-centered hench-flex-resizeable">
-                            <div class="hench-flex-resizeable hench-centered">
-                                <em>(Top-class, high-stakes, world's finest heroes)</em>
-                            </div>
-                        </div>
-                        <div class="hench-row hench-flex-resizeable hench-row-even hench-gap-narrow">
-                            {{#partialint2checkbox maxHeat actor.system.heat 12 18}}
-                                <input type="checkbox" class="hench-checkbox-int-field" data-field-path="system.heat" data-value="{{index}}" {{#if marked}} checked {{/if}} />
-                            {{/partialint2checkbox}}
-                        </div>
-                        <!-- maybe add guidelines down here? -->
                     </div>
                 </div>
                 <!-- Experience -->
                 <div class="hench-row hench-flex-resizeable">
-                    <div class="hench-box hench-l-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
+                    <div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
                         <div class="hench-row hench-flex-resizeable">
                             <div class="hench-centered hench-title hench-flex-resizeable">
                                 Experience
@@ -124,7 +138,7 @@
                             {{/int2checkbox}}
                         </div>
                         {{#each actor.system.experienceTriggers}}
-                            <div class="hench-row hench-m-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
+                            <div class="hench-row hench-l-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
                                 <div class="hench-box hench-flex-fixed">
                                     <input type="checkbox" class="hench-checkbox hench-checkbox-toggle-field" data-field-path="system.experienceTriggers[{{@index}}].marked" {{#if this.marked}} checked {{/if}} />
                                 </div>
diff --git a/templates/actors/hench.hbs b/templates/actors/hench.hbs
index 41443a2..20e8c48 100644
--- a/templates/actors/hench.hbs
+++ b/templates/actors/hench.hbs
@@ -3,7 +3,7 @@
         <!-- ID row -->
         <div class="hench-row hench-gap-wide">
             <!-- Core - Name, Look, Playbook -->
-            <div class="hench-box hench-l-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
+            <div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
                 <!-- Name -->
                 <div class="hench-field hench-row hench-gap-narrow">
                     <label class="hench-flex-fixed" for="hench-name">Name: </label>
@@ -64,7 +64,7 @@
                 {{/each}}
             </div>
             <!-- Mission Planning -->
-            <div class="hench-box hench-l-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
+            <div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
                 <div class="hench-centered hench-title">
                     Mission Planning
                 </div>
@@ -77,7 +77,7 @@
         </div>
         <!-- Stress -->
         <div class="hench-row hench-gap-wide">
-            <div class="hench-box hench-l-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
+            <div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-narrow hench-gap-narrow">
                 <div class="hench-centered hench-title">
                     <label for="hench-stress">
                         Stress