Skip to main content

Revisual.io: Design: Events -- Use calendar color as accent color

Use your color choice from Google calendar (GCal) to accent your events.

Piotr Poźniak avatar
Written by Piotr Poźniak
Updated over 2 weeks ago

You can use your Google Calendar color choices as the accent colors for your Revisual calendar templates.

To do this...
Go to your calendar's Design tab --> Events section --> Event details subsection --> Use calendar color as accent color -> Toggle on or off

Here are some examples:

FULL CALENDAR TEMPLATE

Design item Use calendar color as accent color is toggled on.

Design item Use calendar color as accent color is toggled off.


​GRID TEMPLATE

Design item Use calendar color as accent color is toggled on.

Design item Use calendar color as accent color is toggled off.

WEEKLY VIEW: EVENTS LIST

Design item Use calendar color as accent color is toggled on.

Design item Use calendar color as accent color is toggled off.

NOTE: This feature does not apply to the Cards (List), Detailed list, and Slider templates.



Here is more detailed information

Full calendar

Design item Use calendar color as accent color is toggled on.

Result: Color comes from Google Calendar.

Design item Use calendar color as accent color is toggled off.

Result: Color comes from design item Event name background.

Weekly view: Events list

Design item Use calendar color as accent color is toggled on.

Result: Color in calendar view comes from design item Events-Indication. Color in events list comes from Google Calendar.

Design item Use calendar color as accent color is toggled off.

Result: Color in calendar view comes from design item Events-Indication. Color in events list comes from design item Left border.

Weekly view: Pills

Design item Use calendar color as accent color is toggled on.

Result: Color in calendar view comes from Google Calendar. If your calendars are different colors, you will see that here.

Design item Use calendar color as accent color is toggled off.

Result: Color in calendar view comes from design item Pills-Background.

Weekly view: Stacks

Design item Use calendar color as accent color is toggled on.

Result: Color in calendar view comes from Google Calendar.

Design item Use calendar color as accent color is toggled off.

Result: Color in calendar view comes from design item Stack-Accent color.

Cards (List)

Does not apply to calendar view.

Does not apply to calendar view.

Cards (Grid):
Applies to events without an image

Design item Use calendar color as accent color is toggled on.

Result: Color in calendar view comes from Google Calendar.

Design item Use calendar color as accent color is toggled off.

Result: Color in calendar view comes from design item Left border.

Slider

Does not apply to calendar view.

Does not apply to calendar view.

Detailed list

Does not apply to calendar view.

Does not apply to calendar view.

In Google Calendar, you can choose your calendar color. Did you know that you can also choose different colors for events within a calendar?

In the example below, the calendar color is yellow. However, for one event, I chose a lilac (light purple) color.



When Use calendar color as accent color is toggled on, Revisual will reproduce the colors as you have chosen them.

Did this answer your question?