Understand Event Color Coding

Learn what each event color means on the schedule calendar, including event type colors, status indicators, and team member colors.

Written by Liam ChenUpdated over a month ago4 min readBeginner

What this guide covers

This guide explains the color coding system used on the JobsiteOn schedule calendar. Colors help you quickly identify the type of work, the assigned team member, and the status of events without opening each one individually.

By the end you will understand:

How event type colors work
How team member colors are assigned
What status indicators mean on event cards
How to read a dense, colorful calendar

Event type colors

Each event type has a designated color so you can identify the nature of the work at a glance:

Event Type	Color	Usage
Site Visit	Muted blue	On-site assessments and inspections
Estimate	Purple	Quote or estimate appointments
Work	Standard blue	General work events
Follow Up	Teal	Return visits and follow-up work
Maintenance	Green	Recurring maintenance tasks
Emergency	Red/Orange	Urgent dispatches requiring immediate attention
Appointment	Light blue	Generic scheduled appointments
General	Light gray	Uncategorized events

Tip: When scanning the calendar, use color to quickly count how many site visits versus work events you have this week. This helps you understand the mix of new business (estimates) versus active work.

Team member colors

When viewing the schedule with multiple team members visible (especially in dispatch view), each team member is assigned a consistent color from the team color palette. This makes it easy to distinguish whose events are whose when the calendar is dense.

Team member colors are assigned automatically and remain consistent throughout the application. The same person always gets the same color.

Screenshot: The dispatch board showing three team member columns, each with a distinct header color that matches the event cards in their column

How colors combine

An event card can display both an event type color and a team member color. Here is how they interact:

Event type color takes priority and fills the main background of the event card
Team member color may appear as a subtle left border, dot indicator, or accent mark on the card
In dispatch view, team member columns have colored headers, so the cards within a column use event type colors

This layered approach means you can identify both the type of work and who is doing it from a single glance.

Status indicators on event cards

In addition to color, event cards show status through visual indicators:

Scheduled -- Default appearance with the standard event type color
In progress -- May show a pulsing border or a progress indicator
Completed -- Appears with a muted or faded style, sometimes with a checkmark
Cancelled -- Appears with a strikethrough title or a distinctly faded style

Screenshot: Four event cards side by side showing the same event type in different statuses: scheduled (normal), in progress (highlighted), completed (muted with checkmark), and cancelled (faded with strikethrough)

Reading a dense calendar

When the calendar is packed with events, colors help you parse information faster. Here are strategies for reading a colorful schedule:

Scan by color

If you need to find all emergency events, look for red/orange cards. If you need to count maintenance events this month, scan for green.

Use filters to reduce noise

If the calendar is too dense to read by color alone, apply a team filter or event type filter to isolate the events you care about.

Focus on status indicators

When reviewing the day's progress, look for status indicators. Completed events fade into the background, making in-progress and upcoming events more visually prominent.

Animation: A walkthrough of the week view calendar showing a mix of colorful events, then the user applying a filter to show only "Emergency" events, reducing the view to just the red/orange cards

Did this answer your question?