From fee1feaca45b21c2a662371afe03d7cba239d5e3 Mon Sep 17 00:00:00 2001 From: vibe-bot Date: Fri, 8 Aug 2025 13:39:41 +0200 Subject: [PATCH] style(rainbow): einheitlich abgerundete Rainbow-Rahmen via background-clip (Radius wie Buttons) --- web/src/styles.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/web/src/styles.css b/web/src/styles.css index 43d5485..cce764f 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -53,9 +53,13 @@ body { [data-theme="rainbow"] .control input, [data-theme="rainbow"] .control select, [data-theme="rainbow"] .sound { - background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); - border-image: linear-gradient(90deg, #ff6384, #36a2eb, #ffce56, #4bc0c0, #9966ff) 1; - border-width: 1px; border-style: solid; + /* Abgerundete Rainbow-Rahmen wie Buttons */ + border-radius: 14px; + border: 1px solid transparent; + background: + linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08)) padding-box, + linear-gradient(90deg, #ff6384, #36a2eb, #ffce56, #4bc0c0, #9966ff) border-box; + background-clip: padding-box, border-box; } [data-theme="rainbow"] .sound, [data-theme="rainbow"] .select-trigger,