Lots of features are turned on by default, week number, blah blah, and use css to turn them off.

This seems simple to be default and hard for others to do ( witness wasted time here and another

@sdetweil said:

this used to be default behavior

Are you sure? Do you remember in which version it worked that way? I’m not aware of it ever being the default, but I could be wrong :)

Thank you both so much for all of the help on this, my two way glass just arrived so timing couldn’t be better!

Thanks!!!

this used to be default behavior, did the module css get changed?

If you had used my installer script it would have created an empty file for you.

Editing custom.css is just like editing config.js

Just a file of text

Sorry, I’m not a programmer by any stretch, just a hobbyist trying to figure it out

.CX3 .event.singleday .headline .title,
.CX3 .event.singleday .headline .time {
  color: var(--calendarColor);
}

@kristjanesperanto can you help here? Seems ext3 is having trouble with color….

Inside the config: { section
Before the calendars: [ list

It didn’t seem like the coloredSymbol and coloredText had an effect, but not sure if I put them in the right spot? Should I remove the old colored:true, value?

{
			module: "calendar",
			disabled:false,
			coloredSymbol:true,
			coloredText:true,
			classes: "page0",
			header: "XX Calendar'",
			position: "top_right",
			config: {
			   colored: true,
				calendars: [
					{
						name: "xx_cal",
						color: 'yellow',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "https:basic.ics"
	


			module: "calendar",
			classes: "page0",
			coloredSymbol:true,
			coloredText:true,
			header: "YY Calendar'",
			position: "top_right",
			config: {
			   colored: true,
				calendars: [
					{
					name: "yy_cal",
						color: 'green',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "webcal:
			

Does the text appear in the proper color?
Escape key to exit that view

Could you also add

coloredSymbol:true, 

To the base calendar module config.
Next to

coloredText:true

In the off chance of some module install fluke
Delete the Mmm-CalendarExt3 folder
Then git clone
And npm install in the folder created by clone

Then restart MagicMirror

Then turning EXT3 back on I’ve got no color on any events again

There is the colored vs coloredText, coloredSymbol warning

No Obvious other errors in that part

Calendar sorting events=0, means there weren’t any?

Just for testing, if you disable pages and ext3
( add disabled:true, after the module:line)
Do both instances of calendar draw and with color?

If yes, then set disabled false on ext3

Also, you are using an old term , colored
We’ve update to coloredText, symbol,
There should have been a message in the console output at MagicMirror startup

pm2 logs —lines=xxx
xxx is the number of most recent lines in the output, default 15

I saw that when I was testing yesterday

When you get the not displayed, can you
Open the developers console

On the MagicMirror screen, ctrl-shift-I
Select the console tab and scroll around for errors(red text usually)

When one script has a fault in a browser, others will be impacted
Modules are all script

This is how I have it now:

{
			module: "calendar",
			classes: "page0",
			header: "What's Poppin'",
			position: "top_right",
			config: {
			   colored: true,
				calendars: [
					{
						name: "xx_cal",
						color: 'yellow',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "basic.ics"
						
					},
				{
						name: "yy_cal",
						color: 'green',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "webcal"
					},
				
				],
			    
			}
		},

When I separate them to two instances, this is the code I have:

{
			module: "calendar",
			classes: "page0",
			header: "XX Calendar'",
			position: "top_right",
			config: {
			   colored: true,
				calendars: [
					{
						name: "xx_cal",
						color: 'yellow',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "basic.ics"
						
					},

					],
				}
			},
{
			module: "calendar",
			classes: "page0",
			header: "YY Calendar'",
			position: "top_right",
			config: {
			   colored: true,
				calendars: [
					{
					name: "yy_cal",
						color: 'green',
						fetchInterval: 7 * 24 * 60 * 60 * 1000,
						symbol: "calendar-check-o",
						url: "webcal"
					},
				
				],
			    
			}
		},

And without the Pages module, I do get both to load

I went to add Pages back in with the two calendar instance configuration and have EXT3 on week mode, the second calendar stream does not load

And still no color on calendar view on the second page

But then if I switch to month mode in EXT3 streams are loading in and some colors work - but there’s still two events (from the XX calendar) that loaded but did not get color applied.

As I’ve been messing with it, sometimes on the first run it will load both calendar streams when its in week mode, but it usually doesn’t load it after it runs once. Sometimes in month mode, it still doesn’t load the second calendar, so its not 100% accurate

can you show the config, xxx out the cal url…

I am using pages, with ext3 on diff and cal on diff without problem… (except for ext3 color)

can you explain this? the default cal shows colored, but Ext3 does not

I can duplicate, text not colored in Ext3

but pop is all colored.