From 2f83a247a473f1cfa0724d94fe47db005841442c Mon Sep 17 00:00:00 2001 From: ToolCTRL Date: Fri, 22 May 2026 19:46:45 +0200 Subject: [PATCH] =?UTF-8?q?Wei=C3=9Fe=20Buttons:=20graue=20Tiefe=20statt?= =?UTF-8?q?=20schwarz?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit btn-ghost nutzt grauen Rand und graue Tastenkante (wie die Icon-Keycaps) statt Schwarz, weicherer Schatten. Co-Authored-By: Claude Opus 4.7 (1M context) --- public/styles.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/public/styles.css b/public/styles.css index 782ca26..a7afb6a 100644 --- a/public/styles.css +++ b/public/styles.css @@ -123,25 +123,26 @@ a { color: inherit; text-decoration: none; } inset 0 -8px 11px -11px rgba(0,0,0,.9); } -/* weiße Tastenkappe */ +/* weiße Tastenkappe — TEST: graue Tiefe statt schwarz */ .btn-ghost { background: linear-gradient(180deg, #FFFFFF 0%, #F1F1EF 58%, #E5E5E2 100%); color: var(--black); + border-color: #BEBEBE; box-shadow: - 0 8px 0 0 #0A0A0A, - 0 17px 18px -8px rgba(0,0,0,.34), + 0 8px 0 0 #B0B0B0, + 0 17px 18px -8px rgba(0,0,0,.30), inset 0 2px 0 0 rgba(255,255,255,.95), - inset 0 -9px 11px -11px rgba(0,0,0,.42); + inset 0 -9px 11px -11px rgba(0,0,0,.30); } .btn-ghost:hover { background: linear-gradient(180deg, #FFFFFF 0%, #EAEAE7 58%, #DBDBD8 100%); } .btn-ghost:active { box-shadow: - 0 0 0 0 #0A0A0A, - 0 5px 7px -3px rgba(0,0,0,.3), + 0 0 0 0 #B0B0B0, + 0 5px 7px -3px rgba(0,0,0,.26), inset 0 2px 0 0 rgba(255,255,255,.9), - inset 0 -7px 10px -11px rgba(0,0,0,.38); + inset 0 -7px 10px -11px rgba(0,0,0,.28); } /* helle Tastenkappe (auf dunklem Grund) */