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