From d7d0a6b19172df5150524ee7fedd41681d5005db Mon Sep 17 00:00:00 2001 From: Marc Beninca Date: Sat, 22 Feb 2025 13:28:44 +0100 Subject: [PATCH] =?UTF-8?q?=E2=86=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/main.css | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/style/main.css b/style/main.css index 94d7ae5..f0d7925 100644 --- a/style/main.css +++ b/style/main.css @@ -1,13 +1,23 @@ +/* variables */ + :root { --alpha: rgba(0, 0, 0, 0); /* border */ - --border-width: .1rem; --border-off: var(--border-width) none var(--alpha); --border-on: var(--border-width) solid var(--border-color); + --border-width: .1rem; /* margin */ --margin: .4rem; /* theme */ color-scheme: light dark; + /* theme / gradients */ + --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 / light */ --anchor-background: #bbb; --anchor-text: #f00; @@ -22,17 +32,10 @@ --org-background: #afa; --qrcode-background: ; --ruler-border: #888; - /* theme / gradients */ - --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"] { + /* theme / dark */ --anchor-background: #222; --anchor-text: #f88; --banner-background: #558; @@ -49,6 +52,8 @@ } } +/* main */ + #theme { background-color: var(--button-background); }