From d8eec50530bc7875630527043a8c2b9a511698d4 Mon Sep 17 00:00:00 2001
From: revsuine <pid1@revsuine.xyz>
Date: Mon, 25 Nov 2024 02:38:45 +0000
Subject: [PATCH] static/style.css, static/terminal.css: code styling

---
 static/style.css    |  9 +++++++++
 static/terminal.css | 12 +++++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/static/style.css b/static/style.css
index c53e154..25987e1 100644
--- a/static/style.css
+++ b/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);
+}
+
diff --git a/static/terminal.css b/static/terminal.css
index 526d324..810ced8 100644
--- a/static/terminal.css
+++ b/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 {