@BKeyport
You sir, are great.
Thank you for being so patient.
Read the statement by Michael Teeuw here.
Posts
-
RE: MMM-Multimonth
-
RE: MMM-Multimonth
@BKeyport
Thanks!
Either I am doing something wrong (and cannot see it) or there is still an issue with getting the module fully transparent.
After the update and my custom.css this is what it looks like:
custom.css:/* MMM-Multimonth */ .MMM-Multimonth .settings { /* --background-color: transparent; */ --background-dimmed: rgba(255,255,255,0); /* var(--color-background); /* For dimmed (previous/next month in current grid), use the global background color */ --background-weekday: rgba(255,255,255,0); /*var(--color-background); /* For normal days, use global background */ --background-weekend: rgba(255,255,255,0); /*var(--color-background); /* For the days defined as your weekend, change the background to cornflowerblue */ --background-current: Grey; /* for the current day, change the background to yellow */ --background-header: rgba(255,255,255,0); /*var(--color-background); /* for the month and year line, use green background */ --background-weekno: Grey; /* for the week number, use a grey background */ --background-dow: rgba(255,255,255,0); /* var(--color-background); /* For the days of the week, use global background */ --color-weekday: var(--color-text); /* For normal days, use global normal text */ --color-weekend: var(--color-background); /* For the days defined as your weekend, change the text to the background color */ --color-current: var(--color-background); /* for the current day, change the text to the background color */ --color-dimmed: var(--color-text-dimmed); /* For dimmed (previous/next month in current grid), use the global dimmed text color */ --color-header: var(--color-text-bright); /* for the header lines, use the global bright text color */ --color-weekno: var(--color-text-bright); /* for the week numbers, use the global bright text color */ --color-dow: var(--color-text); /* for the days of the week header, use the global text color */ --color-event: Red; /* For events, the color of the underline */ --back-rounding: 8px; /* Set the radius of the background rounded edges. See documentation for border-radius elsewhere */ --alignment: center; /* Adjust the text alignment */ }
as you can see (my background is not black, it’s grey-ish atm).
Thanks for all your help -
RE: MMM-Multimonth
@BKeyport said in MMM-Multimonth:
rgba(255,255,255,0);
You are a star!
Thanks - I got the rounded edges working.
As for full transparency - we’re not quite there yet.CSS:
.MMM-Multimonth .settings { /* --background-color: transparent; */ --background-dimmed: rgba(255,255,255,0); /* var(--color-background); /* For dimmed (previous/next month in current grid), use the global background color */ --background-weekday: rgba(255,255,255,0); /*var(--color-background); /* For normal days, use global background */ --background-weekend: rgba(255,255,255,0); /*var(--color-background); /* For the days defined as your weekend, change the background to cornflowerblue */ --background-current: Grey; /* for the current day, change the background to yellow */ --background-header: rgba(255,255,255,0); /*var(--color-background); /* for the month and year line, use green background */ --background-weekno: Grey; /* for the week number, use a grey background */ --background-dow: rgba(255,255,255,0); /* var(--color-background); /* For the days of the week, use global background */ --color-weekday: var(--color-text); /* For normal days, use global normal text */ --color-weekend: var(--color-background); /* For the days defined as your weekend, change the text to the background color */ --color-current: var(--color-background); /* for the current day, change the text to the background color */ --color-dimmed: var(--color-text-dimmed); /* For dimmed (previous/next month in current grid), use the global dimmed text color */ --color-header: var(--color-text-bright); /* for the header lines, use the global bright text color */ --color-weekno: var(--color-text-bright); /* for the week numbers, use the global bright text color */ --color-dow: var(--color-text); /* for the days of the week header, use the global text color */ --color-event: Red; /* For events, the color of the underline */ --back-rounding: 8px; /* Set the radius of the background rounded edges. See documentation for border-radius elsewhere */ --alignment: center; /* Adjust the text alignment */ }
results in:
Did I oversee something ?
Thanks -
RE: MMM-Multimonth
Hi,
any idea on how I can achieve full background transparency with this module ?
Currently this is it:
Furthermore I’d like the day marking to have the same rounded edges as the week numbers.
How do I achieve that ?Unfortunately I am not very experienced with css, so I most likely do not now how to ask the correct question - sorry for that.
-
RE: MMM-OpenWeatherForecast - Replacement for MMM-DarkSkyForecast
Love this module.
I have one question: how do I increase the icon size and temperature size and have it right-aligned ?Currently this is what it looks like (I know the icon has not loaded yet), and I’d like it larger and right-aligned.
Any hints as to what I need to adjust within the custom.css ?
Thanks -
[Default clock] Incorrect week number
Hi,
I was just playing around with my MagicMirror config and edited my default clock config to include the current week.{ module: "clock", position: "top_right", config: { showWeek: true, }, },
There seems to be a small bug, because according to the other calendar and my Outlook calendar, we are currently in week 42 and not in week 43.
Not a big issue, but still an issue
-
RE: MMM-Multimonth
Great Module, but I think I found a small issue/bug.
The October I live in has 31 days, any idea what’s wrong ?
-
RE: Default Calendar Module | Countdown until full day events
@sdetweil
Thank you so much.
Looks like we’re getting there.
If the current Public Holiday could be described with “Today/now”, it would be the cherry on the cake.