Color selection

Color Presets

Pre-designed presets are accessible to alter the calendar's appearance. Even after applying a preset design to the calendar, you retain the flexibility to modify individual design elements according to your preferences.

Color Picker

Each design color can be set using a color picker. The color picker includes an opacity slider and provides options to choose your color using a color pointer, HEX, and RGBA settings (accessible when you adjust the opacity slider).

Background Colors

“Background Colors” encompass all settings related to the calendar's blocks and borders.

  • Main Background color is applied to the border area surrounding the date blocks (for “Month View”), the calendar background (for “Agenda View”), the borders (for “Week View”), and the background color of event details for all view types.
  • Header Background color is applied to the calendar’s header for all view types.
  • Block Background color is applied to the date blocks, excluding the grid around them (for “Month View”), and serves as the background color for “Cards View.”
  • Today Background color is applied to the date block representing the current day (for “Month and Week View”). If you choose a color for it but wish to avoid highlighting this block, you can simply use the same color as the “Blocks Background.”
Text Colors

Text Colors include all settings associated with the calendar's header text, event titles, details text, and informational text.

  • Header Text Color is applied to the “Today” text and border, header title, and internal header elements. 
  • Default Text Color determines the color of all text associated with event details, dates, event titles (excluding "Agenda View"), and links. Individual settings can override this color if needed. 
  • Event Title Color is applied only to “Agenda View” events.
  • Events Color establishes the color of dots in the “Month View” and “Week View” calendars. This color can be overridden when you specify an event color in the event editor or utilize custom colors in the external calendars settings.
Border Colors

Border colors are utilized to determine the outer border color of the calendar, header border color, grid lines, and divider lines.

  • Main Border Color”is the color applied to the outer border of the calendar app.
  • Header Border Color is the color applied to the border surrounding the header only.
  • Inner Border Color is used for the grid lines in “Month View” and “Week View,” as well as divider lines in “Agenda View” and ‘Cards View,” including all internal event details divider lines.
Busy Days

Toggle the switch “on” to highlight the blocks of days containing events on the “Month View” calendar.

Date Icon Colors

You can set the background and text color of the date icon for “Agenda View” using the date icon colors.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text




Was this helpful?