Your events are displayed in two ways: on the main calendar view and in the detailed view (pop up or accordion). We use color in different ways to make your displayed events more attractive. What you see will depend on the calendar view AND your choices.
This article covers how Use tag color as accent color
works in the main calendar views.
Full calendar
| Design item Events --> Event details --> Use tag color as accent color is toggled on.  Result: Color of pills comes from the PCO ChMS. | Design item Events --> Event details --> Use tag color as accent color is toggled off.  Result: Color of pills comes from Design --> Full calendar --> Events --> Event name background |
Weekly view: Events list
| Design item Events --> Event details --> Use tag color as accent color is toggled on.
 Result: Color of dot in calendar view comes from design item PCO ChMS. Colors of left border in events list come from the PCO ChMS. | Design item Events --> Event details --> Use tag color as accent color is toggled off.
Result: Color of dot in calendar view comes from design item Design __> Weekly view --> Events--> Indication. Color of left border in events list comes from design item Design --> Events listing/Details colors --> Listing--> Left border. |
Weekly view: Pills
| Design item Events --> Event details --> Use tag color as accent color is toggled on.
 Result: Colors of pills in calendar view come from the PCO ChMS. | Design item Events --> Event details --> Use tag color as accent color is toggled off.
 Result: Color of pills in calendar view comes from design item Design --> Weekly view --> Pills --> Background. |
Weekly view: Stacks
| Design item Events --> Event details --> Use tag color as accent color is toggled on.
 Result: Colors of the accent lines in the calendar view come from the PCO ChMS. | Design item Events --> Event details --> Use tag color as accent color is toggled off.
 Result: Color of the accent lines in the calendar view comes from design item Design --> Weekly view --> Stack --> Accent color. |
Cards (List) | Does not affect calendar view | Does not affect calendar view |
Cards (Grid) | Design item Events --> Event details --> Use tag color as accent color is toggled on.
 Result: Color in calendar view comes from the PCO ChMS when Design --> Frame and cells --> Card --> Card hover effect: Simple accent or Expandable accent is toggled on. | Design item Events --> Event details --> Use tag color as accent color is toggled off.
 Result: Color in calendar view comes from design item Design --> Events listing/Details colors --> Listing--> Left border when Design --> Frame and cells --> Card --> Card hover effect: Simple accent or Expandable accent is toggled on. |
Slider | Does not affect calendar view | Does not affect calendar view |
THE ACCENT COLOR ON THE LEFT BORDER OF YOUR EVENTS DETAILS
[list, accordion, pop up]
Here are some examples of what we are speaking about using a green color (not the default).
|  |
|
|
IN GENERAL the accent color on the left border of your events details works in this way:
Use tag color as accent color is toggled on --- the color comes from Breeze or GCal (depending on your integration.
Use tag color as accent color is toggled off --- the color comes from the design item Left border.
Where to find these design elements
Use calendar color as accent color
 | Step 1: Click on the Design tab.
Step 2: Scroll down to the Events section.
Step 3: Click on Events to expand the section.
|
 | Step 4: Scroll down to the Event details subsection.
Step 5: Toggle on or off Use calendar color as accent color. It will turn blue when toggled on. |
Event name background
| Step 1: Click on the Design tab.
Step 2: Scroll down to the Full Calendar section.
Step 3: Click on Full Calendar to expand the section.
|
| Step 4: Scroll down to the Events subsection.
Step 5: Locate Event name background.
Step 6: Use the default or choose a custom color value. If you are not yet familiar with using our custom color picker, this is the article for you. |
Events-Indication
| Step 1: Click on the Design tab.
Step 2: Scroll down to the Weekly View section.
Step 3: Click on Weekly View to expand the section.
|
| Step 4: Scroll down to the Events subsection.
Step 5: Locate Indication.
Step 6: Use the default or choose a custom color value. If you are not yet familiar with using our custom color picker, this is the article for you. |
Pills-Background
| Step 1: Click on the Design tab.
Step 2: Scroll down to the Weekly View section.
Step 3: Click on Weekly View to expand the section.
|
| Step 4: Scroll down to the Pills subsection.
Step 5: Locate Background.
Step 6: Use the default or choose a custom color value. If you are not yet familiar with using our custom color picker, this is the article for you. |
Stack-Accent color
| Step 1: Click on the Design tab.
Step 2: Scroll down to the Weekly View section.
Step 3: Click on Weekly View to expand the section.
|
| Step 4: Scroll down to the Stack subsection.
Step 5: Locate Accent color.
Step 6: Use the default or choose a custom color value. If you are not yet familiar with using our custom color picker, this is the article for you. |
Left border
| Step 1: Click on the Design tab.
Step 2: Scroll down to the Event Listing/Details Colors section.
Step 3: Click on Event Listing/Details Colors to expand the section.
|
| Step 4: Scroll down to the Listing subsection.
Step 5: Locate Left border.
Step 6: Use the default or choose a custom color value. If you are not yet familiar with using our custom color picker, this is the article for you. |