root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(rainbow): einheitlich abgerundete Rainbow-Rahmen via background-clip (Radius wie Buttons)

Browse source
This commit is contained in:
vibe-bot 2025-08-08 13:39:41 +02:00
parent e4aa108070
commit fee1feaca4
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/src/styles.css
View file

@ -53,9 +53,13 @@ body {
[data-theme="rainbow"] .control input, [data-theme="rainbow"] .control input,
[data-theme="rainbow"] .control select, [data-theme="rainbow"] .control select,
[data-theme="rainbow"] .sound { [data-theme="rainbow"] .sound {
background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); /* Abgerundete Rainbow-Rahmen wie Buttons */
border-image: linear-gradient(90deg, #ff6384, #36a2eb, #ffce56, #4bc0c0, #9966ff) 1; border-radius: 14px;
border-width: 1px; border-style: solid; 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"] .sound,
[data-theme="rainbow"] .select-trigger, [data-theme="rainbow"] .select-trigger,