From 32c36a38dcf49036bea60906de1bd8073d0022eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=88=87ince?= <vince-roll20@users.noreply.github.com>
Date: Mon, 18 Nov 2024 15:21:42 -0800
Subject: [PATCH] - prevent darkmode from changing the roll template

---
 Naruto d20 Modern/Naruto d20 Modern.css | 97 +++++++++++++++----------
 1 file changed, 58 insertions(+), 39 deletions(-)

diff --git a/Naruto d20 Modern/Naruto d20 Modern.css b/Naruto d20 Modern/Naruto d20 Modern.css
index f55aba0ab3aa..e01bf5653b6d 100644
--- a/Naruto d20 Modern/Naruto d20 Modern.css	
+++ b/Naruto d20 Modern/Naruto d20 Modern.css	
@@ -9,7 +9,7 @@
     margin-bottom:0px;
     font-size:0.9em;
     height:2.2em;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 .charsheet .repcontrol_edit
 {
@@ -22,7 +22,7 @@
     margin-bottom:5px;
     font-size:0.9em;
     height:2.2em;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 .charsheet .repcontrol_del {
     background:red;
@@ -43,6 +43,7 @@
 .sheet-useBackground input[value="0"] ~ *.sheet-background {
     background-image:none; background-color:#F3F8F6;
 }
+
 .sheet-useBackground input[value="1"] ~ *.sheet-background {
     background-image:url("http://i.imgur.com/izwlEug.jpg");
     background-size: 100%;
@@ -63,10 +64,17 @@
     width:840px;
 }
 
+.charsheet .sheet-background {
+  font-family: 'Proxima Nova';
+  font-size: 14px;
+  font-weight: normal;
+}
+
 div.sheet-core-content {
     display: none;
     width:840px;
 }
+
 .charsheet div[class^="sheet-section"] {
     display: none;
     background-size:840px;
@@ -104,14 +112,11 @@ div.sheet-core-content {
 .charsheet span.sheet-tab {
     text-align: center;
     display: inline-block;
-    font-size: 13px;
     background-repeat: no-repeat;
 	color: #7F2108;
-	font-weight: bold;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 	border-radius: 4px;
     border: 2px solid #7F2108;
-
 	width: 100px;
     height: 20px;
     cursor: pointer;
@@ -142,34 +147,41 @@ div.sheet-core-content {
 .sheet-table-center {
     padding-left: 150px;
     padding-right: 5px;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 .sheet-tableI {
     margin-left:auto;
     margin-right:auto;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 .sheet-tableI th {
     font-size:8px;
     vertical-align:super;
 }
 .sheet-font {
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
     font-weight:normal;
     }
 .sheet-tableII th {
     background:#000;
     color:white;
 }
+
+.sheet-tableII th:first-child {
+  padding-inline: 2px;
+}
+
 .sheet-tableII {
-    margin-left:auto;
-    margin-right:auto;
+  margin-left: auto;
+  margin-right: auto;
 }
+
 .sheet-tableII th.sheet-heading {
-    background:#000;
-    color:white;
-    font-size:9px;
-	text-align: center;
+  background: #000;
+  color: white;
+  font-size: 9px;
+  text-align: center;
+  padding-inline: 5px;
 }
 
 .sheet-tableIII th {
@@ -261,7 +273,7 @@ input.sheet-textbgselect[type="text"]:focus {
     border-radius:0px;
     box-shadow:none;
     font-size:1.8em;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
     text-align:center;
     background: transparent;
 }
@@ -391,27 +403,21 @@ select.sheet-Specialty {
     font-size:0.7em
 }
 
-h3 {
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
-    text-align:center;
-}
-h4 {
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
-    color: #000;
-    font-weight:bold;
+h3, h4, h5 {
+    font-family: 'Proxima Nova';
     text-align:center;
 }
-h5 {
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+
+h4, h5 {
     color: #000;
-    font-weight:bold;
 }
+
 textarea.sheet-notes {
     border-radius:15px;
     border: 2px solid #7F2108;
     height:35px;
     resize:vertical;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 
 textarea.sheet-longnotes {
@@ -419,7 +425,7 @@ textarea.sheet-longnotes {
     border: 2px solid #7F2108;
     height:105px;
     resize:vertical;
-    font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
+    font-family: 'Proxima Nova';
 }
 
 /*-----Tool Tips-----*/
@@ -703,14 +709,14 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 
 /*------------Button-----------*/
 /* ======== skillbtn ========*/
-.sheet-skillbtn button[type="roll"]:before,
-.sheet-skillbtn:before  {
+.charsheet .sheet-skillbtn button[type="roll"]:before,
+.charsheet .sheet-skillbtn:before  {
     content: ""!important;
     display: none;
     border:none;
 }
-.sheet-skillbtn button[type="roll"],
-.sheet-skillbtn {
+.charsheet .sheet-skillbtn button[type="roll"],
+.charsheet .sheet-skillbtn {
     display: block;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
@@ -718,7 +724,6 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
     border: 1px solid #000;
     box-shadow: none;
     outline:0;
-
     margin: 0;
     background: black;
     font-size:1em !important;
@@ -898,13 +903,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 
         /*=== Roll Templates ===*/
         /*=== show ===*/
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-show table,
 .sheet-rolltemplate-show table {
     width: 100%;
     border-radius:15px 15px 15px 15px;
     color: #7F2108;
     font-size: 1em;
     font-variant: small-caps;
-    box-shadow: none;
     background: #F3F8F6;
     box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
 }
@@ -914,14 +919,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 }
 
         /*=== attack ===*/
-
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack table,
 .sheet-rolltemplate-attack table {
     width: 100%;
     border-radius:15px 15px 15px 15px;
     color: #7F2108;
     font-size: 1em;
     font-variant: small-caps;
-    box-shadow: none;
     background: #F3F8F6;
     box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
 }
@@ -929,10 +933,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 .sheet-rolltemplate-attack td {
     padding: 5px;
 }
+
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-confirm,
 .sheet-rolltemplate-attack td.sheet-confirm {
     font-style:italic;
     color:black;
 }
+
 .sheet-rolltemplate-attack td.sheet-detail {
     font-style:italic;
     border-radius:15px 15px 0px 0px;
@@ -941,9 +948,17 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 .sheet-rolltemplate-attack td.sheet-last_left {
     border-radius:0px 0px 0px 15px;
 }
+
 .sheet-rolltemplate-attack td.sheet-last_right {
     border-radius:0px 0px 15px 0px;
 }
+
+
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullcrit,
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullfail,
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .importantroll,
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult,
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult,
 .sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullcrit,
 .sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullfail,
 .sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .importantroll,
@@ -954,6 +969,8 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
     box-shadow:none;
     color:black;
 }
+
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.fullcrit,
 .sheet-rolltemplate-attack .inlinerollresult.fullcrit {
     border: none;
     background:black;
@@ -962,6 +979,7 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
     box-shadow:none;
 }
 
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.fullfail,
 .sheet-rolltemplate-attack .inlinerollresult.fullfail {
     border: none;
     background:red;
@@ -970,18 +988,19 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
     box-shadow:none;
 }
 
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.importantroll,
 .sheet-rolltemplate-attack .inlinerollresult.importantroll {
     border: none;
 }
 
         /*=== show ===*/
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-tap table,
 .sheet-rolltemplate-tap table {
     width: 100%;
     border-radius:15px 15px 15px 15px;
     color: #7F2108;
     font-size: 1em;
     font-variant: small-caps;
-    box-shadow: none;
     background: #F3F8F6;
     box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
 }
@@ -991,13 +1010,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
 }
 
         /*=== show ===*/
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-tx table,
 .sheet-rolltemplate-tx table {
     width: 100%;
     border-radius:15px 15px 15px 15px;
     color: #7F2108;
     font-size: 1em;
     font-variant: small-caps;
-    box-shadow: none;
     background: #F3F8F6;
     box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
 }