Compare commits

..

2 commits

Author SHA1 Message Date
41f4340c43
links
All checks were successful
/ job (push) Successful in 1m56s
2025-02-25 10:17:12 +01:00
8106fffba7
anchors
All checks were successful
/ job (push) Successful in 1m20s
2025-02-25 00:14:43 +01:00

View file

@ -11,7 +11,7 @@
/* theme */ /* theme */
color-scheme: light dark; color-scheme: light dark;
/* theme / gradients */ /* theme / gradients */
--anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background)); --anchor-gradient: linear-gradient(to top, var(--alpha), var(--anchor-background), var(--anchor-background), var(--alpha));
--banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background)); --banner-gradient: linear-gradient(to top, var(--alpha), var(--banner-background));
--body-gradient: linear-gradient(to top, var(--alpha), var(--body-background)); --body-gradient: linear-gradient(to top, var(--alpha), var(--body-background));
--header-gradient: linear-gradient(to top, var(--alpha), var(--header-background)); --header-gradient: linear-gradient(to top, var(--alpha), var(--header-background));
@ -19,7 +19,7 @@
--item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd)); --item-odd-gradient: linear-gradient(to top, var(--alpha), var(--item-odd));
--org-gradient: linear-gradient(to top, var(--alpha), var(--org-background)); --org-gradient: linear-gradient(to top, var(--alpha), var(--org-background));
/* theme / light */ /* theme / light */
--anchor-background: #bbb; --anchor-background: #fcc;
--anchor-text: #f00; --anchor-text: #f00;
--banner-background: #ccf; --banner-background: #ccf;
--body-background: #fff; --body-background: #fff;
@ -36,7 +36,7 @@
@media screen { @media screen {
[data-theme="dark"] { [data-theme="dark"] {
/* theme / dark */ /* theme / dark */
--anchor-background: #222; --anchor-background: #622;
--anchor-text: #f88; --anchor-text: #f88;
--banner-background: #558; --banner-background: #558;
--body-background: #000; --body-background: #000;
@ -83,21 +83,24 @@ article, h2, h3, table {
margin-block-start: var(--margin); margin-block-start: var(--margin);
} }
a:hover, h2, h3, header { h2, h3, header {
border-bottom: var(--border-off); border-bottom: var(--border-off);
border-left: var(--border-on); border-left: var(--border-on);
border-right: var(--border-on); border-right: var(--border-on);
border-top: var(--border-on); border-top: var(--border-on);
} }
a { a:not(:has(img)) {
@media screen {
background: var(--anchor-gradient);
}
color: inherit; color: inherit;
text-decoration: underline; padding: 0 .25em;
text-decoration: none;
text-decoration-skip-ink: auto; text-decoration-skip-ink: auto;
text-underline-offset: .2em; text-underline-offset: .2em;
} }
a:hover { a:hover {
background: var(--anchor-gradient);
color: var(--anchor-text); color: var(--anchor-text);
} }