Merge pull request #13679 from nashidau/master

RolemasterUnified_Official: Custom Profession & Powerlevel improvements
Roll20 · Jan 14, 2025 · 2d81e42 · 2d81e42
2 parents 8d1624e + da9e444
commit 2d81e42
Show file tree

Hide file tree

Showing 5 changed files with 194 additions and 174 deletions.
diff --git a/RolemasterUnified_Official/preview.png b/RolemasterUnified_Official/preview.png
diff --git a/RolemasterUnified_Official/rolemasterunified.css b/RolemasterUnified_Official/rolemasterunified.css
@@ -21,6 +21,24 @@ span.choice-showing {
 }
 
 
+body {
+  --rmutextcolor: rgb(0,0,0);
+  --rmubgcolor: rgb(255,255,255);
+  --rmualtbgcolor: #eed;
+  --rmuheadingbg: #cce;
+}
+
+body.sheet-darkmode {
+   --rmutextcolor:rgb(230,230,230);
+   --rmubgcolor: rgb(31,31,31);
+   --rmualtbgcolor: rgb(31,49,49);
+   --rmuheadingbg: #224;
+}
+
+.charsheet {
+   background: var(--rmubgcolor);
+   color: var(--rmutextcolor);
+}
 
 
 
@@ -44,10 +62,12 @@ url('https://fonts.googleapis.com/css2?family=Material+Icons|Material+Icons+Outl
 
 h2 {
     font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', serif;
+    color: var(--rmutextcolor);
 }
 
 h3 {
     font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', serif;
+    color: var(--rmutextcolor);
 }
 
 .inline {
@@ -168,7 +188,7 @@ input:not(:checked).toggle + .toggler { display: none; }
 
 
 .stat:nth-child(even) {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 .stat_value {
@@ -204,7 +224,8 @@ input:not(:checked).toggle + .toggler { display: none; }
 }
 
 .category_head {
-    background: #cce;
+    background: var(--rmuheadingbg);
+    color: var(--rmutextcolor);
 }
 
 .category_cost {
@@ -233,21 +254,22 @@ input:not(:checked).toggle + .toggler { display: none; }
 }
 
 .skill:nth-of-type(even) {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 .cmskill {
     padding-left: 1em;
 }
 
 .cmskill:nth-child(even) {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 .cmspecialization {
     padding-left: 1em;
 }
 
+/* FIXME: This doesn;t do anything?? */
 .cmspecialization:nth-child(even) {
     background: #dee;
 }
@@ -269,7 +291,7 @@ input:not(:checked).toggle + .toggler { display: none; }
 
 
 .repitem:nth-of-type(even) .skill_specialization {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 .skill_ranks {
@@ -409,7 +431,7 @@ input:not(:checked).toggle + .toggler { display: none; }
 }
 
 .rr:nth-child(even) {
-    background: #eed; /* FIXME: same as the other skill one */
+    background: var(--rmualtbgcolor);
 }
 
 .rr .rr_name {
@@ -837,7 +859,7 @@ button.nodie {
 
 
 .repitem:nth-of-type(even) .specificinjury {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 
@@ -857,6 +879,16 @@ button.nodie {
 
 
 
+body {
+  --fancymaincolor: #b4e84e;
+  --fancyhighlight: #8bb33d;
+}
+
+body.sheet-darkmode {
+  --fancymaincolor: rgb(80, 0, 115);
+  --fancyhighlight: rgb(42, 0, 78);
+}
+
 .fancybutton, .fancyselect {
   padding: 2px 3px;
   border: 0;
@@ -865,15 +897,18 @@ button.nodie {
   transition: all 150ms ease-in-out;
 
   border-radius: 6px;
-  border: 1px solid #8BB33D;
+  border: 1px solid var(--fancyhighlight);
   box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset,
 	      rgba(0, 0, 0, 0.07) 0 1px 1px,
 	      rgba(0, 0, 0, 0.07) 0 2px 2px,
 	      rgba(0, 0, 0, 0.07) 0 4px 4px;
-  color: #000000;
-  background-image: linear-gradient(180deg, #B4E84E 0%, #8BB33D 100%);
+  color: var(--rmutextcolor);
+  background-image: linear-gradient(180deg, var(--fancymaincolor) 0%, var(--fancyhighlight) 100%);
 
-  text-shadow: -1px 0 1px #B4E84E, 0 1px 1px #B4E84E, 1px 0 1px #B4E84E, 0 -1px 1px #B4E84E;
+  text-shadow: -1px 0 1px var(--fancymaincolor),
+	        0 1px 1px var(--fancymaincolor),
+		1px 0 1px var(--fancymaincolor),
+		0 -1px 1px var(--fancymaincolor);
 }
 
 .fancyselect {
@@ -1050,7 +1085,7 @@ div.attacks {
 
 /* The row with the title of the group 'Base' or 'Closed' */
 .spellgroupheading {
-    background: #cce;
+    background: var(--rmuheadingbg);
 
     grid-template-columns: 1fr 4em 5em 8em 2em;
     display: grid;
@@ -1079,7 +1114,7 @@ div.attacks {
 
 
 .repitem:nth-of-type(even) .spelllist {
-    background: #eed;
+    background: var(--rmualtbgcolor);
 }
 
 .spellinfo {