beninca.link/cv.marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

↕

Browse source
This commit is contained in:
Marc Beninca 2025-02-22 13:28:44 +01:00
parent c33737f86f
commit d7d0a6b191
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
style/main.css
View file

@ -1,13 +1,23 @@
/* variables */
:root { :root {
--alpha: rgba(0, 0, 0, 0); --alpha: rgba(0, 0, 0, 0);
/* border */ /* border */
--border-width: .1rem;
--border-off: var(--border-width) none var(--alpha); --border-off: var(--border-width) none var(--alpha);
--border-on: var(--border-width) solid var(--border-color); --border-on: var(--border-width) solid var(--border-color);
--border-width: .1rem;
/* margin */ /* margin */
--margin: .4rem; --margin: .4rem;
/* theme */ /* theme */
color-scheme: light dark; 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 */ /* theme / light */
--anchor-background: #bbb; --anchor-background: #bbb;
--anchor-text: #f00; --anchor-text: #f00;
@ -22,17 +32,10 @@
--org-background: #afa; --org-background: #afa;
--qrcode-background: ; --qrcode-background: ;
--ruler-border: #888; --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 { @media screen {
[data-theme="dark"] { [data-theme="dark"] {
/* theme / dark */
--anchor-background: #222; --anchor-background: #222;
--anchor-text: #f88; --anchor-text: #f88;
--banner-background: #558; --banner-background: #558;
@ -49,6 +52,8 @@
} }
} }
/* main */
#theme { #theme {
background-color: var(--button-background); background-color: var(--button-background);
} }