✨

less/character-sheet.less

@@ -446,16 +446,13 @@
         background-color: #30da0c;
         color: black;
         border: black;
+        width: 80px;
+        height: 20px;
 
-        box-shadow: 0 0 20px #003300 inset;
+        border-radius: 20px;
-        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -webkit-border-radius: 20px;
-        -moz-box-shadow: 0 0 20px #003300 inset;
+        -moz-border-radius: 20px;
-        -o-box-shadow: 0 0 20px #003300 inset;
+        -o-border-radius: 20px;
-
-        border-radius: 10px;
-        -webkit-border-radius: 10px;
-        -moz-border-radius: 10px;
-        -o-border-radius: 10px;
 
         padding: 5px;
         margin: 15px 10px;
@@ -487,7 +484,7 @@
         left: 0;
         height: 20px;
         width: 36px;
-        background-color: #30da0c;
+        background-color: transparent;
         border-radius: 5px;
         margin-right: 8px;
 
@@ -557,6 +554,12 @@
         width: 150px;
     }
 
+    .typeSelectBox {
+        display: flex;
+        margin-top: 5px;
+        margin-left: 10px;
+    }
+
     .normal {
         background-color: #A8A77A;
     }

pokemon.css

@@ -383,14 +383,12 @@
   background-color: #30da0c;
   color: black;
   border: black;
-  box-shadow: 0 0 20px #003300 inset;
+  width: 80px;
-  -webkit-box-shadow: 0 0 20px #003300 inset;
+  height: 20px;
-  -moz-box-shadow: 0 0 20px #003300 inset;
+  border-radius: 20px;
-  -o-box-shadow: 0 0 20px #003300 inset;
+  -webkit-border-radius: 20px;
-  border-radius: 10px;
+  -moz-border-radius: 20px;
-  -webkit-border-radius: 10px;
+  -o-border-radius: 20px;
-  -moz-border-radius: 10px;
-  -o-border-radius: 10px;
   padding: 5px;
   margin: 15px 10px;
   display: flex;
@@ -417,7 +415,7 @@
   left: 0;
   height: 20px;
   width: 36px;
-  background-color: #30da0c;
+  background-color: transparent;
   border-radius: 5px;
   margin-right: 8px;
   box-shadow: 0 0 10px #003300 inset;
@@ -471,3 +469,17 @@
 .pokemon.sheet.characterSheet .moveName {
   width: 150px;
 }
+.pokemon.sheet.characterSheet .typeSelectBox {
+  display: flex;
+  margin-top: 5px;
+  margin-left: 10px;
+}
+.pokemon.sheet.characterSheet .normal {
+  background-color: #A8A77A;
+}
+.pokemon.sheet.characterSheet .fire {
+  background-color: #EE8130;
+}
+.pokemon.sheet.characterSheet .water {
+  background-color: #6390f0;
+}

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.1.1",
+    "version": "0.1.2",
     "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>