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"} variant={motionOnlyButton ? "select" : "default"}
onClick={() => setMotionOnlyButton(!motionOnlyButton)} onClick={() => setMotionOnlyButton(!motionOnlyButton)}
> >
<FaRunning /> <FaRunning
className={`${motionOnlyButton ? "text-selected-foreground" : "text-secondary-foreground"}`}
/>
</Button> </Button>
</div> </div>
</> </>

View File

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

View File

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