✨

less/character-sheet.less

@@ -200,4 +200,14 @@
         height: auto;
         width: auto;
     }
+
+    .vertLine {
+        height: 100%;
+        width: 5px;
+        background-color: #5e0000;
+    }
+
+    .menuBox {
+        background-color: #5e0000;
+    }
 }

pokemon.css

@@ -169,3 +169,11 @@
   height: auto;
   width: auto;
 }
+.pokemon.sheet.characterSheet .vertLine {
+  height: 100%;
+  width: 5px;
+  background-color: #5e0000;
+}
+.pokemon.sheet.characterSheet .menuBox {
+  background-color: #5e0000;
+}

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.23",
+    "version": "0.0.24",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

templates/sheets/character/sidebar.hbs

@@ -18,11 +18,15 @@
             </div>
         </div>
 
+        <div class="calcStatBox">
             <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
             <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
             <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>
             <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.Speed"}}</span></br><span class="charHexValue">{{system.speed}}</span></div>
         </div>
+    </div>
+
+    <div class="vertLine"></div>
 
     <div class="contentBox">
         <div class="menuBox">