From 8ede31ce3a164201e7fea6c2d00560a40fd69a87 Mon Sep 17 00:00:00 2001 From: andre Date: Tue, 13 Oct 2026 18:06:18 +0100 Subject: [PATCH] style(site): subtler 3D neon button hover (3px depth) Co-Authored-By: Claude Sonnet 5.5 --- site/assets/css/style.css | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index 6acaedd..1c4ce18 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -362,7 +362,7 @@ section[id] { .gym-switch-btn { --neon: color-mix(in srgb, var(--fitme-accent) 70%, #fff); --neon-edge: var(--fitme-accent-dark); - --depth: 7px; + --depth: 3px; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { @@ -380,21 +380,16 @@ section[id] { 1px 1px 0 var(--neon-edge), 2px 2px 0 var(--neon), 3px 3px 0 var(--neon-edge), - 4px 4px 0 var(--neon), - 5px 5px 0 var(--neon-edge), - 6px 6px 0 var(--neon), - 7px 7px 0 var(--neon-edge), - 7px 7px 14px 2px rgba(var(--fitme-accent-rgb), .75), - 10px 10px 30px 4px rgba(var(--fitme-accent-rgb), .45); + 3px 3px 10px 1px rgba(var(--fitme-accent-rgb), .6), + 5px 5px 20px 2px rgba(var(--fitme-accent-rgb), .35); } .site-btn:active, .gym-switch-btn:active { - transform: translate(-2px, -2px); + transform: translate(-1px, -1px); box-shadow: 1px 1px 0 var(--neon-edge), - 2px 2px 0 var(--neon), - 2px 2px 10px 1px rgba(var(--fitme-accent-rgb), .6); + 1px 1px 8px 1px rgba(var(--fitme-accent-rgb), .5); } }