diff --git a/css/base.css b/css/base.css index 464842b..45a5097 100644 --- a/css/base.css +++ b/css/base.css @@ -6,7 +6,8 @@ --muted: rgb(255 255 255 / 70%); --quiet: rgb(255 255 255 / 56%); --line: rgb(255 255 255 / 10%); - --panel: linear-gradient(#ffffff14, #ffffff08); + --mint: oklch(70% .12 205); + --panel: linear-gradient(#ffffff14, #08060608); --ease: cubic-bezier(.22, 1, .36, 1); color-scheme: dark; } @@ -192,13 +193,15 @@ button:disabled { color: var(--muted); font-size: .875rem; white-space: nowrap; - transition: color .2s, background .2s, border-color .2s; + transition: color .2s, background .2s, border-color .2s, box-shadow .2s; } .header-inner nav a:hover { - border-color: transparent; - background: rgb(255 255 255 / 20%); - color: var(--accent-strong); + border-color: var(--mint); + background: var(--mint); + color: #000; + box-shadow: 0 0 18px color-mix(in srgb, var(--mint) 65%, transparent), + inset 0 0 10px rgb(255 255 255 / 28%); } .menu-toggle { diff --git a/ernaehrungsberatung.html b/ernaehrungsberatung.html index 24e80f2..f59386c 100644 --- a/ernaehrungsberatung.html +++ b/ernaehrungsberatung.html @@ -4,7 +4,7 @@
-