diff --git a/src/base.css b/src/base.css
index 9882257..b50ba7c 100644
--- a/src/base.css
+++ b/src/base.css
@@ -43,6 +43,38 @@
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
 
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
     --filter-reset: brightness(0) saturate(100%);
     --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
       brightness(101%) contrast(91%);
diff --git a/src/duolingo.user.css b/src/duolingo.user.css
index f8c278b..aade486 100644
--- a/src/duolingo.user.css
+++ b/src/duolingo.user.css
@@ -12,74 +12,138 @@
 @-moz-document domain("duolingo.com") {
   /*~~~~~ Base Colors ~~~~~*/
   :root {
-    --bg_h: 29, 32, 33;
-    --bg: 40, 40, 40;
-    --bg_s: 50, 48, 47;
-    --bg1: 60, 56, 54;
-    --bg2: 80, 73, 69;
-    --bg3: 102, 92, 84;
-    --bg4: 124, 111, 100;
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
 
-    --fg: 251, 241, 199;
-    --fg1: 235, 219, 178;
-    --fg2: 213, 196, 161;
-    --fg3: 189, 174, 147;
-    --fg4: 168, 153, 132;
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
 
-    --red: 251, 73, 52;
-    --green: 184, 187, 38;
-    --yellow: 250, 189, 47;
-    --blue: 131, 165, 152;
-    --purple: 211, 134, 155;
-    --aqua: 142, 192, 124;
-    --gray: 146, 131, 116;
-    --orange: 254, 128, 25;
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
 
-    --red-dim: 204, 36, 18;
-    --green-dim: 152, 151, 26;
-    --yellow-dim: 215, 153, 33;
-    --blue-dim: 69, 133, 136;
-    --purple-dim: 177, 98, 134;
-    --aqua-dim: 104, 157, 106;
-    --gray-dim: 168, 153, 132;
-    --orange-dim: 214, 93, 14;
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
 
-    --color-snow: var(--bg);
-    --color-eel: var(--fg);
-    --color-wolf: var(--fg2);
-    --color-hare: var(--fg1);
-    --color-black-text: var(--fg);
-    --color-swan: var(--bg4);
-    --color-polar: var(--fg3);
-    --color-gray-border: var(--fg4);
+    --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
+      monospace, emoji;
 
-    --color-owl-always-light: var(--green);
-    --color-owl: var(--green);
-    --color-beetle-always-light: var(--purple-dim);
-    --color-beetle: var(--purple-dim);
-    --color-dragon-always-light: var(--purple-dim);
-    --color-dragon: var(--purple-dim);
-    --color-peacock-always-light: var(--aqua);
-    --color-peacock: var(--aqua);
-    --color-macaw-always-light: var(--blue);
-    --color-macaw: var(--blue);
-    --color-starfish-always-light: var(--purple);
-    --color-starfish: var(--purple);
-    --color-fox-always-light: var(--orange);
-    --color-fox: var(--orange);
-    --color-cardinal-always-light: var(--red);
-    --color-cardinal: var(--red);
-    --color-grizzly-always-light: var(--gray-dim);
-    --color-grizzly: var(--gray-dim);
-    --color-cosmos: var(--blue);
-    --color-nebula: var(--blue-dim);
-    --color-iguana: var(--aqua);
-    --color-blue-jay: var(--aqua-dim);
-    --color-iguana: var(--aqua);
-    --color-whale: var(--blue);
-    --color-tree-frog: var(--green-dim);
-    --color-sea-sponge: var(--green);
-    --color-blue: var(--blue);
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
+    --color-snow: var(--rgb-bg);
+    --color-eel: var(--rgb-fg);
+    --color-wolf: var(--rgb-fg2);
+    --color-hare: var(--rgb-fg1);
+    --color-black-text: var(--rgb-fg);
+    --color-swan: var(--rgb-bg4);
+    --color-polar: var(--rgb-fg3);
+    --color-gray-border: var(--rgb-fg4);
+
+    --color-owl-always-light: var(--rgb-green);
+    --color-owl: var(--rgb-green);
+    --color-beetle-always-light: var(--rgb-purple-dim);
+    --color-beetle: var(--rgb-purple-dim);
+    --color-dragon-always-light: var(--rgb-purple-dim);
+    --color-dragon: var(--rgb-purple-dim);
+    --color-peacock-always-light: var(--rgb-aqua);
+    --color-peacock: var(--rgb-aqua);
+    --color-macaw-always-light: var(--rgb-blue);
+    --color-macaw: var(--rgb-blue);
+    --color-starfish-always-light: var(--rgb-purple);
+    --color-starfish: var(--rgb-purple);
+    --color-fox-always-light: var(--rgb-orange);
+    --color-fox: var(--rgb-orange);
+    --color-cardinal-always-light: var(--rgb-red);
+    --color-cardinal: var(--rgb-red);
+    --color-grizzly-always-light: var(--rgb-gray-dim);
+    --color-grizzly: var(--rgb-gray-dim);
+    --color-cosmos: var(--rgb-blue);
+    --color-nebula: var(--rgb-blue-dim);
+    --color-iguana: var(--rgb-aqua);
+    --color-blue-jay: var(--rgb-aqua-dim);
+    --color-iguana: var(--rgb-aqua);
+    --color-whale: var(--rgb-blue);
+    --color-tree-frog: var(--rgb-green-dim);
+    --color-sea-sponge: var(--rgb-green);
+    --color-blue: var(--rgb-blue);
   }
 
   /*Logo*/
diff --git a/src/github.user.css b/src/github.user.css
index d89f24f..c84385a 100644
--- a/src/github.user.css
+++ b/src/github.user.css
@@ -42,19 +42,113 @@
     --aqua-dim: #689d6a;
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
+
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
     --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
       monospace, emoji;
   }
