Chart colors¶
A scheme paints the charts of the work, project and company reports. A scheme is an ordered list of eight colors; position in that list is what assigns a color to a chart element. The employee report charts no client services, so its calendar uses its own fixed colors and a scheme change leaves it unchanged.
The estimate and total-hours lines are not part of a scheme. They use two fixed greys so they stay distinguishable from every client service in the same chart, which is why a scheme holds eight client-service colors and offers eight slots that all mean what they say — Color 3 in the picker is Color 3 in the chart.
Managing schemes¶
One scheme is active at a time. Selecting another one re-renders every report — no recomputation is needed, because the colors are applied when a chart is drawn.
Editing a scheme¶
Edit opens the eight slots as hex values. Each swatch is also a color picker.
Building a scheme from an image¶
Analyze image extracts a palette from a picture you upload — a brand guide page, a photo, a screenshot of a client's website.
A palette from an image is a starting point
The analysis is AI-assisted and reads the colors out of the picture you upload — it works best on a logo with several distinct colors. A one- or two-color logo gives it little to work with, and the result will be thin or repetitive.
Expect to adjust afterwards. Check the palette on a real report before keeping it: two colors that look distinct side by side in a swatch row can be hard to tell apart as thin slices of a donut or as adjacent bars. It saves you building a scheme from nothing; it is not a finished scheme.
Locked schemes
The mReport default scheme is locked and cannot be edited. Duplicate it if you want it as a starting point.
Which services use a color¶
Each swatch lists the client services pinned to it, and the pencil beside it opens the list to change them.
A service uses one slot. Selecting it here moves it off the slot it currently has — the list shows each service's current slot, so you can see what a change will cost before making it. Clearing a service puts it back on Auto, where a free slot is picked when the chart is drawn.
The slot belongs to the service, not to the scheme
You edit this while looking at one scheme, but the pin is stored on the client service. Changing it here changes which color that service takes in every scheme.
Services on Auto are not listed under any color: their slot is decided per chart, so a service can appear in a color without being pinned to it.
Which color appears where¶
Every color mReport draws, and where it appears. Generated from the application source, so it always matches the running version.
Generated file
Do not edit by hand. Regenerate with python saas/docs-site/generate_snippets.py.
Report palette¶
The eight slots of a color scheme, in order. Slot 1 paints the first segment of a donut or the first bar in a grouped chart, slot 2 the second, and so on. Change these under Configuration → Base data → Chart colors; a scheme with fewer than eight colors is padded from this default.
| Slot | Color | Where it appears |
|---|---|---|
| 1 | #E59BFF |
Segment / bar 1 of every chart |
| 2 | #9B80FF |
Segment / bar 2 of every chart |
| 3 | #80B1FF |
Segment / bar 3 of every chart |
| 4 | #80E5D5 |
Segment / bar 4 of every chart |
| 5 | #80FF97 |
Segment / bar 5 of every chart |
| 6 | #FFF280 |
Segment / bar 6 of every chart |
| 7 | #FFC180 |
Segment / bar 7 of every chart |
| 8 | #FF8080 |
Segment / bar 8 of every chart |
Client service palette¶
Used for the client-service line and area charts when a service has no explicit color of its own. Set a per-service color under Configuration → Base data → Client services.
| Slot | Color |
|---|---|
| 1 | #E59BFF |
| 2 | #9B80FF |
| 3 | #80B1FF |
| 4 | #80E5D5 |
| 5 | #80FF97 |
| 6 | #FFF280 |
| 7 | #FFC180 |
| 8 | #FF8080 |
Fixed roles¶
These two are not configurable — they always identify the same thing.
| Role | Color |
|---|---|
| Estimate and budget lines | #71717A |
| Total hours series | #B7B7BE |
Employee calendar — worked delta¶
The calendar heatmap colors each day by how far the recorded hours are from the expected hours. Thresholds are the lower bound in hours; a day takes the color of the highest threshold it reaches.
| From (hours) | Label | Color |
|---|---|---|
| — | Below all bands | #D4D4D8 |
| -4.0 | Strong negative | #78909C |
| -1.0 | Moderate negative | #2A9D8F |
| +0.0 | Near target | #5BCB67 |
| +1.0 | Moderate positive | #E9D758 |
| +4.0 | Strong positive | #E8833A |
Employee calendar — expected hours¶
In expected hours mode the calendar colors each day by its type instead.
| Label | Color |
|---|---|
| Full working day | #6ACC47 |
| Half day | #B8E05F |
| Non-working day | #80B1FF |
| Public holiday | #B83280 |
| Worked on a public holiday | #A78BFA |
| No time recorded | #D4D4D8 |