TABLE OF CONTENTS



A great way to keep your calendar events organized is to assign each person (in your family, group, etc.) a unique color. We recommend creating multiple calendars within a single Google or Microsoft account. Each of those calendars can be added to the DAKboard and then assigned a color. 


To see what these colors will look like on the various Calendar Layouts we offer at DAKboard, check out our article Calendar Layouts and Settings, which shows you how this will appear in each Layout.



Microsoft and Google Authenticated Accounts:


Both Google and Microsoft direct authorized calendars with DAKboard will share the calendar colors. This means that the color you set in Google or Microsoft will automatically display in DAKboard without needing to make any other changes. To configure authorized calendars check out each corresponding guide:


How to Add Your Google Calendar to DAKboard

How to add your Microsoft 365 calendar to DAKboard


Once you're authorized, you can simply create additional calendars and set colors.


Authenticated Accounts Custom Colors:


Another change we've recently made is allowing users the ability to change the color of their authorized calendars from within their DAKboard account. This is only available on Custom Screens and does not work with the Predefined Screens. Whether the reason is to make it easier to read, or simply to make it more aesthetically pleasing, you can now override the colors assigned in your Google & Microsoft 365 calendars from your Screen.


To change the color of your calendar events, open your Calendar block, under the Calendars tab, find the calendar you want to display, click the Color button, then choose your desired color and save.



To go back to the Auto Color selection, simply open the Color editor and click the X button in the upper right-hand corner.


Google:


To set a Calendar Color in your Google account, click on the three dots next to your calendar name, and choose the color.  Click SAVE in your DAKboard screen Calendar Block after setting to apply.  Only standard non-custom colors may be used at this time.


Google Event Specific Colors:


With Google, you can set colors for Specific events. Once you create your event, double-click the Event or click the Edit Pencil to open the Event Editor. From there you can select a color that is different from the Calendar color to make this event stick out. See the example below:



Your event will be displayed by the selected color for just that event.


Microsoft:


NOTE: Currently, we only support custom colors for Calendar Colors and not Event-specific or Category color options. Our calendars do not receive this information from Microsoft authenticated accounts at this time. For more details see our GitHub Discussion https://github.com/dakboard/Cloud-Platform/discussions/1911


To set a Calendar Color in your Microsoft account, click on the three dots next to your Calendar Name, and choose the color.  Click SAVE in your DAKboard screen Calendar Block after setting to apply.  Only standard non-custom colors may be used at this time.






Apple, iCal, and ICS Calendars, Including Google and Microsoft iCal and ICS Links:


NOTE: Color additions to the URLs are available only with Paid subscriptions Plans. 


Other calendar types such as iCloud calendars may be added via an iCal or ICS link URL only, while for Google and Microsoft this is optional.  Any service you use with iCal or ICS links will need to have their colors assigned in DAKboard as the color data is not sent via iCal or ICS links. The available colors to the right of the URL field are what you can use for these types of links as shown below:



Be sure once you have selected the Color you want, you save the color and then save the block to apply the color to your Calendar.  If you don't save the color chosen it will not apply to the Screen. 


All-Day/Multiple-Day Event Coloring:


With DAKboard, we make it easy to spot All-Day or Multiple-Day events by making them appear differently in your Monthly and Big Monthly calendars. With these events, a block with the color of your calendar will appear, with the event name in white lettering as seen below:



This is done so that you can tell at a glance what events are planned for the full day. Unfortunately, at this time, this cannot be turned off. However, we have the following GitHub discussion open for this to see if users want the ability to turn it off:


Add the ability to remove the All-Day/Multiple-Day Color background for events from Monthly and Big Monthly calendars


We have also found that the All-Day and Multiple-Day event titles get washed out when users use White as their calendar color. With Paid Subscription plans, we offer Custom CSS to modify your Screen and you can use this to change the color of the text in your All-Day and Multiple-Day events. To do this, go into your Custom Screen editor, click on the Styles dropdown in the upper left corner, click the Add Custom CSS Rules button, and then copy and paste the code below into the space provided:


.calendar-monthly-big .event-all-day, .calendar-monthly .event-all-day {
    color: black;
}

This will change the letters in all these event types to Black. Changing the color name will change what color is used. Save your changes then press the Refresh Displays button to the right of the Add A Block button to refresh your displays.