Fix icon colors

blakeblackshear · Apr 11, 2024 · 975007a · 975007a
1 parent 826f023
commit 975007a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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>