From 348e7d6848b37ad74571b3f5aff5abe0ce5a4f58 Mon Sep 17 00:00:00 2001 From: andre Date: Tue, 13 Oct 2026 18:24:01 +0100 Subject: [PATCH] style(site): flatter wall gradient, softer box-shadow glow on buttons Co-Authored-By: Claude Sonnet 5.5 --- site/assets/css/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index f46b35f..d2f6d5a 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -395,7 +395,7 @@ section[id] { top: calc(100% + var(--bw)); width: calc(100% + var(--bw) * 2 + var(--depth-x)); height: var(--depth); - background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 12%, var(--wall-hi) 50%, var(--wall) 88%, var(--wall-lo) 100%); + background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 1%, var(--wall-hi) 50%, var(--wall) 99%, var(--wall-lo) 100%); clip-path: polygon(0 0, calc(100% - var(--depth-x)) 0, 100% 100%, var(--depth-x) 100%); transform: scaleY(0); } @@ -434,9 +434,9 @@ section[id] { transform: translate(calc(var(--depth-x) * -1), calc(var(--depth) * -1)); /* inner glow on the face (the "lit from inside" look) + a halo round the whole solid; drop-shadow follows the clipped walls, box-shadow can't */ - box-shadow: inset 0 0 18px 2px rgba(var(--fitme-accent-rgb), .55), - inset 0 0 4px 0 rgba(var(--fitme-accent-rgb), .8), - 0 0 22px 3px rgba(var(--fitme-accent-rgb), .45); + box-shadow: inset 0 0 14px 1px rgba(var(--fitme-accent-rgb), .4), + inset 0 0 3px 0 rgba(var(--fitme-accent-rgb), .6), + 0 0 12px 1px rgba(var(--fitme-accent-rgb), .25); filter: drop-shadow(0 0 5px rgba(var(--fitme-accent-rgb), .9)) drop-shadow(0 0 14px rgba(var(--fitme-accent-rgb), .55)); transition-duration: 250ms, 250ms, 450ms, 450ms, 450ms, 450ms; transition-timing-function: cubic-bezier(.3, .7, .4, 1.5), cubic-bezier(.3, .7, .4, 1.5), ease, ease, ease, ease;