andre/fitme3070.pt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(site): near-black button hover keeping 10% brand colour; no underline on buttons

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
andreandClaude Sonnet 5.5 committed 2026-10-13 18:10:09 +01:00
1 parent b103aeae58
commit a94287e3d6
1 file changed
+5 -4
Download Patch File Download Diff File Expand all files Collapse all files
site/assets/css/style.css
+5 -4
View File
@@ -309,6 +309,7 @@ section[id] {
/* ── Buttons ───────────────────────────────────────────────────────────────── */
.site-btn {
text-decoration: none; /* Bootstrap underlines every <a>; 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);
}