Calendar Color

billp100

I am trying to add multiple calendars in one module and have them each have a different color, here is what I have so far, the maximumNumberOfDays is working, but the calendar is still showing up in the default color.

module: 'calendar',
header: 'family',
position: 'top_left',
config: {
              colored: true,
              calendars: [
                                 {
                                        symbol: 'male',
                                        url: 'xxxxxxx',
                                 },
                                 ],
              color: '#f70000',
              maximumNumberOfDays: '14',
                     }
},

strawberry 3.141

@billp100 based on the documentation it should look somehow like this

{
  module: 'calendar',
  header: 'family',
  position: 'top_left',
  config: {
    colored: true,
    calendars: [
      {
        symbol: 'male',
        url: 'xxxxxxx',
        color: '#f70000'
      }
    ],
    maximumNumberOfDays: 14
  }
},

billp100

@strawberry-3.141 I’ve tried it that way too with no luck.

strawberry 3.141

@billp100 are you using the develop branch? this feature is currently not merged in the master branch

billp100

@strawberry-3.141 That’s it then. I didn’t realize that. Is there away for me to get that feature without having to start over?

strawberry 3.141

@billp100 to use the develop branch you just have to do the following

cd ~/MagicMirror
git fetch
git checkout develop
git pull
npm install

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

SOLVED Calendar Color