From 679cdc078ff4a02cbf0a13c4d21a590b269188aa Mon Sep 17 00:00:00 2001
From: Zakarya <zakarya@colormatic.org>
Date: Tue, 18 Mar 2025 19:31:55 -0700
Subject: [PATCH] Fix panel border in dark theme

---
 src/style/main.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/style/main.scss b/src/style/main.scss
index e53e872..893fdab 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -52,13 +52,20 @@ div.divider {
 
 div.panel {
   color: global.$text-color;
-  border: solid 1px #00000033;
+  border: solid 1px;
+  border-color: #00000033;
   border-radius: 8px;
   box-shadow: 1px 1px 8px #00000033;
   background-color: #ffffff22;
   backdrop-filter: blur(5px);
 }
 
+@media (prefers-color-scheme: dark) {
+  div.panel {
+    border-color: #ffffff33;
+  }
+}
+
 main div.hero {
   width: 60%;
   margin: 16px auto;