Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-12-19 19:06:16 +01:00
Code Issues Projects Releases Wiki Activity

dim motion segments for motion during alerts and detections (#10454)

Browse Source
This commit is contained in:
Josh Hawkins 2024-03-14 10:35:13 -05:00 committed by GitHub
parent 45a318dfed
commit 98977f1ded
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/timeline/MotionSegment.tsx
View File

@ -223,7 +223,7 @@ export function MotionSegment({
<div className="flex justify-center">
<div
key={`${segmentKey}_motion_data_1`}
className={`h-[2px] rounded-full bg-motion_review`}
className={`h-[2px] rounded-full ${severity[0] != 0 ? "bg-motion_review-dimmed" : "bg-motion_review"}`}
style={{
width: secondHalfSegmentWidth,
}}
@ -235,7 +235,7 @@ export function MotionSegment({
<div className="flex justify-center">
<div
key={`${segmentKey}_motion_data_2`}
className={`h-[2px] rounded-full bg-motion_review`}
className={`h-[2px] rounded-full ${severity[0] != 0 ? "bg-motion_review-dimmed" : "bg-motion_review"}`}
style={{
width: firstHalfSegmentWidth,
}}

1
web/tailwind.config.js
View File

@ -93,6 +93,7 @@ module.exports = {
},
motion_review: {
DEFAULT: "hsl(var(--motion_review))",
dimmed: "hsl(var(--motion_review_dimmed))",
},
audio_review: {
DEFAULT: "hsl(var(--audio_review))",

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

@ -77,6 +77,9 @@
--motion_review: hsl(44, 94%, 50%);
--motion_review: 44, 94%, 50%;
--motion_review_dimmed: hsl(44, 60%, 40%);
--motion_review_dimmed: 44, 60%, 40%;
--audio_review: hsl(228, 94%, 67%);
--audio_review: 228, 94%, 67%;
}