Fix panel border in dark theme

2025-03-18 19:31:55 -07:00
parent 5f52d9ec4d
commit 679cdc078f
1 changed files with 8 additions and 1 deletions
--- 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;