Calendar Color

[billp100]

@strawberry-3.141 I just did those steps and got an npm WARN grunt-yamllint@0.2.0 requires a peer of grunt@~0.4.0 but none was installed message

[billp100]

Got it! thank you for your help

[Mitch1138]

Great discussion. I have also added the options to add color the my two calendars, without success. Does anyone know if color is active in the current code? Here is my config setup:

{
    module: 'calendar',
    header: 'My Calendar',
    position: 'top_left',
    config: {
    	colored:  true,
	calendars: [
		{
		symbol: 'calendar ',
		url: 'https://calendar.google.com/calendar/ical/.../basic.ics',
		color: '#f70000'
		},
               	 {
		symbol: 'calendar-o ',
		url: 'https://calendar.google.com/calendar/ical/.../basic.ics'
		color: '#04f448'
             		},
                    ]
            }
},

Many thanks

[strawberry 3.141]

@Mitch1138 its still in the develop branch only

[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”