From 975007a6451179798dc0d3744a5fb77a999372b7 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 11 Apr 2024 09:39:13 -0600
Subject: [PATCH] Fix icon colors

---
 web/src/components/filter/ReviewFilterGroup.tsx | 4 +++-
 web/src/views/events/RecordingView.tsx          | 2 +-
 web/src/views/live/LiveCameraView.tsx           | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/components/filter/ReviewFilterGroup.tsx b/web/src/components/filter/ReviewFilterGroup.tsx
index 036f30a36..2038aef42 100644
--- a/web/src/components/filter/ReviewFilterGroup.tsx
+++ b/web/src/components/filter/ReviewFilterGroup.tsx
@@ -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>
     </>
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index 9684e7dc5..f351ca745 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -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">
diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index bc1d8c2b7..ee71a687c 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -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>