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

Light Theme: Sound-Karten-Text/Buttons auf dunkles Schwarz gestellt (#1d1d1f) für Lesbarkeit

Browse source
This commit is contained in:
vibe-bot 2025-08-09 00:15:07 +02:00
parent 02e37c5426
commit 8944639e6e
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/src/styles.css
View file

@ -46,7 +46,7 @@ body {
[data-theme="light"] .tag-btn.active { background: #007aff; color: #fff; font-weight: 600; } [data-theme="light"] .tag-btn.active { background: #007aff; color: #fff; font-weight: 600; }
[data-theme="light"] .input-field { width: 100%; background: #f2f2f6; border: 1px solid #dcdce1; border-radius: .5rem; padding: .5rem 1rem .5rem 2.5rem; color: #1d1d1f; outline: none; } [data-theme="light"] .input-field { width: 100%; background: #f2f2f6; border: 1px solid #dcdce1; border-radius: .5rem; padding: .5rem 1rem .5rem 2.5rem; color: #1d1d1f; outline: none; }
[data-theme="light"] .input-field:focus { box-shadow: 0 0 0 3px rgba(0,122,255,.25); border-color: transparent; } [data-theme="light"] .input-field:focus { box-shadow: 0 0 0 3px rgba(0,122,255,.25); border-color: transparent; }
[data-theme="light"] .sound-btn { background: #ffffff; border: 1px solid #e8e8ed; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: all .2s ease; } [data-theme="light"] .sound-btn { background: #ffffff; border: 1px solid #e8e8ed; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: all .2s ease; color: #1d1d1f; }
[data-theme="light"] .sound-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.1); border-color: #007aff; } [data-theme="light"] .sound-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.1); border-color: #007aff; }
.gradient-text { background: -webkit-linear-gradient(45deg, #333, #555); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .gradient-text { background: -webkit-linear-gradient(45deg, #333, #555); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
@ -334,6 +334,7 @@ header p { opacity: .8; }
letter-spacing: .2px; letter-spacing: .2px;
box-shadow: 0 10px 30px rgba(0,0,0,.25); box-shadow: 0 10px 30px rgba(0,0,0,.25);
} }
[data-theme="light"] .sound { color: #1d1d1f; background: #ffffff; border-color: #e8e8ed; }
.sound:hover { filter: brightness(1.06); background: rgba(255,255,255,.1); } .sound:hover { filter: brightness(1.06); background: rgba(255,255,255,.1); }
.sound:disabled { opacity: 0.6; cursor: not-allowed; } .sound:disabled { opacity: 0.6; cursor: not-allowed; }