ui: simplify themes to light/dark and improve theme-aware styling (fixing NK-dp5efo)

1 files changed, 12 insertions, 11 deletions

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 209a30a..3365d34 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -30,6 +30,16 @@ h5,
   background-color: var(--bg-color);
 }
 
+.theme-light {
+  --bg-color: #ffffff;
+  --text-color: rgba(0, 0, 0, 0.87);
+  --sidebar-bg: #ccc;
+  --link-color: #0000ee;
+  --border-color: #999;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --bg-color: #24292e;
@@ -43,25 +53,16 @@ h5,
 }
 
 .theme-dark {
-  --bg-color: #24292e;
-  --text-color: #ffffff;
-  --sidebar-bg: #1b1f23;
-  --link-color: rgb(90, 200, 250);
-  background-color: var(--bg-color);
-  color: var(--text-color);
-}
-
-.theme-black {
   --bg-color: #000000;
   --text-color: #ffffff;
   --sidebar-bg: #111111;
   --link-color: rgb(90, 200, 250);
+  --border-color: #333;
   background-color: var(--bg-color);
   color: var(--text-color);
 }
 
-.theme-dark button,
-.theme-black button {
+.theme-dark button {
   background-color: #333;
   color: #fff;
 }