From 894d21c3112514f9665d3c08d9fa277b0c9d8667 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 13:24:24 +0000
Subject: [PATCH] Update video player colors to match new branding guidelines

Update the color scheme of the video player component, specifically modifying class names in `vast-player.tsx` to use `bg-rose-600`, `bg-rose-500`, and `hover:bg-rose-500/30` for various interactive elements and progress bars.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/jh6R7y2
---
 client/src/components/vast-player.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

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>