Fix icon colors

This commit is contained in:
Nicolas Mowen 2024-04-11 09:39:13 -06:00
parent 826f02317c
commit 975007a645
3 changed files with 6 additions and 4 deletions

View File

@ -693,7 +693,9 @@ function ShowMotionOnlyButton({
variant={motionOnlyButton ? "select" : "default"}
onClick={() => setMotionOnlyButton(!motionOnlyButton)}
>
<FaRunning />
<FaRunning
className={`${motionOnlyButton ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
</Button>
</div>
</>

View File

@ -256,7 +256,7 @@ export function RecordingView({
size="sm"
onClick={() => navigate(-1)}
>
<IoMdArrowRoundBack className="size-5" size="small" />
<IoMdArrowRoundBack className="size-5 text-secondary-foreground" />
{isDesktop && <div className="text-primary">Back</div>}
</Button>
<div className="flex items-center justify-end gap-2">

View File

@ -228,7 +228,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
size="sm"
onClick={() => navigate(-1)}
>
<IoMdArrowRoundBack className="size-5" />
<IoMdArrowRoundBack className="size-5 text-secondary-foreground" />
{isDesktop && <div className="text-primary">Back</div>}
</Button>
<Button
@ -247,7 +247,7 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
});
}}
>
<LuHistory className="size-5" />
<LuHistory className="size-5 text-secondary-foreground" />
{isDesktop && <div className="text-primary">History</div>}
</Button>
</div>