✨

less/character-sheet.less

@@ -571,4 +571,64 @@
     .water {
         background-color: #6390f0;
     }
+
+    .electric {
+        background-color: #F7D02C;
+    }
+
+    .grass {
+        background-color: #7AC74C;
+    }
+
+    .ice {
+        background-color: #96D9D6;
+    }
+
+    .fighting {
+        background-color: #C22E28;
+    }
+
+    .poison {
+        background-color: #A33EA1;
+    }
+
+    .ground {
+        background-color: #E2BF65;
+    }
+
+    .flying {
+        background-color: #A98FF3;
+    }
+
+    .psychic {
+        background-color: #F95587;
+    }
+
+    .bug {
+        background-color: #A6B91A;
+    }
+
+    .rock {
+        background-color: #B6A136;
+    }
+
+    .ghost {
+        background-color: #735797;
+    }
+
+    .dragon {
+        background-color: #6F35FC;
+    }
+
+    .dark {
+        background-color: #705746;
+    }
+
+    .steel {
+        background-color: #B7B7CE;
+    }
+
+    .fairy {
+        background-color: #D685AD;
+    }
 }

pokemon.css

@@ -483,3 +483,48 @@
 .pokemon.sheet.characterSheet .water {
   background-color: #6390f0;
 }
+.pokemon.sheet.characterSheet .electric {
+  background-color: #F7D02C;
+}
+.pokemon.sheet.characterSheet .grass {
+  background-color: #7AC74C;
+}
+.pokemon.sheet.characterSheet .ice {
+  background-color: #96D9D6;
+}
+.pokemon.sheet.characterSheet .fighting {
+  background-color: #C22E28;
+}
+.pokemon.sheet.characterSheet .poison {
+  background-color: #A33EA1;
+}
+.pokemon.sheet.characterSheet .ground {
+  background-color: #E2BF65;
+}
+.pokemon.sheet.characterSheet .flying {
+  background-color: #A98FF3;
+}
+.pokemon.sheet.characterSheet .psychic {
+  background-color: #F95587;
+}
+.pokemon.sheet.characterSheet .bug {
+  background-color: #A6B91A;
+}
+.pokemon.sheet.characterSheet .rock {
+  background-color: #B6A136;
+}
+.pokemon.sheet.characterSheet .ghost {
+  background-color: #735797;
+}
+.pokemon.sheet.characterSheet .dragon {
+  background-color: #6F35FC;
+}
+.pokemon.sheet.characterSheet .dark {
+  background-color: #705746;
+}
+.pokemon.sheet.characterSheet .steel {
+  background-color: #B7B7CE;
+}
+.pokemon.sheet.characterSheet .fairy {
+  background-color: #D685AD;
+}

system.json

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

templates/sheets/character/header.hbs

@@ -6,13 +6,13 @@
             <div class="typeSelectBox">
                 <select class="{{system.type1}}" name="system.type1">
                     {{#each types}}
-                        <option value="{{this}}" {{#if (eq system.type1 {{this}})}}selected{{/if}}>{{this}}</option>
+                        <option value="{{this}}" {{#if (eq system.type1 this)}}selected{{/if}}>{{this}}</option>
                     {{/each}}
                 </select>
                 <select class="{{system.type2}}" name="system.type2">
                     <option value="" {{#if (eq system.type2 "")}}selected{{/if}}></option>
                     {{#each types}}
-                        <option value="{{this}}" {{#if (eq system.type2 {{this}})}}selected{{/if}}>{{this}}</option>
+                        <option value="{{this}}" {{#if (eq system.type2 this)}}selected{{/if}}>{{this}}</option>
                     {{/each}}
                 </select>
             </div>