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 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,