diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 2c85d224..7fafd9ba 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -28,34 +28,34 @@ export function Header() {
           <nav className="hidden md:flex items-center gap-6 ml-8">
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
-                <Button variant="ghost" className="text-sm font-medium hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100 transition-colors">
+                <Button variant="ghost" className="text-sm font-medium hover:bg-accent/10 hover:text-accent dark:hover:bg-accent/20 transition-colors">
                   <Search className="w-4 h-4 mr-2" />
                   Explore
                   <ChevronDown className="w-4 h-4 ml-1" />
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="start" className="w-48 bg-background border border-border shadow-lg">
-                <DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <MapPin className="w-4 h-4 mr-2" />
                   Parks
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/rides')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <FerrisWheel className="w-4 h-4 mr-2" />
                   Rides
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/manufacturers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <Factory className="w-4 h-4 mr-2" />
                   Manufacturers
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/operators')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <Building className="w-4 h-4 mr-2" />
                   Operators
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/owners')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <Crown className="w-4 h-4 mr-2" />
                   Owners
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-blue-100 hover:!text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
+                <DropdownMenuItem onClick={() => navigate('/designers')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <Palette className="w-4 h-4 mr-2" />
                   Designers
                 </DropdownMenuItem>