diff --git a/attached_assets/image_1756567828675.png b/attached_assets/image_1756567828675.png
new file mode 100644
index 0000000..f2235ad
Binary files /dev/null and b/attached_assets/image_1756567828675.png differ
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 3a94519..fd93104 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -197,11 +197,11 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
             {duration > 0 && (
               <div className="absolute bottom-1 left-2 right-2 h-2 bg-black/40 rounded-full overflow-hidden backdrop-blur-sm border border-white/20">
                 <div 
-                  className="h-full bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 transition-all duration-200 ease-out shadow-lg relative"
+                  className="h-full bg-gradient-to-r from-orange-500 via-orange-400 to-orange-600 transition-all duration-200 ease-out shadow-lg relative"
                   style={{ width: `${(currentTime / duration) * 100}%` }}
                 >
                   {/* Glow effect */}
-                  <div className="absolute inset-0 bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 opacity-60 blur-sm"></div>
+                  <div className="absolute inset-0 bg-gradient-to-r from-orange-400 via-orange-300 to-orange-500 opacity-60 blur-sm"></div>
                   {/* Progress dot at the end */}
                   <div className="absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-lg border-2 border-purple-400"></div>
                 </div>
@@ -212,7 +212,7 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
         
         {/* Title overlay - only show when not playing preview */}
         {!showPreview && (
-          <div className="absolute bottom-2 left-2 right-2 bg-black/75 text-white px-2 py-1 rounded backdrop-blur-sm z-10">
+          <div className="absolute bottom-2 left-2 right-2 bg-black/50 text-white px-2 py-1 rounded backdrop-blur-sm z-10">
             <div className="truncate font-medium text-sm">{video.title}</div>
             <div className="text-xs text-gray-300 flex items-center space-x-1 mt-0.5">
               <span>{formatViews(video.views)}</span>
diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index 8d8d121..7945ffb 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -502,7 +502,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                   data-testid="progress-bar"
                 >
                   <div 
-                    className="h-full bg-blue-500 rounded-full transition-all duration-200"
+                    className="h-full bg-orange-500 rounded-full transition-all duration-200"
                     style={{ width: `${duration > 0 ? (currentTime / duration) * 100 : 0}%` }}
                   />