Merge pull request #14901 from nashidau/master

RolemasterUnified: Official: Tracker Improvements and bugfixes

Author: NBrooks-Roll20

RolemasterUnified_Official/rolemasterunified.css

@@ -14,35 +14,49 @@ span.choice-showing {
 
 
 
-:root {
+body {
+	--pcfb-border-radius: 12px;
+	--pcfb-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+
 	--pcfb-primary: #5C62F1;
 	--pcfb-secondary: #FF6B6B;
 	--pcfb-accent: #FFD166;
 	--pcfb-dark: #2E3057;
 	--pcfb-light: #F8F9FA;
 	--pcfb-success: #06D6A0;
-	--pcfb-border-radius: 12px;
-	--pcfb-shadow: 0 8px 20px rgba(46, 48, 87, 0.12);
-	--pcfb-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+	--pcfb-shadow: 0 2px 8px rgba(46, 48, 87, 0.12);
+	--pcfb-border: 1px solid rgb(226, 232, 240);
+	--pcfb-background: linear-gradient(33deg, #f0eff0, #faf8f9);
+	--pcfb-basebackground: white;
+	--pcfb-hover: 0 5px 20px rgba(0, 0, 0, 0.1);
+}
+
+body.sheet-darkmode {
+	--pcfb-basebackground: #310e68;
+	--pcfb-secondary: black;
+	--pcfb-shadow: 0 2px 8px rgba(211,125,0,0.3);
+	--pcfb-border: 1px solid rgb(10,10,10);
+	--pcfb-background: linear-gradient(316deg, #310e68 0%, #5f0f40 74%);
+	--pcfb-hover: 0 5px 20px rgba(212,125,0, 1.0);
 }
 
 .pcframebox {
-	background: var(--pcfb-white);
+	background: var(--pcfb-basebackground);
 	border-radius: var(--pcfb-border-radius);
 	padding: 8px 12px 6px 12px; /* top right bottom left */
-	box-shadow: 0 2px 15px var(--pcfb-shadow);
+	box-shadow: var(--pcfb-shadow);
 	transition: var(--pcfb-transition);
 	position: relative;
 	overflow: visible;
 	cursor: pointer;
-	border: 1px solid rgb(226, 232, 240);
+	border: var(--pcfb-border);
 	margin-bottom: 3px;
-	background: linear-gradient(33deg, #f0eff0, #faf8f9);
+	background-image: var(--pcfb-background);
 }
 
 .pcframebox:hover {
 	transform: translateY(-3px);
-	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+	box-shadow: var(--pcfb-hover);
 	overflow: visible;
 }
 
@@ -51,14 +65,14 @@ span.choice-showing {
 	background: var(--pcfb-white);
 	border-radius: var(--pcfb-border-radius);
 	padding: 8px 12px 6px 12px; /* top right bottom left */
-	box-shadow: 0 2px 15px var(--pcfb-shadow);
+	box-shadow: var(--pcfb-shadow);
 	transition: var(--pcfb-transition);
 	position: relative;
 	overflow: visible;
 	cursor: pointer;
-	border: 1px solid rgb(226, 232, 240);
+	border: var(--pcfb-border);
 	margin-bottom: 3px;
-	background: linear-gradient(33deg, #f0eff0, #faf8f9);
+	background: var(--pcfb-background);
 }
 
 .rmusheet-column {