administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 21:25:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

don't use primary-foreground

Browse Source
This commit is contained in:
Josh Hawkins 2024-04-09 11:55:10 -05:00
parent 2f8e1b4058
commit 88f5bb2811
6 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/filter/ReviewFilterGroup.tsx
View File

@ -229,7 +229,7 @@ function CamerasFilterButton({
<FaVideo <FaVideo
className={`${selectedCameras?.length ? "text-primary" : "text-secondary-foreground"}`} className={`${selectedCameras?.length ? "text-primary" : "text-secondary-foreground"}`}
/> />
<div className="hidden md:block"> <div className="hidden md:block text-primary">
{selectedCameras == undefined {selectedCameras == undefined
? "All Cameras" ? "All Cameras"
: `${selectedCameras.includes("birdseye") ? selectedCameras.length - 1 : selectedCameras.length} Camera${selectedCameras.length !== 1 ? "s" : ""}`} : `${selectedCameras.includes("birdseye") ? selectedCameras.length - 1 : selectedCameras.length} Camera${selectedCameras.length !== 1 ? "s" : ""}`}
@ -397,7 +397,7 @@ function ShowReviewFilter({
onClick={() => setShowReviewedSwitch(showReviewedSwitch == 0 ? 1 : 0)} onClick={() => setShowReviewedSwitch(showReviewedSwitch == 0 ? 1 : 0)}
> >
<FaCheckCircle <FaCheckCircle
className={`${showReviewedSwitch == 1 ? "fill-primary dark:fill-primary-foreground" : "text-muted-foreground"}`} className={`${showReviewedSwitch == 1 ? "fill-primary" : "text-muted-foreground"}`}
/> />
</Button> </Button>
</> </>
@ -683,7 +683,7 @@ function ShowMotionOnlyButton({
onClick={() => setMotionOnlyButton(!motionOnlyButton)} onClick={() => setMotionOnlyButton(!motionOnlyButton)}
> >
<FaRunning <FaRunning
className={`${motionOnlyButton ? "fill-primary dark:fill-primary-foreground" : "text-muted-foreground"}`} className={`${motionOnlyButton ? "fill-primary" : "text-muted-foreground"}`}
/> />
</Button> </Button>
</div> </div>

6
web/src/components/overlay/MobileReviewSettingsDrawer.tsx
View File

@ -137,7 +137,7 @@ export default function MobileReviewSettingsDrawer({
<div className="w-full p-4 flex flex-col gap-2"> <div className="w-full p-4 flex flex-col gap-2">
{features.includes("export") && ( {features.includes("export") && (
<Button <Button
className="w-full flex justify-center items-center gap-2 dark:text-primary-foreground" className="w-full flex justify-center items-center gap-2"
variant="secondary" variant="secondary"
onClick={() => setDrawerMode("export")} onClick={() => setDrawerMode("export")}
> >
@ -147,7 +147,7 @@ export default function MobileReviewSettingsDrawer({
)} )}
{features.includes("calendar") && ( {features.includes("calendar") && (
<Button <Button
className="w-full flex justify-center items-center gap-2 dark:text-primary-foreground" className="w-full flex justify-center items-center gap-2"
variant="secondary" variant="secondary"
onClick={() => setDrawerMode("calendar")} onClick={() => setDrawerMode("calendar")}
> >
@ -157,7 +157,7 @@ export default function MobileReviewSettingsDrawer({
)} )}
{features.includes("filter") && ( {features.includes("filter") && (
<Button <Button
className="w-full flex justify-center items-center gap-2 dark:text-primary-foreground" className="w-full flex justify-center items-center gap-2"
variant="secondary" variant="secondary"
onClick={() => setDrawerMode("filter")} onClick={() => setDrawerMode("filter")}
> >

6
web/src/components/player/VideoControls.tsx
View File

@ -142,7 +142,7 @@ export default function VideoControls({
return ( return (
<div <div
className={`px-4 py-2 flex justify-between items-center gap-8 text-primary dark:text-white z-50 bg-secondary-foreground/60 dark:bg-secondary/60 rounded-lg ${className ?? ""}`} className={`px-4 py-2 flex justify-between items-center gap-8 text-primary z-50 bg-secondary-foreground/60 rounded-lg ${className ?? ""}`}
> >
{video && features.volume && ( {video && features.volume && (
<div className="flex justify-normal items-center gap-2"> <div className="flex justify-normal items-center gap-2">
@ -170,9 +170,9 @@ export default function VideoControls({
)} )}
<div className="cursor-pointer" onClick={onTogglePlay}> <div className="cursor-pointer" onClick={onTogglePlay}>
{isPlaying ? ( {isPlaying ? (
<LuPause className="size-5 fill-primary-foreground dark:fill-white" /> <LuPause className="size-5 text-primary fill-primary" />
) : ( ) : (
<LuPlay className="size-5 fill-primary-foreground dark:fill-white" /> <LuPlay className="size-5 text-primary fill-primary" />
)} )}
</div> </div>
{features.seek && ( {features.seek && (

2
web/src/components/timeline/SummaryTimeline.tsx
View File

@ -355,7 +355,7 @@ export function SummaryTimeline({
ref={visibleSectionRef} ref={visibleSectionRef}
onMouseDown={handleMouseDown} onMouseDown={handleMouseDown}
onTouchStart={handleMouseDown} onTouchStart={handleMouseDown}
className={`bg-primary-foreground/30 z-20 absolute w-full touch-none ${ className={`bg-primary/30 z-20 absolute w-full touch-none ${
isDragging ? "cursor-grabbing" : "cursor-grab" isDragging ? "cursor-grabbing" : "cursor-grab"
}`} }`}
></div> ></div>

2
web/src/pages/Logs.tsx
View File

@ -373,7 +373,7 @@ function Logs() {
{initialScroll && !endVisible && ( {initialScroll && !endVisible && (
<Button <Button
className="absolute bottom-8 left-[50%] -translate-x-[50%] rounded-md text-primary-foreground bg-secondary-foreground z-20 p-2" className="absolute bottom-8 left-[50%] -translate-x-[50%] rounded-md text-primary bg-secondary-foreground z-20 p-2"
variant="secondary" variant="secondary"
onClick={() => onClick={() =>
contentRef.current?.scrollTo({ contentRef.current?.scrollTo({

8
web/themes/theme-default.css
View File

@ -30,8 +30,8 @@
--secondary: hsl(210 20% 94.1%); --secondary: hsl(210 20% 94.1%);
--secondary: 210 20% 94.1%; --secondary: 210 20% 94.1%;
--secondary-foreground: hsl(222.2 47.4% 21.2%); --secondary-foreground: hsl(222.2 17.4% 21.2%);
--secondary-foreground: 222.2 47.4% 21.2%; --secondary-foreground: 222.2 17.4% 21.2%;
--secondary-highlight: hsl(0, 0%, 94%); --secondary-highlight: hsl(0, 0%, 94%);
--secondary-highlight: 0 0% 94%; --secondary-highlight: 0 0% 94%;
@ -118,8 +118,8 @@
--primary: hsl(0, 0%, 91%); --primary: hsl(0, 0%, 91%);
--primary: 0 0% 91%; --primary: 0 0% 91%;
--primary-foreground: hsl(0, 0%, 100%); --primary-foreground: hsl(0, 0%, 9%);
--primary-foreground: 0 0% 100%; --primary-foreground: 0 0% 9%;
--secondary: hsl(0, 0%, 15%); --secondary: hsl(0, 0%, 15%);
--secondary: 0 0% 15%; --secondary: 0 0% 15%;