From 3a411c8e16e7dbe0b4def48f053dadeb8a49dc0a Mon Sep 17 00:00:00 2001
From: Mars Niermann <mars@mniermann.de>
Date: Fri, 10 Mar 2023 15:28:57 +0000
Subject: [PATCH] Update base themes

---
 src/base.css            |  56 ++++-----
 src/duolingo.user.css   |  88 +++++++++-----
 src/github.user.css     |  56 ++++-----
 src/keybr.user.css      |  56 ++++-----
 src/moodle.user.css     |  56 ++++-----
 src/onedev.user.css     |  56 ++++-----
 src/photopea.user.css   | 254 ++++++++++++++++++++--------------------
 src/pocketbase.user.css |  56 ++++-----
 8 files changed, 355 insertions(+), 323 deletions(-)

diff --git a/src/base.css b/src/base.css
index b50ba7c..4ed54f9 100644
--- a/src/base.css
+++ b/src/base.css
@@ -43,37 +43,37 @@
     --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-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-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: 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;
+    --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)
diff --git a/src/duolingo.user.css b/src/duolingo.user.css
index aade486..c3079bb 100644
--- a/src/duolingo.user.css
+++ b/src/duolingo.user.css
@@ -12,37 +12,69 @@
 @-moz-document domain("duolingo.com") {
   /*~~~~~ Base Colors ~~~~~*/
   :root {
-    --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;
+    --bg_h: #1d2021;
+    --bg: #282828;
+    --bg_s: #32302f;
+    --bg1: #3c3836;
+    --bg2: #504945;
+    --bg3: #665c54;
+    --bg4: #7c6f64;
 
-    --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;
+    --fg: #fbf1c7;
+    --fg1: #ebdbb2;
+    --fg2: #d5c4a1;
+    --fg3: #bdae93;
+    --fg4: #a89984;
 
-    --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: #fb4934;
+    --green: #b8bb26;
+    --yellow: #fabd2f;
+    --blue: #83a598;
+    --purple: #d3869b;
+    --aqua: #8ec07c;
+    --gray: #928374;
+    --orange: #fe8019;
 
-    --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;
+    --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;
 
     --monospaceFontFamily: "ComicCodeLigatures Nerd Font", "Ubuntu Mono",
       monospace, emoji;
diff --git a/src/github.user.css b/src/github.user.css
index c84385a..5f06a3b 100644
--- a/src/github.user.css
+++ b/src/github.user.css
@@ -43,37 +43,37 @@
     --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-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-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: 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;
+    --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)
diff --git a/src/keybr.user.css b/src/keybr.user.css
index 60423ee..49a6404 100644
--- a/src/keybr.user.css
+++ b/src/keybr.user.css
@@ -43,37 +43,37 @@
     --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-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-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: 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;
+    --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)
diff --git a/src/moodle.user.css b/src/moodle.user.css
index eb5a61a..3634253 100644
--- a/src/moodle.user.css
+++ b/src/moodle.user.css
@@ -43,37 +43,37 @@
     --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-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-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: 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;
+    --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)
diff --git a/src/onedev.user.css b/src/onedev.user.css
index 408a6c0..7ae8af4 100644
--- a/src/onedev.user.css
+++ b/src/onedev.user.css
@@ -43,37 +43,37 @@ 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-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-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: 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;
+    --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)
diff --git a/src/photopea.user.css b/src/photopea.user.css
index 3636fcc..d2e81ea 100644
--- a/src/photopea.user.css
+++ b/src/photopea.user.css
@@ -20,133 +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;
-  
-      --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;
+    --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 d34741e..d205876 100644
--- a/src/pocketbase.user.css
+++ b/src/pocketbase.user.css
@@ -44,37 +44,37 @@
     --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-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-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: 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;
+    --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)