Calendar Color

Mitch1138

That was fast, thanks very much. How can you tell when it is released?

Thanks

Aries1984

quick question on this issue…it the function already released? I can’t get it to work My config is:

 {
            module: "calendar",
            colored: true,
            header: "Termine",
            position: "top_left",
            config: {
                displaySymbol: true,
                timeFormat: "absolute",
                getRelative: "0",
                urgency: "0",
                dateFormat: "DD.MM HH:mm",
                FullDayEventDateFormat: "DD.MM",
                fetchInterval: "5000",
                fade: false,
                calendars: [
                    {
                        symbol: "mars",
                        color: '#f70000',
                         url: "https://calendar.google.com/calendar...",
                    },
                    {
                        symbol: "venus",
                        color: '#f70000',
                        url: "https://calendar.google.com/calendar...",
                    },
                    {
                        symbol: "clock",
                        color: '#f70000',
                        url: "https://calendar.google.com/calendar...",
                    },
                    {
                        symbol: "globe",
                        color: '#f70000',                        
                        url: "https://calendar.google.com/calendar...",
                    },
                    {
                        symbol: "cocktail",
                        color: '#f70000',
                        url: "https://calendar.google.com/calendar...",
                    }
                ]
            }
        },

LeFreak76

Hello Aries,
have you found a solution for this problem? I have started my Mirror Build today and achieved a lot of good working things. But the calendars are driving me nuts. First test with MMM-MyCalendar failed because of incorect displayed times (11 or 25 minutes off). Never the less that one had colors. Now i switched back to the “default” calendar, and at least the times are properly shown (despite the fact the the absolute or relative Parameters are doing nothing…). Unfortunately it is not possible to change the colors of the different url’s.
So please drop me a line if you found a solution to it. Or if not “Same problem here +1”

Thanks a lot
LeFreak76 from Hamburg

hockey2112

@LeFreak76 , I found a solution that worked for me: https://github.com/MichMich/MagicMirror/tree/develop/modules/default/calendar#calendar-configuration

Basically, you need to add colored and coloredSymbolOnly settings/values. Then you can add the color setting with the hex code for each calendar.

rally

@strawberry-3-141 What does that mean?
It’s not available?

Mrc

Go to folder MagicMirror/modules/default/calendar , edit calendar.js , change values colored and coloredSymbolOnly to “true”

sdetweil

@Mrc do NOT edit the module source files to change configuration.

put the settings in the config section for that. module in config.js

{
module:'calendar',
config:{
    colored:true,
    coloredSymbolsOnly:true
}
}

RJDaPirate

Any one know why all of the calendar entries are being assigned Mom’s color instead of their own?

module: "calendar",
			header: "Family Schedule",
			position: "top_center",
			config: {
				colored: true,
				calendars: [
					{
						symbol: "calendar-check",
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"					
					},
					{
						 symbol: "Dad's Calender",
							url: "https://calendar.google.com/calendar/ical/basic.ics",
							color: '#6600CC'
					},
					{
						symbol: "Mom's Calender",
							url: "https://calendar.google.com/calendar/ical/basic.ics",
						color: '#ff0000'
					},
					{
						Symbol: "A's Calender",
							url: "https://calendar.google.com/calendar/ical/basic.ics",
						color: '#00ff00'
					},
					{
						symbol: "J's Calender",
							url: "https://calendar.google.com/calendar/ical/basic.ics",
						color: '#40E0D0'
					},
					{
						symbol: "L's Calender",
							url: "https://calendar.google.com/calendar/basic.ics",
						color: '#ffd700'
					}	
				]
			}
		},

sdetweil

@RJDaPirate

the code looks up the color using the url as a key…

all of your urls are the same so you will get results based on the url, where the name is stored last. M is higher than any other string, so the url will match that in the hash lookup

RJDaPirate

@sdetweil I deleted the personal settings within the urls. They are all different in the real config.js file.

SOLVED Calendar Color