✨

less/character-sheet.less

@@ -1,7 +1,7 @@
 // main: ./pokemon.less
 .pokemon.sheet.characterSheet {
     .window-content {
-        background: #c00d0d;
+        background: #ac1a1a;
         color: white;
         width: 100%;
         height: 100%;
@@ -26,7 +26,7 @@
     }
 
     .inputText {
-        background-color: #30da0c;
+        background-color: #41c43a;
         color: black;
         border: black;
 
@@ -83,7 +83,7 @@
     .lvlBox {
         width: 60px;
         height: 60px;
-        background-color: #30da0c;
+        background-color: #41c43a;
         color: black;
         border: black;
 
@@ -116,7 +116,7 @@
         align-items: center;
         width: 80px;
         height: 30px;
-        background-color: #30da0c;
+        background-color: #41c43a;
         color: black;
         border: black;
 
@@ -169,7 +169,7 @@
     .imgBox:after {
 		content: "";
 		border-top: 30px solid #b0b0b0;
-		border-left: 30px solid #c00d0d;
+		border-left: 30px solid #ac1a1a;
 		height: 0;
         float: left;
         position: absolute;
@@ -201,7 +201,7 @@
 	{
 		height: 26px;
 		width: 26px;
-		background-color: #c00d0d;
+		background-color: #ac1a1a;
 		margin-left: 20px;
 		float: left;
 
@@ -215,10 +215,10 @@
 		-moz-box-shadow: -2px 1px #5e0000;
 		-o-box-shadow: -2px 1px #5e0000;
 
-		background: linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-		background: -webkit-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-		background: -moz-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-		background: -o-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
+		background: linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+		background: -webkit-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+		background: -moz-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+		background: -o-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
 	}
 
 	.speakers
@@ -279,7 +279,7 @@
     .charHex {
         width: 65px;
         height: 65px;
-        background-color: #30da0c;
+        background-color: #41c43a;
         color: black;
         border: black;
 
@@ -514,7 +514,7 @@
 
     /* When the radio button is checked, add a blue background */
     .container input:checked ~ .checkmark {
-        background-color: #30da0c;
+        background-color: #41c43a;
     }
 
     /* Create the indicator (the dot/circle - hidden when not checked) */

pokemon.css

@@ -7,7 +7,7 @@
   /* Style the indicator (dot/circle) */
 }
 .pokemon.sheet.characterSheet .window-content {
-  background: #c00d0d;
+  background: #ac1a1a;
   color: white;
   width: 100%;
   height: 100%;
@@ -32,7 +32,7 @@
   width: 500px;
 }
 .pokemon.sheet.characterSheet .inputText {
-  background-color: #30da0c;
+  background-color: #41c43a;
   color: black;
   border: black;
   box-shadow: 0 0 20px #003300 inset;
@@ -78,7 +78,7 @@
 .pokemon.sheet.characterSheet .lvlBox {
   width: 60px;
   height: 60px;
-  background-color: #30da0c;
+  background-color: #41c43a;
   color: black;
   border: black;
   box-shadow: 0 0 20px #003300 inset;
@@ -106,7 +106,7 @@
   align-items: center;
   width: 80px;
   height: 30px;
-  background-color: #30da0c;
+  background-color: #41c43a;
   color: black;
   border: black;
   box-shadow: 0 0 20px #003300 inset;
@@ -150,7 +150,7 @@
 .pokemon.sheet.characterSheet .imgBox:after {
   content: "";
   border-top: 30px solid #b0b0b0;
-  border-left: 30px solid #c00d0d;
+  border-left: 30px solid #ac1a1a;
   height: 0;
   float: left;
   position: absolute;
@@ -176,7 +176,7 @@
 .pokemon.sheet.characterSheet .buttonbottomPicture {
   height: 26px;
   width: 26px;
-  background-color: #c00d0d;
+  background-color: #ac1a1a;
   margin-left: 20px;
   float: left;
   border-radius: 30px;
@@ -187,10 +187,10 @@
   -webkit-box-shadow: -2px 1px #5e0000;
   -moz-box-shadow: -2px 1px #5e0000;
   -o-box-shadow: -2px 1px #5e0000;
-  background: linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-  background: -webkit-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-  background: -moz-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
-  background: -o-linear-gradient(top, #c00d0d 0%, #8b0000 80%);
+  background: linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+  background: -webkit-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+  background: -moz-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
+  background: -o-linear-gradient(top, #ac1a1a 0%, #8b0000 80%);
 }
 .pokemon.sheet.characterSheet .speakers {
   float: right;
@@ -240,7 +240,7 @@
 .pokemon.sheet.characterSheet .charHex {
   width: 65px;
   height: 65px;
-  background-color: #30da0c;
+  background-color: #41c43a;
   color: black;
   border: black;
   box-shadow: 0 0 20px #003300 inset;
@@ -437,7 +437,7 @@
   background-color: #434343;
 }
 .pokemon.sheet.characterSheet .container input:checked ~ .checkmark {
-  background-color: #30da0c;
+  background-color: #41c43a;
 }
 .pokemon.sheet.characterSheet .combatBox {
   display: flex;

system.json

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