Skip to main content
warning

Page Under Review
This documentation is currently under review and may contain incomplete or inaccurate information. Please verify all details before implementation.

Event Themes

Event Themes are the colored overlays, icons, and messages that appear on Live Monitor detection cards. They turn what would otherwise be a uniform grid of faces into an at-a-glance operator dashboard where a green welcome stands out as clearly as a red alert.

Each theme is keyed to an EventClassification value on a detection. When a detection arrives with a classification that matches an enabled theme, that theme's styling takes over the card.

Classifications are set by your rules engine β€” typically Node-RED when Face Verify is part of the pipeline.

Where to Configure Themes​

  1. Open the Live Monitor settings (gear icon).
  2. Go to the Event Themes tab of the filter dialog.
  3. Add, edit, enable, or remove themes from the list.

You can also toggle the entire theme system on or off from the top of the tab β€” useful when you want a plain feed without colored overlays.

🎨
Screenshot Placeholder
Event Themes editor β€” default themes list
live-monitor-event-themes.png

The Three Theme Types​

Every theme is one of three types. Pick based on how visually prominent the signal should be.

🎨
Color Theme
Solid gradient background with a gentle pulse animation. Best for routine, expected events like Access Granted or Exit.
🚨
Icon Alert Theme
Stronger border, icon display (emoji or Material icon), enhanced animations. Best for alerts that need operator attention β€” Access Denied, Unauthorized.
✨
Festive Theme
Animated rainbow gradient with sparkles. No per-theme color field β€” the rainbow is the styling. Best for celebratory events β€” welcome back a loyal customer, first visit, birthdays.

Theme Fields​

All themes share a common set of fields, plus type-specific ones:

FieldTypeDescription
NameallDisplay name for the theme in the editor. Not shown on detection cards.
EventClassification ValueallThe classification string that triggers this theme. Must match exactly the value your rules engine sends (e.g. AccessGranted).
MessageallOptional overlay text rendered on the card when the theme matches.
EnabledallToggle to disable a theme without deleting it.
AnimateallToggle the pulse / animation effect.
ColorColor / Icon AlertThe accent color used for the gradient and border.
IconIcon Alert onlyAn emoji or Material icon name displayed prominently on the card.
Alert Font Size / Color IntensityIcon AlertFine-tune how loud the alert looks.

Default Themes​

A set of sensible defaults ships with Live Monitor and serves as a template:

NameClassificationTypeColorIconMessage
Access GrantedAccessGrantedColorGreenβ€”Access Granted
Access DeniedAccessDeniedIcon AlertRed🚫Access Denied
Access TimeoutAccessTimeoutColorOrangeβ€”Access Request Timed Out
UnauthorizedUnauthorizedIcon AlertPink⚠️Unauthorized Access Attempt
EntryEntryFestive(rainbow)✨Welcome!
ExitExitColorPurpleβ€”Goodbye!

Customize these or replace them entirely β€” the system matches by classification value, so any theme you add will take over once a classification arrives.

The Connection to Face Verify​

Event Themes are the operator side of the red / green light that customers see on Face Verify kiosks.

Customer at kiosk ─→ Detection sent to Identities ─→ Rules engine returns EventClassification ─┬─→ Face Verify overlay color
└─→ Live Monitor Event Theme

Because both ends use the same classification value, a green for the customer at the kiosk is a green for the operator at the security desk β€” no translation needed, no chance of desync.

Keep Classifications in Sync

The easiest way to stay consistent is to decide on the classification vocabulary once (e.g. AccessGranted, AccessDenied, WatchListMatch, NewVisitor) and use those exact values both in your Node-RED rules and in your theme configuration on every device.

Preview​

The editor includes a preview area that shows how each theme will render before you apply it. Use this when authoring a new theme or fine-tuning an existing one β€” you don't have to wait for a live detection to see the result.


Next Steps​