theme support #30

app/css/common.css

@@ -426,6 +426,15 @@ hr {
   padding: 0.5em;
   padding-top: 2em;
 }
+.statblock_container td{
+  color:black;
+}
+.statblock_container thead>tr, .statblock_container  .table_header, .statblock_container  th {
+
+
+  color:var(--statblock-emphasis-color);
+
+}
 
 .pageframe {
   font-family: var(--basic-font);

app/css/style.css

@@ -594,11 +594,6 @@ h1 {
   padding: 5px;
 }
 
-.vertical {
-  -webkit-transform: rotate(-90deg);
-  text-align: center;
-  font-size: 20px;
-}
 
 #randomizer_item_title {
   margin: 1em;

app/css/theme.css

@@ -1,54 +1,75 @@
 :root {
-    --main-color: #500c00;
-    --alt-main-color: #451A17;
-    --main-emphasis-color: #a12d20;
-    --color-red: #a72424;;
+    --main-color: #373737;
+    --alt-main-color: #353535;
+    --main-emphasis-color: #424242;
+    --highlight-color:rgb(119 119 255);;
     --black:black;
-    --alt-emphasis-color: rgb(189 151 74 / 40%);
-    --highlight-color:hsl(54deg 58% 43%);
-    --main-underline-color: rgb(61, 17, 9);
+    --color-red: #a72424;;
+    --alt-emphasis-color: rgb(0 0 0 / 40%);
+    --main-underline-color: transparent;
     --main-success-color: rgb(4, 64, 4);
     --main-success-color-darker: rgb(2, 44, 2);
     --dark-transparent-bg: rgba(0, 0, 0, 0.1);
     --main-success-color-lighter: rgb(10, 125, 10);
     --transition-delay: 300ms;
     --base-margin: 10px;
     --rounded-corners: 5px;
-    --background-image:url("./img/phbbgbig.png");
-    --main-header-color: #500c00;
-    --background-color:transparent;
-    --foreground-image: url("./img/phbbg.png");
-    --foreground-color:transparent;
-    --main-text-color:black;
-    --inverse-text-color:white;
+    --background-image:"none";
+    --background-color:rgb(25, 25 ,25);;
+    --main-header-color:white;
+    --foreground-image: none;
+    --foreground-color:#2b2b2b;
+    --main-text-color:white;
+    --inverse-text-color:black;
     --black-bg: rgba(34, 34, 34, 0.8);
-    --basic-font: "roboto";
-    --header-font: "mrEaves";
+    --header-font: 'Source Sans Pro', sans-serif;
+    --basic-font: 'Open sans', sans-serif;
 
   }
-
+  
 
 @font-face {
-    font-family: mrEaves;
-    src: url("./fonts/Mr Eaves Small Caps.otf");
+    font-family: 'Source Sans Pro';
+    src: url("./fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf");
   }
 
   @font-face {
-    font-family: nodesto;
-    src: url("./fonts/Nodesto Caps Condensed.otf");
+    font-family: 'Open sans';
+    src: url("./fonts/Open_Sans/OpenSans-Regular.ttf");
   }
 
-
   @font-face {
-    font-family: misDirection;
-    src: url("./fonts/Zatanna Misdirection.otf");
+    font-family: 'Open sans quote';
+    src: url("./fonts/Open_Sans/OpenSans-LightItalic.ttf");
+  }
+
+  .combatRow>.die_d20, .mobcontroller_row .die_d20 {
+    background-color: white;
   }
 
-  @font-face {
-    font-family: solbera;
-    src: url("./fonts/Solbera Imitation.otf");
+  #combatMain .die_d20_normal , .statblock_control_buttons .die_d20_normal {
+    background-image: url("./themes/darkmode/d20normal.png") !important;
+  }
+
+  .die_d20_normal {
+    background-image: url("./themes/darkmode/d20.png") !important;
+  }
+
+  .init_not_started{
+    background-image: url("./themes/darkmode/d20.png") !important;
   }
 
-  .die_d20:hover {
-    background-image: url("./img/d20hover.png");
+  .pcnode_normal_ac{
+      background-image: url("./themes/darkmode/shield_outline.png");
+  }
+.pcnode__passiveperception>p{
+    background-image: url("./themes/darkmode/eye.png");
+}
+
+.change_party_button, .change_party_button:hover{
+    background-image: url("./themes/darkmode/party.png") !important;
+}
+
+  .copy_button, .edit_button, .remove_button, .pcnode__passiveperception>p, .pcnode_normal_ac, .kill__button, #round_counter_container{
+    filter: saturate(0) brightness(137.5);
   }

app/css/themes/darkmode/theme.css

@@ -47,7 +47,7 @@
     background-color: white;
   }
 
-  #combatMain .die_d20_normal{
+  #combatMain .die_d20_normal , .statblock_control_buttons .die_d20_normal {
     background-image: url("./themes/darkmode/d20normal.png") !important;
   }