change colors

style.css

@@ -1,12 +1,12 @@
 :root {
     --font: "monospace";
     --font-family: "monospace";
-    --background: #080c07;
+    --background: #11111b;
-    --foreground: #B9C9B8;
+    --foreground: #cdd6f4;
-    --green: #638660;
+    --lavender: #b4befe;
-    --red: #BD4D5A;
+    --pink: #f5c2e7;
-    --orange: #A47449;
+    --blue: #89b4fa;
-    --branch: 1px solid #B9C9B8;
+    --branch: 1px solid #cdd6f4;
 }
 
 html {
@@ -34,7 +34,7 @@ body {
 }
 
 span {
-    color: var(--green);
+    color: var(--lavender);
 }
 
 h1 {
@@ -42,7 +42,7 @@ h1 {
     font-family: var(--font);
     font-size: 1rem;
     font-weight: normal;
-    color: var(--red);
+    color: var(--pink);
 }
 
 .tree > ul {
@@ -91,7 +91,7 @@ a {
 
 a:hover {
     color: var(--background);
-    background: var(--orange);
+    background: var(--blue);
 }
 
 form h1 {