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

420 Theme hinzugefügt: Cannabis-grünes trippy Theme mit animiertem Hintergrund und grünen Akzenten

Browse source
This commit is contained in:
vibe-bot 2025-08-09 00:59:13 +02:00
parent 664af110a8
commit 5173175617
2 changed files with 126 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
web/src/App.tsx
View file

@ -148,7 +148,7 @@ export default function App() {
<header className="flex items-center justify-between p-6">
<div className="flex items-center">
<div>
<h1 className="text-4xl font-bold">Soundboard Profis</h1>
<h1 className="text-4xl font-bold">Jukebox 420</h1>
<p className="text-7xl font-bold mt-2">{clock}</p>
</div>
</div>
@ -209,11 +209,12 @@ export default function App() {
</div>
<div className="flex items-center space-x-3 lg:col-span-2">
<div className="relative flex-grow">
<select className="input-field appearance-none pl-10" value={theme} onChange={(e)=>setTheme(e.target.value)}>
<option value="dark">Dark</option>
<option value="rainbow">Rainbow Chaos</option>
<option value="light">Light</option>
</select>
<select className="input-field appearance-none pl-10" value={theme} onChange={(e)=>setTheme(e.target.value)}>
<option value="dark">Dark</option>
<option value="rainbow">Rainbow Chaos</option>
<option value="light">Light</option>
<option value="420">420 Theme</option>
</select>
<span className="material-icons absolute left-3 top-1/2 -translate-y-1/2" style={{color:'var(--text-secondary)'}}>palette</span>
<span className="material-icons absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" style={{color:'var(--text-secondary)'}}>unfold_more</span>
</div>