Use alert/detection colors as background for motion segments

[hawkeye217]

• Remove side alert/detection bars on motion timeline
• Use dimmed alert/detection color as background color for motion segments with alerts/detections
• Remove dimming of motion segments for reviewed/unreviewed
• Adjusted as agreed by Blake and other maintainers

[netlify]

✅ Deploy Preview for frigate-docs ready!

Name	Link
🔨 Latest commit	fb4e5dc
🔍 Latest deploy log	https://app.netlify.com/sites/frigate-docs/deploys/66318ced2f9a990008d9f791
😎 Deploy Preview	https://deploy-preview-11182--frigate-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[T3chArmy]

@hawkeye217 Just out of curiosity, was this intentionally left off the review pages for Alerts and Detections?

I see it on the motion tab of the review page, and also see it if I click into the history for a camera from the live view.

I feel the colored timeline background provides a much cleaner experience.

[hawkeye217]

Yes. We decided to move away from something our UI designer originally designed - the small bar on the right hand side of the motion review timeline.

The other maintainers and I decided on this to highlight what motion segments were associated with an alert or a detection.

The alerts and detections pages don't need a background color as there's already a bar down the middle of the timeline to indicate when there was an alert or detection.

[T3chArmy]

Thanks for taking the time to respond! I just wanted to make sure this was intentional, and not something that may have gotten overlooked! Appreciate your contributions to the project!