css is using gruvbox theme

src/resources/colors.css

@@ -1,13 +1,16 @@
 :root {
-    --black: #0b0c10;
-    --dark-grey: #1f2833;
-    --grey: #888;
-    --light-grey: #c5c6c7;
-    --xlight-grey: #eee;
-    --dark-blue: #0645ad;
-    --light-blue: #0677bb;
-    --cyan: #66fcf1;
-    --blue: #45a29e;
-    --white: #fefefe;
-    --yellow: #faa700;
+    --black: #1d2021;
+    --dark-grey: #282828;
+    --grey: #504945;
+    --light-grey: #7c6f64;
+    --xlight-grey: #928374;
+    --blue: #458588;
+    --light-blue: #83a598;
+    --white: #ebdbb2;
+    --yellow: #d79921;
+    --yellow-light: #fabd2f;
+    --red: #cc241d;
+    --light-red: #fd4934;
+    --green: #98971a;
+    --light-green: #b8bb26;
 }

src/resources/dark.css

@@ -1,10 +1,10 @@
 @import "colors.css";
 
 :root {
-    --font-color: var(--light-grey);
+    --font-color: var(--white);
     --background: var(--black);
 
-    --a: var(--dark-blue);
+    --a: var(--blue);
     --a-hover: var(--light-blue);
     --a-active: var(--yellow);
 
@@ -15,4 +15,6 @@
     --table-border: var(--dark-grey);
     --table-row-dark: var(--grey);
     --table-row-default: var(--light-grey);
+
+    --scrollbar: var(--grey);
 }

src/resources/light.css

@@ -2,9 +2,9 @@
 
 :root {
     --font-color: var(--black);
-    --background: var(--xlight-grey);
+    --background: var(--white);
 
-    --a: var(--dark-blue);
+    --a: var(--blue);
     --a-hover: var(--light-blue);
     --a-active: var(--yellow);
 
@@ -15,4 +15,6 @@
     --table-border: var(--dark-grey);
     --table-row-dark: var(--grey);
     --table-row-default: var(--light-grey);
+
+    --scrollbar: var(--light-grey);
 }

src/resources/markdown.css

@@ -4,6 +4,20 @@
     --font-l: 16px;
 }
 
+*::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+*::-webkit-scrollbar-track {
+    background-color: none;
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar);
+    border-radius: 10px;
+}
+
 body {
     color: var(--font-color);
     background: var(--background);