✨

less/character-sheet.less

@@ -404,7 +404,7 @@
 
     .curve1 {
         position: absolute;
-        background-color: rgb(192, 13, 13);
+        background-color: #900607;
         width: 100px;
         height: 55px;
         left: 342px;
@@ -414,7 +414,7 @@
 
     .curve2 {
         position: absolute;
-        background-color: #c00d0d;
+        background-color: #900607;
         width: 121px;
         height: 100px;
         left: 221px;
@@ -448,7 +448,7 @@
     select {
         background-color: transparent;
         color: black;
-        border: black;
+        border: 2px solid black;
         width: 80px;
         height: 20px;
 
@@ -651,7 +651,6 @@
         text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 
         th {
-            border: 2px black;
             padding: 3.5px;
             padding-right: 4.5px;
             font-size: 12px;
@@ -660,19 +659,19 @@
 
     .effectiveness0 {
         background-color: black;
-        color: yellow;
+        color: rgb(255, 221, 87);
         // text-shadow: none;
     }
 
     .effectiveness¼ {
-        background-color: red;
-        color: yellow;
+        background-color: rgb(164, 0, 0);
+        color: rgb(255, 221, 87);
         // text-shadow: none;
     }
 
     .effectiveness½ {
-        background-color: red;
-        color: yellow;
+        background-color: rgb(164, 0, 0);
+        color: rgb(255, 221, 87);
         // text-shadow: none;
     }
 
@@ -683,14 +682,14 @@
     }
 
     .effectiveness2 {
-        background-color: green;
-        color: yellow;
+        background-color: rgb(78, 154, 6);
+        color: rgb(255, 221, 87);
         // text-shadow: none;
     }
 
     .effectiveness4 {
-        background-color: lime;
-        color: yellow;
+        background-color: rgb(115, 210, 22);
+        color: rgb(255, 221, 87);
         // text-shadow: none;
     }
 
@@ -698,4 +697,15 @@
         font-size: 25px;
         text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
     }
+
+    .contentBackground {
+        position: absolute;
+        width: 430px;
+        height: 512px;
+        background-color: #900607;
+        z-index: -1;
+        bottom: 0px;
+        right: 0px;
+        border-top-left-radius: 20px;
+    }
 }

pokemon.css

@@ -345,7 +345,7 @@
 }
 .pokemon.sheet.characterSheet .curve1 {
   position: absolute;
-  background-color: #c00d0d;
+  background-color: #900607;
   width: 100px;
   height: 55px;
   left: 342px;
@@ -354,7 +354,7 @@
 }
 .pokemon.sheet.characterSheet .curve2 {
   position: absolute;
-  background-color: #c00d0d;
+  background-color: #900607;
   width: 121px;
   height: 100px;
   left: 221px;
@@ -384,7 +384,7 @@
 .pokemon.sheet.characterSheet select {
   background-color: transparent;
   color: black;
-  border: black;
+  border: 2px solid black;
   width: 80px;
   height: 20px;
   border-radius: 20px;
@@ -544,22 +544,21 @@
   text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 }
 .pokemon.sheet.characterSheet .defenseTable th {
-  border: 2px black;
   padding: 3.5px;
   padding-right: 4.5px;
   font-size: 12px;
 }
 .pokemon.sheet.characterSheet .effectiveness0 {
   background-color: black;
-  color: yellow;
+  color: #ffdd57;
 }
 .pokemon.sheet.characterSheet .effectiveness¼ {
-  background-color: red;
-  color: yellow;
+  background-color: #a40000;
+  color: #ffdd57;
 }
 .pokemon.sheet.characterSheet .effectiveness½ {
-  background-color: red;
-  color: yellow;
+  background-color: #a40000;
+  color: #ffdd57;
 }
 .pokemon.sheet.characterSheet .effectiveness1 {
   background-color: #fff8;
@@ -567,14 +566,24 @@
   text-shadow: none;
 }
 .pokemon.sheet.characterSheet .effectiveness2 {
-  background-color: green;
-  color: yellow;
+  background-color: #4e9a06;
+  color: #ffdd57;
 }
 .pokemon.sheet.characterSheet .effectiveness4 {
-  background-color: lime;
-  color: yellow;
+  background-color: #73d216;
+  color: #ffdd57;
 }
 .pokemon.sheet.characterSheet .header {
   font-size: 25px;
   text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
 }
+.pokemon.sheet.characterSheet .contentBackground {
+  position: absolute;
+  width: 430px;
+  height: 512px;
+  background-color: #900607;
+  z-index: -1;
+  bottom: 0px;
+  right: 0px;
+  border-top-left-radius: 20px;
+}

system.json

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

templates/sheets/character/sidebar.hbs

@@ -30,6 +30,7 @@
 
     </div>
 
+    <div class="contentBackground"></div>
     <div class="vertLine"></div>
 
     <div class="contentBox">