✨

less/character-sheet.less

@@ -556,4 +556,16 @@
     .moveName {
         width: 150px;
     }
+
+    .normal {
+        background-color: #A8A77A;
+    }
+
+    .fire {
+        background-color: #EE8130;
+    }
+
+    .water {
+        background-color: #6390f0;
+    }
 }

modules/sheets/pokemonCharacterSheet.js

@@ -62,7 +62,8 @@ export default class pokemonCharacterSheet extends api.HandlebarsApplicationMixi
             items: baseData.document.items,
             config: CONFIG.POKEMON,
             isGM: baseData.user.isGM,
-            effects: baseData.document.effects
+            effects: baseData.document.effects,
+            types: ["normal", "fire", "water", "electric", "grass", "ice", "fighting", "poison", "ground", "flying", "psychic", "bug", "rock", "ghost", "dragon", "dark", "steel", "fairy"]
         };
 
         context = this.calculateDerivated(context)

system.json

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

template.json

@@ -9,6 +9,8 @@
             "tab": "tab1",
 
             "species": "species",
+            "type1": "Normal",
+            "type2": "",
 
             "experience": {
                 "level": 1,

templates/sheets/character/header.hbs

@@ -1,7 +1,22 @@
 <div class="headerBox">
     <div class="charInfo">
         <input class="inputText bigInputText" type="text" name="name" value="{{actor.name}}">
-        <input class="inputText smallInputText" type="text" name="system.species" value="{{system.species}}">
+        <div class="row">
+            <input class="inputText smallInputText" type="text" name="system.species" value="{{system.species}}">
+            <div class="typeSelectBox">
+                <select class="{{system.type1}}" name="system.type1">
+                    {{#each types}}
+                        <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>
+                    {{/each}}
+                </select>
+            </div>
+        </div>
     </div>
     <div class="advancementBox">
         <div class="lvlBox">