_theme.scss in jekyll-theme-doodle-5.1.2

- old
+ new

@@ -305,10 +305,11 @@
   --md-sys-color-surface-container: rgb(36 30 34);
   --md-sys-color-surface-container-high: #2f282d;
   --md-sys-color-surface-container-highest: rgb(58 51 56);
 }
 .light-pink {
+  --light-filter: invert(93%) hue-rotate(180deg);
   --md-sys-color-primary: rgb(127 77 122);
   --md-sys-color-surface-tint: rgb(127 77 122);
   --md-sys-color-on-primary: rgb(255 255 255);
   --md-sys-color-primary-container: rgb(255 215 246);
   --md-sys-color-on-primary-container: rgb(51 8 51);
@@ -360,10 +361,11 @@
   --md-sys-color-surface-container-highest: rgb(235 223 230);
   --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(13%)
     saturate(228%) hue-rotate(270deg) brightness(93%) contrast(82%);
 }
 .light-green {
+  --light-filter: invert(93%) hue-rotate(180deg);
   --md-sys-color-primary: rgb(75 102 44);
   --md-sys-color-surface-tint: rgb(75 102 44);
   --md-sys-color-on-primary: rgb(255 255 255);
   --md-sys-color-primary-container: rgb(204 237 164);
   --md-sys-color-on-primary-container: rgb(15 32 0);
@@ -415,10 +417,11 @@
   --md-sys-color-surface-container: rgb(238 239 228);
   --md-sys-color-surface-container-high: rgb(232 233 222);
   --md-sys-color-surface-container-highest: rgb(226 227 216);
 }
 .light-yellow {
+  --light-filter: invert(93%) hue-rotate(180deg);
   --md-sys-color-primary: rgb(109 94 15);
   --md-sys-color-surface-tint: rgb(109 94 15);
   --md-sys-color-on-primary: rgb(255 255 255);
   --md-sys-color-primary-container: rgb(248 226 135);
   --md-sys-color-on-primary-container: rgb(34 27 0);
@@ -470,10 +473,11 @@
   --md-sys-color-surface-container: rgb(244 237 223);
   --md-sys-color-surface-container-high: rgb(238 232 218);
   --md-sys-color-surface-container-highest: rgb(232 226 212);
 }
 .light-blue {
+  --light-filter: invert(93%) hue-rotate(180deg);
   --md-sys-color-primary: rgb(65 95 145);
   --md-sys-color-surface-tint: rgb(65 95 145);
   --md-sys-color-on-primary: rgb(255 255 255);
   --md-sys-color-primary-container: rgb(214 227 255);
   --md-sys-color-on-primary-container: rgb(0 27 62);
@@ -525,9 +529,10 @@
   --md-sys-color-surface-container-highest: rgb(226 226 233);
   --outline-filter: brightness(0) saturate(100%) invert(61%) sepia(5%)
     saturate(424%) hue-rotate(192deg) brightness(92%) contrast(92%);
 }
 .light-cyan {
+  --light-filter: invert(93%) hue-rotate(180deg);
   --md-sys-color-primary: rgb(0 106 100);
   --md-sys-color-surface-tint: rgb(0 106 100);
   --md-sys-color-on-primary: rgb(255 255 255);
   --md-sys-color-primary-container: rgb(157 242 233);
   --md-sys-color-on-primary-container: rgb(0 32 30);