significant palette overhaul, w. addition of +3 new palettes; new swatch preview appearance; expanded palette toggle functionality; repaired test suite accordingly

src/static_src/scss/rootvars.scss

@@ -236,8 +236,8 @@
     --terSwp: 102, 92, 67;
     --quaSwp: 43, 46, 37;
     // blood (Tyche's Phlegethon)
-    --priBld: 190, 69, 40;
-    --secBld: 167, 53, 42;
+    --priBld: 200, 79, 50;
+    --secBld: 177, 63, 52;
     --terBld: 120, 37, 33;
     --quaBld: 77, 23, 13;
     // ice (Daimon's Cocytus)
@@ -318,12 +318,12 @@
 .palette-sheol {
     --priUser: var(--priPu);
     --secUser: var(--quiPu);
-    --terUser: var(--terFs);
+    --terUser: var(--priFs);
     --quaUser: var(--priCfw);
     --quiUser: var(--terCfw);
     --sixUser: var(--terId);
     --sepUser: var(--secId);
-    --octUser: var(--priFs);
+    --octUser: var(--terFs);
     --ninUser: var(--sixPu);
     --decUser: var(--terPu);
 }
@@ -331,12 +331,12 @@
 .palette-nirvana {
     --priUser: var(--priU);
     --secUser: var(--quiU);
-    --terUser: var(--terMe);
+    --terUser: var(--priMe);
     --quaUser: var(--quiCu);
     --quiUser: var(--terCu);
     --sixUser: var(--terKhk);
     --sepUser: var(--priKhk);
-    --octUser: var(--priMe);
+    --octUser: var(--terMe);
     --ninUser: var(--sixCu);
     --decUser: var(--terU);
 }
@@ -344,12 +344,12 @@
 .palette-inferno {
     --priUser: var(--quaSwp);
     --secUser: var(--priSwp);
-    --terUser: var(--terBld);
+    --terUser: var(--secBld);
     --quaUser: var(--priIce);
     --quiUser: var(--quaIce);
     --sixUser: var(--priTrs);
     --sepUser: var(--terTrs);
-    --octUser: var(--priBld);
+    --octUser: var(--terBld);
     --ninUser: var(--priMst);
     --decUser: var(--terMst);
 }
@@ -370,16 +370,56 @@
 .palette-celestia {
     --priUser: var(--octClh);
     --secUser: var(--sixClh);
-    --terUser: var(--quaClh);
+    --terUser: var(--terClh);
     --quaUser: var(--decClh);
     --quiUser: var(--ninClh);
     --sixUser: var(--sepClh);
-    --sepUser: var(--secClh);
-    --octUser: var(--terClh);
-    --ninUser: var(--priClh);
+    --sepUser: var(--priClh);
+    --octUser: var(--quaClh);
+    --ninUser: var(--secClh);
     --decUser: var(--quiClh);
 }
 
+/* Monochrome Dark Palette */
+.palette-monochrome-dark {
+    --priUser: var(--priAg);    /* 30,30,30    — near-black bg           */
+    --secUser: var(--quiAg);    /* 175,175,175 — light gray text/border  */
+    --terUser: var(--sixAg);    /* 240,240,240 — bright white accent     */
+    --quaUser: var(--sixAg);    /* 240,240,240 — active/interactive      */
+    --quiUser: var(--quaAg);    /* 133,133,133 — secondary action        */
+    --sixUser: var(--terAg);    /* 100,100,100 — subtle mid              */
+    --sepUser: var(--secAg);    /* 60,60,60    — deep subtle             */
+    --octUser: var(--quiPt);    /* 189,190,189 — links (cooler silver)   */
+    --ninUser: var(--sixAg);    /* 240,240,240 — glow highlight          */
+    --decUser: var(--terAg);    /* 100,100,100 — mid tone                */
+}
+/* Monochrome Light Palette */
+.palette-monochrome-light {
+    --priUser: var(--sixAg);    /* 240,240,240 — light gray bg           */
+    --secUser: var(--terAg);    /* 100,100,100 — mid-dark text/border    */
+    --terUser: var(--secAg);    /* 60,60,60    — dark accent             */
+    --quaUser: var(--priAg);    /* 30,30,30    — near-black active       */
+    --quiUser: var(--quaAg);    /* 133,133,133 — mid-gray action         */
+    --sixUser: var(--quiAg);    /* 175,175,175 — subtle                  */
+    --sepUser: var(--sixAg);    /* 240,240,240 — secondary subtle        */
+    --octUser: var(--terNi);    /* 93,95,94    — links                   */
+    --ninUser: var(--priCtn);   /* 255,251,246 — warm bright highlight   */
+    --decUser: var(--secPt);    /* 189,190,189 — light mid               */
+}
+/* Sepia Palette */
+.palette-sepia {
+    --priUser: var(--priCu);    /* 46,24,5     — very dark warm brown bg */
+    --secUser: var(--quiCu);    /* 207,173,143 — warm beige text/border  */
+    --terUser: var(--quiAu);    /* 214,186,84  — amber gold accent       */
+    --quaUser: var(--quaAg);   /* 195,176,145 — warm tan interactive    */
+    --quiUser: var(--quaSwp);   /* 95,76,45    — deep khaki              */
+    --sixUser: var(--quaCu);    /* 171,112,60  — copper mid              */
+    --sepUser: var(--terCu);    /* 133,81,36   — deep copper             */
+    --octUser: var(--quaAu);    /* 181,154,54  — golden links            */
+    --ninUser: var(--sixCu);    /* 242,216,191 — warm cream highlight    */
+    --decUser: var(--secKhk);   /* 145,126,95  — warm mid-tone          */
+}
+
 /* Palette Classes */
 .priUser {
     color: rgba(var(--priUser), 1);