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);
 }