diff --git a/web/src/components/timeline/EventSegment.tsx b/web/src/components/timeline/EventSegment.tsx index 596c9788e..9fa2d025d 100644 --- a/web/src/components/timeline/EventSegment.tsx +++ b/web/src/components/timeline/EventSegment.tsx @@ -155,8 +155,8 @@ export function EventSegment({ const severityColors: { [key: number]: string } = { 1: reviewed - ? "from-severity_motion-dimmed/50 to-severity_motion/50" - : "from-severity_motion-dimmed to-severity_motion", + ? "from-severity_significant_motion-dimmed/50 to-severity_significant_motion/50" + : "from-severity_significant_motion-dimmed to-severity_significant_motion", 2: reviewed ? "from-severity_detection-dimmed/50 to-severity_detection/50" : "from-severity_detection-dimmed to-severity_detection", diff --git a/web/src/components/timeline/MotionSegment.tsx b/web/src/components/timeline/MotionSegment.tsx index f816acc25..857c91cf8 100644 --- a/web/src/components/timeline/MotionSegment.tsx +++ b/web/src/components/timeline/MotionSegment.tsx @@ -165,8 +165,8 @@ export function MotionSegment({ const severityColors: { [key: number]: string } = { 1: reviewed - ? "from-severity_motion-dimmed/50 to-severity_motion/50" - : "from-severity_motion-dimmed to-severity_motion", + ? "from-severity_significant_motion-dimmed/50 to-severity_significant_motion/50" + : "from-severity_significant_motion-dimmed to-severity_significant_motion", 2: reviewed ? "from-severity_detection-dimmed/50 to-severity_detection/50" : "from-severity_detection-dimmed to-severity_detection", diff --git a/web/src/components/timeline/SummarySegment.tsx b/web/src/components/timeline/SummarySegment.tsx index 9c8e8bca9..34e4b6621 100644 --- a/web/src/components/timeline/SummarySegment.tsx +++ b/web/src/components/timeline/SummarySegment.tsx @@ -34,7 +34,9 @@ export function SummarySegment({ const segmentKey = useMemo(() => segmentTime, [segmentTime]); const severityColors: { [key: number]: string } = { - 1: reviewed ? "bg-severity_motion/50" : "bg-severity_motion", + 1: reviewed + ? "bg-severity_significant_motion/50" + : "bg-severity_significant_motion", 2: reviewed ? "bg-severity_detection/50" : "bg-severity_detection", 3: reviewed ? "bg-severity_alert/50" : "bg-severity_alert", }; diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx index 544f2d085..7057395f2 100644 --- a/web/src/views/events/EventView.tsx +++ b/web/src/views/events/EventView.tsx @@ -246,7 +246,7 @@ export default function EventView({ value="significant_motion" aria-label="Select motion" > - +
Motion
diff --git a/web/tailwind.config.js b/web/tailwind.config.js index 58ce1b5fe..066b9240c 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -87,9 +87,9 @@ module.exports = { DEFAULT: "hsl(var(--severity_detection))", dimmed: "hsl(var(--severity_detection_dimmed))", }, - severity_motion: { - DEFAULT: "hsl(var(--severity_motion))", - dimmed: "hsl(var(--severity_motion_dimmed))", + severity_significant_motion: { + DEFAULT: "hsl(var(--severity_significant_motion))", + dimmed: "hsl(var(--severity_significant_motion_dimmed))", }, motion_review: { DEFAULT: "hsl(var(--motion_review))", diff --git a/web/themes/theme-default.css b/web/themes/theme-default.css index 6dba4474e..b2a0126ba 100644 --- a/web/themes/theme-default.css +++ b/web/themes/theme-default.css @@ -71,8 +71,8 @@ --severity_detection: var(--orange-600); --severity_detection_dimmed: var(--orange-400); - --severity_motion: var(--yellow-400); - --severity_motion_dimmed: var(--yellow-200); + --severity_significant_motion: var(--yellow-400); + --severity_significant_motion_dimmed: var(--yellow-200); --motion_review: hsl(44, 94%, 50%); --motion_review: 44 94% 50%;