cq

commit 2c254d0ebb495d96df0a8471e84a2c50342c83f7
parent c1c6c5928f81914e219ac131ed1bf36b7527c8c9
Author: finwo <finwo@pm.me>
Date:   Mon, 15 Sep 2025 21:29:25 +0200

Make borders work across both themes

Diffstat:
M
packages/app/src/global.css
 | 
8
++++----

1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/packages/app/src/global.css b/packages/app/src/global.css
@@ -46,7 +46,7 @@ h1, h2, h3, h4, h5, h6, legend, label {
 small {
   font-size: 0.75em;
   font-weight: 500;
-  color: #FFFA;
+  color: color-mix(in srgb, var(--col-fg), transparent 30%);
 }
 
 a {
@@ -91,7 +91,7 @@ input {
   color: inherit;
   border: none;
   border-radius: 0;
-  border-bottom: 2px solid #FFF;
+  border-bottom: 2px solid var(--col-fg);
 }
 
 .entry-list {
@@ -101,9 +101,9 @@ input {
   }
   > * {
     padding: 1em;
-    border-top: 1px solid #FFF8;
+    border-top: 1px solid color-mix(in srgb, var(--col-fg), transparent 50%);
     &:hover {
-      background: #FFF2;
+      background: color-mix(in srgb, var(--col-fg), transparent 90%);
     }
   }
 }