From e4bccf7a07c79a1c12f0f798c372f970e7466f2a Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Sat, 22 Feb 2025 13:15:15 +0100
Subject: [PATCH] gradients

---
 style/main.css | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/style/main.css b/style/main.css
index 1711969..e47b635 100644
--- a/style/main.css
+++ b/style/main.css
@@ -16,6 +16,18 @@
     --org-background: #afa;
     --qrcode-background: ;
     --ruler-border: #888;
+    /* gradients */
+    --alpha: rgba(0, 0, 0, 0);
+    --border-width: .1rem;
+    --border-off: var(--border-width) none var(--alpha);
+    --border-on: var(--border-width) solid var(--border-color);
+    --anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
+    --banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
+    --body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
+    --header-gradient: linear-gradient(to top, var(--alpha), var(--header-background));
+    --item-even-gradient: linear-gradient(to top, var(--alpha), var(--item-even));
+    --item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd));
+    --org-gradient: linear-gradient(to top, var(--alpha), var(--org-background));
 }
 @media screen {
 [data-theme="dark"] {
@@ -34,19 +46,6 @@
     --ruler-border: #444;
 }
 }
-:root {
---alpha: rgba(0, 0, 0, 0);
---border-width: .1rem;
---border-off: var(--border-width) none var(--alpha);
---border-on: var(--border-width) solid var(--border-color);
---anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background));
---banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
---body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
---header-gradient: linear-gradient(to top, var(--alpha), var(--header-background));
---item-even-gradient: linear-gradient(to top, var(--alpha), var(--item-even));
---item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd));
---org-gradient: linear-gradient(to top, var(--alpha), var(--org-background));
-}
 
 #theme {
     background-color: var(--button-background);