From a94287e3d6623fdc97650cf0a66910f1e53c2c86 Mon Sep 17 00:00:00 2001 From: andre Date: Tue, 13 Oct 2026 18:10:09 +0100 Subject: [PATCH] style(site): near-black button hover keeping 10% brand colour; no underline on buttons Co-Authored-By: Claude Sonnet 5.5 --- site/assets/css/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index 7a18051..1665098 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -309,6 +309,7 @@ section[id] { /* ── Buttons ───────────────────────────────────────────────────────────────── */ .site-btn { + text-decoration: none; /* Bootstrap underlines every ; buttons never */ display: inline-block; border: none; font-size: 1rem; @@ -393,15 +394,15 @@ section[id] { } } -/* Hover: white text on a deepened brand colour (≈5:1 contrast) — the bright - neon faces around it then stand out against the darker face. The dark and +/* Hover: white text on an almost-black face keeping ~10% of the brand colour — + the bright neon faces around it then stand out against it. The dark and ghost variants keep their own backgrounds. */ .site-btn:not(.sb-dark):not(.sb-line):not(.sb-ghost):hover, .site-btn:not(.sb-dark):not(.sb-line):not(.sb-ghost):focus-visible, .gym-switch-btn:hover, .gym-switch-btn:focus-visible { - background: color-mix(in srgb, var(--fitme-accent) 50%, #000); - border-color: color-mix(in srgb, var(--fitme-accent) 50%, #000); + background: color-mix(in srgb, var(--fitme-accent) 10%, #000); + border-color: color-mix(in srgb, var(--fitme-accent) 10%, #000); color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }