diff --git a/in/style/main.css b/in/style/main.css index 6a0873f..e8ee1e9 100644 --- a/in/style/main.css +++ b/in/style/main.css @@ -11,7 +11,7 @@ /* theme */ color-scheme: light dark; /* 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(--alpha)); --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)); @@ -19,7 +19,7 @@ --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-background: #fbb; --anchor-text: #f00; --banner-background: #ccf; --body-background: #fff; @@ -36,7 +36,7 @@ @media screen { [data-theme="dark"] { /* theme / dark */ - --anchor-background: #222; + --anchor-background: #822; --anchor-text: #f88; --banner-background: #558; --body-background: #000; @@ -83,7 +83,7 @@ article, h2, h3, table { margin-block-start: var(--margin); } -a:hover, h2, h3, header { +h2, h3, header { border-bottom: var(--border-off); border-left: var(--border-on); border-right: var(--border-on); @@ -91,13 +91,14 @@ a:hover, h2, h3, header { } a { + background: var(--anchor-gradient); color: inherit; - text-decoration: underline; + padding: 0 .25em; + text-decoration: none; text-decoration-skip-ink: auto; text-underline-offset: .2em; } a:hover { - background: var(--anchor-gradient); color: var(--anchor-text); }