All Collections
Calendar: (2) Design
Days and dates
Design: Days and Dates - Current and Selected day accents
Design: Days and Dates - Current and Selected day accents

Set the color of the accent bar on today's date and/or another date of interest to you.

Jason Alexis avatar
Written by Jason Alexis
Updated over a week ago

Let's set the accent bar of a date.

To find these design items...

Step 1: After you log in, click on Calendars (brown box below).

The Your Calendars page will open.

Step 2: Choose the calendar you wish to modify (brown box below).

Step 3: Click on Design (brown box below).

Step 4: Scroll down and click on Days and Dates (brown box below).

Step 5: Scroll down until you find the headers Current day accent and Selected day accent.

To modify these design items...

For which date will the accent bar be?

Ah.... here we go...

Current day accent: This is the date it is today on your calendar. As I am writing this, it is September 8. So, the current day is September 8. Thus, the accent (the thick red line at the top of the date square, blue arrow below) is on September 8.

Selected day accent: Perhaps, though, I want to look at another date to check which events are (or were) on that date. In this case, I click on the date I want. Let's say I wanted to check what happened on September 3. Here is what happens after I click on September 3.

As you can see, there is now a thin blue line above September 3 (the date I chose). It is blue because I chose blue with the custom color picker (more about that soon).

How to change the accents

Note that the options are the same for both design items: Default + Custom.

DEFAULT

Current day accent: The default depends on the EventOn Theme. At the moment, it is hardcoded to light red as in the image above.

Selected day accent: The default depends on the EventOn Theme. At the moment, it is hardcoded to mid grey as in the image above.

CUSTOM COLOR PICKER

Click on Custom and then click on the circle to choose your color.

Click Save at the bottom of the column to save your changes.

Did this answer your question?