diff --git a/D&D_BECM/BDnDSheet.css b/D&D_BECM/BDnDSheet.css
index 8fa458fd3e..a4e997b0fa 100644
--- a/D&D_BECM/BDnDSheet.css
+++ b/D&D_BECM/BDnDSheet.css
@@ -6,7 +6,9 @@
 	--header-text: var(--color-surface1);
 	--is-player-character: #65763c;
 	--not-player-character: #93537c;
+	--selected-spell-level-background: #009e73;
 	--selected-tab-background: #ab8b57;
+	--unselected-spell-level-background: #56b4e9;
 	--unselected-tab-background: #4a6486;
 }
 
@@ -337,8 +339,6 @@ input.sheet-tab7:checked + span.sheet-tab7,
 input.sheet-tab8:checked + span.sheet-tab8,
 input.sheet-tab99:checked + span.sheet-tab99 {
 	background: var(--selected-tab-background);
-	border-radius: 4px;
-	color: var(--header-text);
 }
 /* End Main sheet tabs */
 
@@ -356,10 +356,7 @@ input.sheet-spelltab5:checked ~ div.sheet-spell-page5,
 input.sheet-spelltab6:checked ~ div.sheet-spell-page6,
 input.sheet-spelltab7:checked ~ div.sheet-spell-page7,
 input.sheet-spelltab8:checked ~ div.sheet-spell-page8,
-input.sheet-spelltab9:checked ~ div.sheet-spell-page9 {
-	display: block;
-}
-
+input.sheet-spelltab9:checked ~ div.sheet-spell-page9,
 input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] {
 	display: block;
 }
@@ -375,43 +372,40 @@ input.sheet-spelltab7:checked ~ span.sheet-spelltab7,
 input.sheet-spelltab8:checked ~ span.sheet-spelltab8,
 input.sheet-spelltab9:checked ~ span.sheet-spelltab9,
 input.sheet-spelltab99:checked ~ span.sheet-spelltab99 {
-	background: rgb(0, 158, 115);
-	color: white;
-	border-radius: 4px;
+	background: var(--selected-spell-level-background);
 }
 
 input.sheet-spellpagetab {
-	width: 70px;
-	height: 20px;
 	cursor: pointer;
-	position: relative;
+	height: 20px;
 	opacity: 0;
+	position: relative;
+	width: 70px;
 	z-index: 9999;
 }
 
 span.sheet-spellpagetab {
-	text-align: center;
+	background: var(--unselected-spell-level-background);
+	border-radius: 4px;
+	color: var(--header-text);
+	cursor: pointer;
 	display: inline-block;
 	font-size: 13px;
-	background: rgb(86, 180, 233);
-	color: white;
 	font-weight: bold;
-	border-radius: 4px;
-
-	width: 70px;
 	height: 20px;
-	cursor: pointer;
-	position: relative;
 	margin-left: -73px;
+	position: relative;
+	text-align: center;
+	width: 70px;
 }
 
-.sheet-spell-macro-output-options,
 .sheet-classaction-output-options,
-.sheet-npc-output-options {
-	border: black 1px dashed;
+.sheet-npc-output-options,
+.sheet-spell-macro-output-options {
+	border: var(--border) 1px dashed;
 	border-radius: 5px;
 }
-/* END Spell Page Settings */
+/* End Spell Page Settings */
 
 /* Borders for spell page and class action repeating section rows */
 div[data-groupname^="repeating_spellbook"] .repitem,