diff --git a/client/src/components/vast-player.tsx b/client/src/components/vast-player.tsx
index c07f376..b5f0b9f 100644
--- a/client/src/components/vast-player.tsx
+++ b/client/src/components/vast-player.tsx
@@ -315,7 +315,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
                 {canSkipAd ? (
                   <Button
                     onClick={skipAd}
-                    className="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full text-sm"
+                    className="bg-rose-600 hover:bg-rose-700 text-white px-4 py-2 rounded-full text-sm"
                     data-testid="button-skip-ad"
                   >
                     <SkipForward className="w-4 h-4 mr-2" />
@@ -331,7 +331,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
               {/* Ad Progress */}
               <div className="mt-2 bg-gray-800 rounded-full h-1">
                 <div 
-                  className="bg-yellow-600 h-full rounded-full transition-all duration-100"
+                  className="bg-rose-500 h-full rounded-full transition-all duration-100"
                   style={{ width: `${adDuration ? (adCurrentTime / adDuration) * 100 : 0}%` }}
                 />
               </div>
@@ -357,7 +357,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
                       setIsPlaying(true);
                     }
                   }}
-                  className="text-white hover:bg-white/20"
+                  className="text-white hover:bg-rose-500/30"
                 >
                   {(isAdPlaying ? isAdPlaying : isPlaying) ? 
                     <Pause className="w-5 h-5" /> : 
@@ -370,7 +370,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
                   variant="ghost"
                   size="icon"
                   onClick={toggleMute}
-                  className="text-white hover:bg-white/20"
+                  className="text-white hover:bg-rose-500/30"
                 >
                   {isMuted ? <VolumeX className="w-5 h-5" /> : <Volume2 className="w-5 h-5" />}
                 </Button>
@@ -395,7 +395,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
                       container.requestFullscreen();
                     }
                   }}
-                  className="text-white hover:bg-white/20"
+                  className="text-white hover:bg-rose-500/30"
                 >
                   <Maximize className="w-5 h-5" />
                 </Button>
@@ -419,7 +419,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
                     }}
                   >
                     <div 
-                      className="bg-bunny-blue h-full rounded-full transition-all duration-100"
+                      className="bg-rose-500 h-full rounded-full transition-all duration-100"
                       style={{ width: `${duration ? (currentTime / duration) * 100 : 0}%` }}
                     />
                   </div>