-  [data-color-mode="light"][data-light-theme="light"], 
+  [data-color-mode="light"][data-light-theme="light"],
   [data-color-mode="dark"][data-dark-theme="light"],
-  [data-color-mode="light"][data-light-theme="dark"], 
+  [data-color-mode="light"][data-light-theme="dark"],
   [data-color-mode="dark"][data-dark-theme="dark"],
-  [data-color-mode="light"][data-light-theme="dark_high_contrast"], 
+  [data-color-mode="light"][data-light-theme="dark_high_contrast"],
   [data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
-  [data-color-mode="light"][data-light-theme="dark_dimmed"], 
+  [data-color-mode="light"][data-light-theme="dark_dimmed"],
   [data-color-mode="dark"][data-dark-theme="dark_dimmed"],
-  [data-color-mode=auto][data-light-theme*=light], 
-  [data-color-mode=auto][data-light-theme*=dark] {
+  [data-color-mode="auto"][data-light-theme*="light"],
+  [data-color-mode="auto"][data-light-theme*="dark"] {
     --color-header-bg: var(--bg4);
   }
 }
diff --git a/src/keybr.user.css b/src/keybr.user.css
index 90d1e35..60423ee 100644
--- a/src/keybr.user.css
+++ b/src/keybr.user.css
@@ -43,6 +43,102 @@
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
 
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
+    --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
+      monospace, emoji;
+
     --text-color: var(--fg4);
     --link-color: var(--blue);
     --header-color: var(--fg3);
diff --git a/src/moodle.user.css b/src/moodle.user.css
index f55e062..eb5a61a 100644
--- a/src/moodle.user.css
+++ b/src/moodle.user.css
@@ -25,14 +25,14 @@
     --fg3: #bdae93;
     --fg4: #a89984;
 
-    --red: #fb4934 !important;
-    --green: #b8bb26 !important;
-    --yellow: #fabd2f !important;
-    --blue: #83a598 !important;
-    --purple: #d3869b !important;
-    --aqua: #8ec07c !important;
-    --gray: #928374 !important;
-    --orange: #fe8019 !important;
+    --red: #fb4934;
+    --green: #b8bb26;
+    --yellow: #fabd2f;
+    --blue: #83a598;
+    --purple: #d3869b;
+    --aqua: #8ec07c;
+    --gray: #928374;
+    --orange: #fe8019;
 
     --red-dim: #cc2412;
     --green-dim: #98971a;
@@ -42,6 +42,100 @@
     --aqua-dim: #689d6a;
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
+
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
     --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
       monospace, emoji;
 
diff --git a/src/onedev.user.css b/src/onedev.user.css
index 86597b4..408a6c0 100644
--- a/src/onedev.user.css
+++ b/src/onedev.user.css
@@ -43,6 +43,38 @@ domain("code.onedev.io") {
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
 
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
     --filter-reset: brightness(0) saturate(100%);
     --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
       brightness(101%) contrast(91%);
diff --git a/src/photopea.user.css b/src/photopea.user.css
index a2bdf6c..3636fcc 100644
--- a/src/photopea.user.css
+++ b/src/photopea.user.css
@@ -20,39 +20,133 @@
 @-moz-document domain("photopea.com") {
   /*~~~~~ Base Colors ~~~~~*/
   html {
-    --bg_h: #1d2021;
-    --bg: #282828;
-    --bg_s: #32302f;
-    --bg1: #3c3836;
-    --bg2: #504945;
-    --bg3: #665c54;
-    --bg4: #7c6f64;
-
-    --fg: #fbf1c7;
-    --fg1: #ebdbb2;
-    --fg2: #d5c4a1;
-    --fg3: #bdae93;
-    --fg4: #a89984;
-
-    --red: #fb4934;
-    --green: #b8bb26;
-    --yellow: #fabd2f;
-    --blue: #83a598;
-    --purple: #d3869b;
-    --aqua: #8ec07c;
-    --gray: #928374;
-    --orange: #fe8019;
-
-    --red-dim: #cc2412;
-    --green-dim: #98971a;
-    --yellow-dim: #d79921;
-    --blue-dim: #458588;
-    --purple-dim: #b16286;
-    --aqua-dim: #689d6a;
-    --gray-dim: #a89984;
-    --orange-dim: #d65d0e;
-    --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
-      monospace, emoji;
+      --bg_h: #1d2021;
+      --bg: #282828;
+      --bg_s: #32302f;
+      --bg1: #3c3836;
+      --bg2: #504945;
+      --bg3: #665c54;
+      --bg4: #7c6f64;
+  
+      --fg: #fbf1c7;
+      --fg1: #ebdbb2;
+      --fg2: #d5c4a1;
+      --fg3: #bdae93;
+      --fg4: #a89984;
+  
+      --red: #fb4934;
+      --green: #b8bb26;
+      --yellow: #fabd2f;
+      --blue: #83a598;
+      --purple: #d3869b;
+      --aqua: #8ec07c;
+      --gray: #928374;
+      --orange: #fe8019;
+  
+      --red-dim: #cc2412;
+      --green-dim: #98971a;
+      --yellow-dim: #d79921;
+      --blue-dim: #458588;
+      --purple-dim: #b16286;
+      --aqua-dim: #689d6a;
+      --gray-dim: #a89984;
+      --orange-dim: #d65d0e;
+  
+      --rgb-bg_h: 29, 32, 33;
+      --rgb-bg: 40, 40, 40;
+      --rgb-bg_s: 50, 48, 47;
+      --rgb-bg1: 60, 56, 54;
+      --rgb-bg2: 80, 73, 69;
+      --rgb-bg3: 102, 92, 84;
+      --rgb-bg4: 124, 111, 100;
+  
+      --rgb-fg: 251, 241, 199;
+      --rgb-fg1: 235, 219, 178;
+      --rgb-fg2: 213, 196, 161;
+      --rgb-fg3: 189, 174, 147;
+      --rgb-fg4: 168, 153, 132;
+  
+      --rgb-red: 251, 73, 52;
+      --rgb-green: 184, 187, 38;
+      --rgb-yellow: 250, 189, 47;
+      --rgb-blue: 131, 165, 152;
+      --rgb-purple: 211, 134, 155;
+      --rgb-aqua: 142, 192, 124;
+      --rgb-gray: 146, 131, 116;
+      --rgb-orange: 254, 128, 25;
+  
+      --rgb-red-dim: 204, 36, 18;
+      --rgb-green-dim: 152, 151, 26;
+      --rgb-yellow-dim: 215, 153, 33;
+      --rgb-blue-dim: 69, 133, 136;
+      --rgb-purple-dim: 177, 98, 134;
+      --rgb-aqua-dim: 104, 157, 106;
+      --rgb-gray-dim: 168, 153, 132;
+      --rgb-orange-dim: 214, 93, 14;
+  
+      --filter-reset: brightness(0) saturate(100%);
+      --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+        brightness(101%) contrast(91%);
+      --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+        brightness(97%) contrast(91%);
+      --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+        brightness(90%) contrast(79%);
+      --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+        brightness(92%) contrast(81%);
+      --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+        brightness(93%) contrast(85%);
+      --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+        brightness(99%) contrast(89%);
+      --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+        brightness(93%) contrast(84%);
+  
+      --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+        brightness(108%) contrast(97%);
+      --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+        brightness(95%) contrast(95%);
+      --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+        brightness(88%) contrast(89%);
+      --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+        brightness(85%) contrast(90%);
+      --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+        brightness(85%) contrast(81%);
+  
+      --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+        brightness(101%) contrast(97%);
+      --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+        brightness(99%) contrast(85%);
+      --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+        brightness(102%) contrast(96%);
+      --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+        brightness(89%) contrast(90%);
+      --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+        brightness(89%) contrast(84%);
+      --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+        brightness(94%) contrast(91%);
+      --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+        brightness(92%) contrast(87%);
+      --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+        brightness(102%) contrast(99%);
+  
+      --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+        brightness(81%) contrast(98%);
+      --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+        brightness(96%) contrast(93%);
+      --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+        hue-rotate(343deg) brightness(88%) contrast(90%);
+      --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+        brightness(96%) contrast(91%);
+      --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+        hue-rotate(280deg) brightness(91%) contrast(81%);
+      --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+        brightness(98%) contrast(79%);
+      --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+        brightness(82%) contrast(82%);
+      --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+        hue-rotate(12deg) brightness(98%) contrast(89%);
+  
+      --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
+        monospace, emoji;
 
     --base: #282a36 !important;
     --bg-panel: #373949 !important;
diff --git a/src/pocketbase.user.css b/src/pocketbase.user.css
index 4cd86b3..d34741e 100644
--- a/src/pocketbase.user.css
+++ b/src/pocketbase.user.css
@@ -43,6 +43,100 @@
     --aqua-dim: #689d6a;
     --gray-dim: #a89984;
     --orange-dim: #d65d0e;
+
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
     --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
       monospace, emoji;
 
diff --git a/src/proxmox.user.css b/src/proxmox.user.css
new file mode 100644
index 0000000..4dfdc0e
--- /dev/null
+++ b/src/proxmox.user.css
@@ -0,0 +1,142 @@
+/* ==UserStyle==
+@name           Gruvbox for Proxmox
+@namespace      git.m3.fyi/Marsn3
+@version        1.0.0
+@description    Gruvbox Theme for Proxmox
+@author         Marsn3
+@homepageURL https://git.m3.fyi/Marsn3/userstyles
+@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/proxmox.user.css
+@license MIT
+==/UserStyle== */
+
+@-moz-document domain("DOMAIN.TLD") {
+  :root {
+    --bg_h: #1d2021;
+    --bg: #282828;
+    --bg_s: #32302f;
+    --bg1: #3c3836;
+    --bg2: #504945;
+    --bg3: #665c54;
+    --bg4: #7c6f64;
+
+    --fg: #fbf1c7;
+    --fg1: #ebdbb2;
+    --fg2: #d5c4a1;
+    --fg3: #bdae93;
+    --fg4: #a89984;
+
+    --red: #fb4934;
+    --green: #b8bb26;
+    --yellow: #fabd2f;
+    --blue: #83a598;
+    --purple: #d3869b;
+    --aqua: #8ec07c;
+    --gray: #928374;
+    --orange: #fe8019;
+
+    --red-dim: #cc2412;
+    --green-dim: #98971a;
+    --yellow-dim: #d79921;
+    --blue-dim: #458588;
+    --purple-dim: #b16286;
+    --aqua-dim: #689d6a;
+    --gray-dim: #a89984;
+    --orange-dim: #d65d0e;
+
+    --rgb-bg_h: 29, 32, 33;
+    --rgb-bg: 40, 40, 40;
+    --rgb-bg_s: 50, 48, 47;
+    --rgb-bg1: 60, 56, 54;
+    --rgb-bg2: 80, 73, 69;
+    --rgb-bg3: 102, 92, 84;
+    --rgb-bg4: 124, 111, 100;
+
+    --rgb-fg: 251, 241, 199;
+    --rgb-fg1: 235, 219, 178;
+    --rgb-fg2: 213, 196, 161;
+    --rgb-fg3: 189, 174, 147;
+    --rgb-fg4: 168, 153, 132;
+
+    --rgb-red: 251, 73, 52;
+    --rgb-green: 184, 187, 38;
+    --rgb-yellow: 250, 189, 47;
+    --rgb-blue: 131, 165, 152;
+    --rgb-purple: 211, 134, 155;
+    --rgb-aqua: 142, 192, 124;
+    --rgb-gray: 146, 131, 116;
+    --rgb-orange: 254, 128, 25;
+
+    --rgb-red-dim: 204, 36, 18;
+    --rgb-green-dim: 152, 151, 26;
+    --rgb-yellow-dim: 215, 153, 33;
+    --rgb-blue-dim: 69, 133, 136;
+    --rgb-purple-dim: 177, 98, 134;
+    --rgb-aqua-dim: 104, 157, 106;
+    --rgb-gray-dim: 168, 153, 132;
+    --rgb-orange-dim: 214, 93, 14;
+
+    --filter-reset: brightness(0) saturate(100%);
+    --filter-bg_h: invert(8%) sepia(12%) saturate(391%) hue-rotate(149deg)
+      brightness(101%) contrast(91%);
+    --filter-bg: invert(13%) sepia(0%) saturate(250%) hue-rotate(148deg)
+      brightness(97%) contrast(91%);
+    --filter-bg_s: invert(12%) sepia(4%) saturate(785%) hue-rotate(336deg)
+      brightness(90%) contrast(79%);
+    --filter-bg1: invert(17%) sepia(8%) saturate(565%) hue-rotate(335deg)
+      brightness(92%) contrast(81%);
+    --filter-bg2: invert(27%) sepia(6%) saturate(756%) hue-rotate(338deg)
+      brightness(93%) contrast(85%);
+    --filter-bg3: invert(35%) sepia(8%) saturate(665%) hue-rotate(345deg)
+      brightness(99%) contrast(89%);
+    --filter-bg4: invert(45%) sepia(21%) saturate(297%) hue-rotate(346deg)
+      brightness(93%) contrast(84%);
+
+    --filter-fg: invert(96%) sepia(7%) saturate(1789%) hue-rotate(320deg)
+      brightness(108%) contrast(97%);
+    --filter-fg1: invert(93%) sepia(10%) saturate(848%) hue-rotate(351deg)
+      brightness(95%) contrast(95%);
+    --filter-fg2: invert(88%) sepia(47%) saturate(265%) hue-rotate(328deg)
+      brightness(88%) contrast(89%);
+    --filter-fg3: invert(79%) sepia(29%) saturate(224%) hue-rotate(360deg)
+      brightness(85%) contrast(90%);
+    --filter-fg4: invert(74%) sepia(5%) saturate(1427%) hue-rotate(356deg)
+      brightness(85%) contrast(81%);
+
+    --filter-red: invert(37%) sepia(65%) saturate(2977%) hue-rotate(342deg)
+      brightness(101%) contrast(97%);
+    --filter-green: invert(72%) sepia(11%) saturate(2587%) hue-rotate(21deg)
+      brightness(99%) contrast(85%);
+    --filter-yellow: invert(65%) sepia(85%) saturate(394%) hue-rotate(359deg)
+      brightness(102%) contrast(96%);
+    --filter-blue: invert(69%) sepia(13%) saturate(453%) hue-rotate(105deg)
+      brightness(89%) contrast(90%);
+    --filter-purple: invert(69%) sepia(7%) saturate(2391%) hue-rotate(295deg)
+      brightness(89%) contrast(84%);
+    --filter-aqua: invert(72%) sepia(24%) saturate(546%) hue-rotate(59deg)
+      brightness(94%) contrast(91%);
+    --filter-gray: invert(56%) sepia(10%) saturate(586%) hue-rotate(349deg)
+      brightness(92%) contrast(87%);
+    --filter-orange: invert(57%) sepia(14%) saturate(5166%) hue-rotate(348deg)
+      brightness(102%) contrast(99%);
+
+    --filter-red-dim: invert(21%) sepia(86%) saturate(3086%) hue-rotate(354deg)
+      brightness(81%) contrast(98%);
+    --filter-green-dim: invert(51%) sepia(66%) saturate(488%) hue-rotate(21deg)
+      brightness(96%) contrast(93%);
+    --filter-yellow-dim: invert(67%) sepia(94%) saturate(516%)
+      hue-rotate(343deg) brightness(88%) contrast(90%);
+    --filter-blue-dim: invert(47%) sepia(10%) saturate(1569%) hue-rotate(134deg)
+      brightness(96%) contrast(91%);
+    --filter-purple-dim: invert(48%) sepia(12%) saturate(1818%)
+      hue-rotate(280deg) brightness(91%) contrast(81%);
+    --filter-aqua-dim: invert(58%) sepia(7%) saturate(2100%) hue-rotate(72deg)
+      brightness(98%) contrast(79%);
+    --filter-gray-dim: invert(76%) sepia(6%) saturate(1061%) hue-rotate(356deg)
+      brightness(82%) contrast(82%);
+    --filter-orange-dim: invert(37%) sepia(99%) saturate(2942%)
+      hue-rotate(12deg) brightness(98%) contrast(89%);
+
+    --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
+      monospace, emoji;
+  }
+}