_base.scss in dark-blog-theme-2.0.0

- old
+ new

@@ -18,10 +18,163 @@
 ul,
 figure {
   margin: 0;
   padding: 0;
 }
+.dark-yellow {
+  --md-sys-color-primary: rgb(219 198 110);
+  --md-sys-color-surface-tint: rgb(219 198 110);
+  --md-sys-color-on-primary: rgb(58 48 0);
+  --md-sys-color-primary-container: rgb(83 70 0);
+  --md-sys-color-on-primary-container: rgb(248 226 135);
+  --md-sys-color-secondary: rgb(209 198 161);
+  --md-sys-color-on-secondary: rgb(54 48 22);
+  --md-sys-color-secondary-container: rgb(78 71 42);
+  --md-sys-color-on-secondary-container: rgb(238 226 188);
+  --md-sys-color-tertiary: rgb(169 208 179);
+  --md-sys-color-on-tertiary: rgb(20 55 35);
+  --md-sys-color-tertiary-container: rgb(44 78 56);
+  --md-sys-color-on-tertiary-container: rgb(197 236 206);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(21 19 11);
+  --md-sys-color-on-background: rgb(232 226 212);
+  --md-sys-color-surface: rgb(21 19 11);
+  --md-sys-color-on-surface: rgb(232 226 212);
+  --md-sys-color-surface-variant: rgb(75 71 57);
+  --md-sys-color-on-surface-variant: rgb(205 198 180);
+  --md-sys-color-outline: rgb(150 144 128);
+  --md-sys-color-outline-variant: rgb(75 71 57);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(232 226 212);
+  --md-sys-color-inverse-on-surface: rgb(51 48 39);
+  --md-sys-color-inverse-primary: rgb(109 94 15);
+  --md-sys-color-primary-fixed: rgb(248 226 135);
+  --md-sys-color-on-primary-fixed: rgb(34 27 0);
+  --md-sys-color-primary-fixed-dim: rgb(219 198 110);
+  --md-sys-color-on-primary-fixed-variant: rgb(83 70 0);
+  --md-sys-color-secondary-fixed: rgb(238 226 188);
+  --md-sys-color-on-secondary-fixed: rgb(33 27 4);
+  --md-sys-color-secondary-fixed-dim: rgb(209 198 161);
+  --md-sys-color-on-secondary-fixed-variant: rgb(78 71 42);
+  --md-sys-color-tertiary-fixed: rgb(197 236 206);
+  --md-sys-color-on-tertiary-fixed: rgb(0 33 15);
+  --md-sys-color-tertiary-fixed-dim: rgb(169 208 179);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(44 78 56);
+  --md-sys-color-surface-dim: rgb(21 19 11);
+  --md-sys-color-surface-bright: rgb(60 57 48);
+  --md-sys-color-surface-container-lowest: rgb(16 14 7);
+  --md-sys-color-surface-container-low: rgb(30 27 19);
+  --md-sys-color-surface-container: rgb(34 32 23);
+  --md-sys-color-surface-container-high: rgb(45 42 33);
+  --md-sys-color-surface-container-highest: rgb(56 53 43);
+}
+.dark-blue {
+  --md-sys-color-primary: rgb(170 199 255);
+  --md-sys-color-surface-tint: rgb(170 199 255);
+  --md-sys-color-on-primary: rgb(10 48 95);
+  --md-sys-color-primary-container: rgb(40 71 119);
+  --md-sys-color-on-primary-container: rgb(214 227 255);
+  --md-sys-color-secondary: rgb(190 198 220);
+  --md-sys-color-on-secondary: rgb(40 49 65);
+  --md-sys-color-secondary-container: rgb(62 71 89);
+  --md-sys-color-on-secondary-container: rgb(218 226 249);
+  --md-sys-color-tertiary: rgb(221 188 224);
+  --md-sys-color-on-tertiary: rgb(63 40 68);
+  --md-sys-color-tertiary-container: rgb(87 62 92);
+  --md-sys-color-on-tertiary-container: rgb(250 216 253);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(17 19 24);
+  --md-sys-color-on-background: rgb(226 226 233);
+  --md-sys-color-surface: rgb(17 19 24);
+  --md-sys-color-on-surface: rgb(226 226 233);
+  --md-sys-color-surface-variant: rgb(68 71 78);
+  --md-sys-color-on-surface-variant: rgb(196 198 208);
+  --md-sys-color-outline: rgb(142 144 153);
+  --md-sys-color-outline-variant: rgb(68 71 78);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(226 226 233);
+  --md-sys-color-inverse-on-surface: rgb(46 48 54);
+  --md-sys-color-inverse-primary: rgb(65 95 145);
+  --md-sys-color-primary-fixed: rgb(214 227 255);
+  --md-sys-color-on-primary-fixed: rgb(0 27 62);
+  --md-sys-color-primary-fixed-dim: rgb(170 199 255);
+  --md-sys-color-on-primary-fixed-variant: rgb(40 71 119);
+  --md-sys-color-secondary-fixed: rgb(218 226 249);
+  --md-sys-color-on-secondary-fixed: rgb(19 28 43);
+  --md-sys-color-secondary-fixed-dim: rgb(190 198 220);
+  --md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);
+  --md-sys-color-tertiary-fixed: rgb(250 216 253);
+  --md-sys-color-on-tertiary-fixed: rgb(40 19 46);
+  --md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);
+  --md-sys-color-surface-dim: rgb(17 19 24);
+  --md-sys-color-surface-bright: rgb(55 57 62);
+  --md-sys-color-surface-container-lowest: rgb(12 14 19);
+  --md-sys-color-surface-container-low: rgb(25 28 32);
+  --md-sys-color-surface-container: rgb(29 32 36);
+  --md-sys-color-surface-container-high: rgb(40 42 47);
+  --md-sys-color-surface-container-highest: rgb(51 53 58);
+}
+.dark-cyan {
+  --md-sys-color-primary: rgb(129 213 205);
+  --md-sys-color-surface-tint: rgb(129 213 205);
+  --md-sys-color-on-primary: rgb(0 55 52);
+  --md-sys-color-primary-container: rgb(0 80 75);
+  --md-sys-color-on-primary-container: rgb(157 242 233);
+  --md-sys-color-secondary: rgb(176 204 200);
+  --md-sys-color-on-secondary: rgb(28 53 50);
+  --md-sys-color-secondary-container: rgb(50 75 73);
+  --md-sys-color-on-secondary-container: rgb(204 232 228);
+  --md-sys-color-tertiary: rgb(175 201 231);
+  --md-sys-color-on-tertiary: rgb(24 50 74);
+  --md-sys-color-tertiary-container: rgb(48 73 98);
+  --md-sys-color-on-tertiary-container: rgb(207 229 255);
+  --md-sys-color-error: rgb(255 180 171);
+  --md-sys-color-on-error: rgb(105 0 5);
+  --md-sys-color-error-container: rgb(147 0 10);
+  --md-sys-color-on-error-container: rgb(255 218 214);
+  --md-sys-color-background: rgb(14 21 20);
+  --md-sys-color-on-background: rgb(221 228 226);
+  --md-sys-color-surface: rgb(14 21 20);
+  --md-sys-color-on-surface: rgb(221 228 226);
+  --md-sys-color-surface-variant: rgb(63 73 71);
+  --md-sys-color-on-surface-variant: rgb(190 201 198);
+  --md-sys-color-outline: rgb(137 147 145);
+  --md-sys-color-outline-variant: rgb(63 73 71);
+  --md-sys-color-shadow: rgb(0 0 0);
+  --md-sys-color-scrim: rgb(0 0 0);
+  --md-sys-color-inverse-surface: rgb(221 228 226);
+  --md-sys-color-inverse-on-surface: rgb(43 50 49);
+  --md-sys-color-inverse-primary: rgb(0 106 100);
+  --md-sys-color-primary-fixed: rgb(157 242 233);
+  --md-sys-color-on-primary-fixed: rgb(0 32 30);
+  --md-sys-color-primary-fixed-dim: rgb(129 213 205);
+  --md-sys-color-on-primary-fixed-variant: rgb(0 80 75);
+  --md-sys-color-secondary-fixed: rgb(204 232 228);
+  --md-sys-color-on-secondary-fixed: rgb(5 31 29);
+  --md-sys-color-secondary-fixed-dim: rgb(176 204 200);
+  --md-sys-color-on-secondary-fixed-variant: rgb(50 75 73);
+  --md-sys-color-tertiary-fixed: rgb(207 229 255);
+  --md-sys-color-on-tertiary-fixed: rgb(0 29 51);
+  --md-sys-color-tertiary-fixed-dim: rgb(175 201 231);
+  --md-sys-color-on-tertiary-fixed-variant: rgb(48 73 98);
+  --md-sys-color-surface-dim: rgb(14 21 20);
+  --md-sys-color-surface-bright: rgb(52 58 57);
+  --md-sys-color-surface-container-lowest: rgb(9 15 15);
+  --md-sys-color-surface-container-low: rgb(22 29 28);
+  --md-sys-color-surface-container: rgb(26 33 32);
+  --md-sys-color-surface-container-high: rgb(37 43 42);
+  --md-sys-color-surface-container-highest: rgb(47 54 53);
+}
 
 .dark-green {
   --md-sys-color-primary: rgb(177 209 138);
   --md-sys-color-surface-tint: rgb(177 209 138);
   --md-sys-color-on-primary: rgb(31 55 1);
@@ -70,60 +223,10 @@
   --md-sys-color-surface-container-low: rgb(26 28 22);
   --md-sys-color-surface-container: rgb(30 32 26);
   --md-sys-color-surface-container-high: rgb(40 43 36);
   --md-sys-color-surface-container-highest: rgb(51 54 46);
 }
