From ded05e18f4020480d47b411a9eabd30c47afe0f3 Mon Sep 17 00:00:00 2001
From: Scarriffle <scarriffleservices@gmail.com>
Date: Tue, 2 Jun 2026 21:33:05 +0200
Subject: [PATCH] ui: make player, top bar and bottom nav opaque

Drop the semi-transparent backgrounds and backdrop blur for a cleaner, solid look.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/layout/BottomNav.tsx | 2 +-
 src/components/layout/TopBar.tsx    | 2 +-
 src/components/player/PlayerBar.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/BottomNav.tsx b/src/components/layout/BottomNav.tsx
index 2f94584..929b2f8 100644
--- a/src/components/layout/BottomNav.tsx
+++ b/src/components/layout/BottomNav.tsx
@@ -28,7 +28,7 @@ export function BottomNav() {
   if (isAdmin) tabs.push({ to: '/admin/users', label: 'Admin', icon: <Shield size={20} /> })
 
   return (
-    <nav className="fixed inset-x-0 bottom-0 z-30 flex h-16 border-t border-border bg-surface/95 backdrop-blur md:hidden">
+    <nav className="fixed inset-x-0 bottom-0 z-30 flex h-16 border-t border-border bg-surface md:hidden">
       {tabs.map((tab) => (
         <NavLink
           key={tab.label}
diff --git a/src/components/layout/TopBar.tsx b/src/components/layout/TopBar.tsx
index 2ce151c..70666fc 100644
--- a/src/components/layout/TopBar.tsx
+++ b/src/components/layout/TopBar.tsx
@@ -19,7 +19,7 @@ export function TopBar() {
   }
 
   return (
-    <header className="sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-bg/85 px-5 backdrop-blur md:px-8">
+    <header className="sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-bg px-5 md:px-8">
       <form onSubmit={onSubmit} className="relative w-full max-w-md">
         <Search
           size={16}
diff --git a/src/components/player/PlayerBar.tsx b/src/components/player/PlayerBar.tsx
index 45e2101..fa87bbb 100644
--- a/src/components/player/PlayerBar.tsx
+++ b/src/components/player/PlayerBar.tsx
@@ -51,7 +51,7 @@ export function PlayerBar() {
   return (
     <div
       className={cn(
-        'fixed bottom-16 left-0 right-0 z-40 border-t border-border bg-surface/95 backdrop-blur md:bottom-0',
+        'fixed bottom-16 left-0 right-0 z-40 border-t border-border bg-surface md:bottom-0',
         // On desktop the bar starts at the sidebar's right edge so it never covers the
         // sidebar's own controls (Settings / collapse).
         sidebarCollapsed ? 'md:left-[68px]' : 'md:left-60',