...

...

...

...

...

src/app/(features)/srt-player/components/atoms/PlayButton.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { useTranslations } from "next-intl";
-import LightButton from "@/components/ui/buttons/LightButton";
+import { LightButton } from "@/components/ui/buttons";
 import { PlayButtonProps } from "../../types/player";
 
 export default function PlayButton({ isPlaying, onToggle, disabled, className }: PlayButtonProps) {

src/app/(features)/srt-player/components/atoms/SpeedControl.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import LightButton from "@/components/ui/buttons/LightButton";
+import { LightButton } from "@/components/ui/buttons";
 import { SpeedControlProps } from "../../types/player";
 import { getPlaybackRateOptions, getPlaybackRateLabel } from "../../utils/timeUtils";
 

src/app/(features)/srt-player/components/compounds/ControlBar.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { useTranslations } from "next-intl";
 import { ChevronLeft, ChevronRight, RotateCcw, Pause } from "lucide-react";
-import DarkButton from "@/components/ui/buttons/DarkButton";
+import { LightButton } from "@/components/ui/buttons";
 import { ControlBarProps } from "../../types/controls";
 import PlayButton from "../atoms/PlayButton";
 import SpeedControl from "../atoms/SpeedControl";
@@ -31,32 +31,32 @@ export default function ControlBar({
         disabled={disabled}
       />
       
-      <DarkButton
+      <LightButton
         onClick={disabled ? undefined : onPrevious}
         disabled={disabled}
         className="flex items-center px-3 py-2"
       >
         <ChevronLeft className="w-4 h-4 mr-2" />
         {t("previous")}
-      </DarkButton>
+      </LightButton>
       
-      <DarkButton
+      <LightButton
         onClick={disabled ? undefined : onNext}
         disabled={disabled}
         className="flex items-center px-3 py-2"
       >
         {t("next")}
         <ChevronRight className="w-4 h-4 ml-2" />
-      </DarkButton>
+      </LightButton>
       
-      <DarkButton
+      <LightButton
         onClick={disabled ? undefined : onRestart}
         disabled={disabled}
         className="flex items-center px-3 py-2"
       >
         <RotateCcw className="w-4 h-4 mr-2" />
         {t("restart")}
-      </DarkButton>
+      </LightButton>
       
       <SpeedControl
         playbackRate={playbackRate}
@@ -64,14 +64,14 @@ export default function ControlBar({
         disabled={disabled}
       />
       
-      <DarkButton
+      <LightButton
         onClick={disabled ? undefined : onAutoPauseToggle}
         disabled={disabled}
         className="flex items-center px-3 py-2"
       >
         <Pause className="w-4 h-4 mr-2" />
         {t("autoPause", { enabled: autoPause ? t("on") : t("off") })}
-      </DarkButton>
+      </LightButton>
     </div>
   );
 }

src/app/(features)/srt-player/components/compounds/UploadZone.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { useTranslations } from "next-intl";
 import { toast } from "sonner";
 import { Video, FileText } from "lucide-react";
-import DarkButton from "@/components/ui/buttons/DarkButton";
+import { LightButton } from "@/components/ui/buttons";
 import { FileUploadProps } from "../../types/controls";
 import { useFileUpload } from "../../hooks/useFileUpload";
 
@@ -26,21 +26,21 @@ export default function UploadZone({ onVideoUpload, onSubtitleUpload, className
 
   return (
     <div className={`flex gap-3 ${className || ''}`}>
-      <DarkButton
+      <LightButton
         onClick={handleVideoUpload}
         className="flex-1 py-2 px-3 text-sm"
       >
         <Video className="w-4 h-4 mr-2" />
         {t("uploadVideo")}
-      </DarkButton>
+      </LightButton>
       
-      <DarkButton
+      <LightButton
         onClick={handleSubtitleUpload}
         className="flex-1 py-2 px-3 text-sm"
       >
         <FileText className="w-4 h-4 mr-2" />
         {t("uploadSubtitle")}
-      </DarkButton>
+      </LightButton>
     </div>
   );
 }