-.light-green {
-  --md-sys-color-primary: rgb(76 102 43);
-  --md-sys-color-surface-tint: rgb(76 102 43);
-  --md-sys-color-on-primary: rgb(255 255 255);
-  --md-sys-color-primary-container: rgb(205 237 163);
-  --md-sys-color-on-primary-container: rgb(16 32 0);
-  --md-sys-color-secondary: rgb(88 98 73);
-  --md-sys-color-on-secondary: rgb(255 255 255);
-  --md-sys-color-secondary-container: rgb(220 231 200);
-  --md-sys-color-on-secondary-container: rgb(21 30 11);
-  --md-sys-color-tertiary: rgb(56 102 99);
-  --md-sys-color-on-tertiary: rgb(255 255 255);
-  --md-sys-color-tertiary-container: rgb(188 236 231);
-  --md-sys-color-on-tertiary-container: rgb(0 32 30);
-  --md-sys-color-error: rgb(186 26 26);
-  --md-sys-color-on-error: rgb(255 255 255);
-  --md-sys-color-error-container: rgb(255 218 214);
-  --md-sys-color-on-error-container: rgb(65 0 2);
-  --md-sys-color-background: rgb(249 250 239);
-  --md-sys-color-on-background: rgb(26 28 22);
-  --md-sys-color-surface: rgb(249 250 239);
-  --md-sys-color-on-surface: rgb(26 28 22);
-  --md-sys-color-surface-variant: rgb(225 228 213);
-  --md-sys-color-on-surface-variant: rgb(68 72 61);
-  --md-sys-color-outline: rgb(117 121 108);
-  --md-sys-color-outline-variant: rgb(197 200 186);
-  --md-sys-color-shadow: rgb(0 0 0);
-  --md-sys-color-scrim: rgb(0 0 0);
-  --md-sys-color-inverse-surface: rgb(47 49 42);
-  --md-sys-color-inverse-on-surface: rgb(241 242 230);
-  --md-sys-color-inverse-primary: rgb(177 209 138);
-  --md-sys-color-primary-fixed: rgb(205 237 163);
-  --md-sys-color-on-primary-fixed: rgb(16 32 0);
-  --md-sys-color-primary-fixed-dim: rgb(177 209 138);
-  --md-sys-color-on-primary-fixed-variant: rgb(53 78 22);
-  --md-sys-color-secondary-fixed: rgb(220 231 200);
-  --md-sys-color-on-secondary-fixed: rgb(21 30 11);
-  --md-sys-color-secondary-fixed-dim: rgb(191 203 173);
-  --md-sys-color-on-secondary-fixed-variant: rgb(64 74 51);
-  --md-sys-color-tertiary-fixed: rgb(188 236 231);
-  --md-sys-color-on-tertiary-fixed: rgb(0 32 30);
-  --md-sys-color-tertiary-fixed-dim: rgb(160 208 203);
-  --md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75);
-  --md-sys-color-surface-dim: rgb(218 219 208);
-  --md-sys-color-surface-bright: rgb(249 250 239);
-  --md-sys-color-surface-container-lowest: rgb(255 255 255);
-  --md-sys-color-surface-container-low: rgb(243 244 233);
-  --md-sys-color-surface-container: rgb(238 239 227);
-  --md-sys-color-surface-container-high: rgb(232 233 222);
-  --md-sys-color-surface-container-highest: rgb(226 227 216);
-}
+
 .dark-pink {
   --md-sys-color-primary: rgb(240 179 231);
   --md-sys-color-surface-tint: rgb(240 179 231);
   --md-sys-color-on-primary: rgb(75 31 74);
   --md-sys-color-primary-container: rgb(101 54 98);