static/style.css, static/terminal.css: code styling

static/style.css

@@ -5,6 +5,7 @@
     --foreground: var(--fg0);
     --accent: var(--green);
     --faint_foreground: var(--grey0);
+    --code_background: var(--bg_dim);
 }
 
 /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided
@@ -21,3 +22,11 @@
     opacity: 0.5;
 }
 
+.code-toolbar {
+    border: 1px solid var(--bg3);
+}
+
+code {
+    background: var(--code_background);
+}
+

static/terminal.css

@@ -1,7 +1,9 @@
+@import url("gruvbox-material.css");
+
 :root {
-  --background: #282828;
-  --foreground: #d4be98;
-  --accent: #a9b665;
+  --background: var(--bg0);
+  --foreground: var(--fg0);
+  --accent: var(--green);
   --font-size: 1rem;
   --line-height: 1.54rem;
   --radius: 0px;
@@ -275,13 +277,13 @@ code code {
 
 pre {
   tab-size: 4;
-  background: color-mix(in srgb, var(--foreground) 5%, transparent) !important;
+  background: var(--bg_dim) !important;
   color: var(--foreground);
   padding: 20px 10px;
   font-size: 0.95rem !important;
   overflow: auto;
   border-radius: var(--radius);
-  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
+  border: 1px solid var(--bg3);
 }
 
 pre code {