Skylight Calendar Card — A family-friendly schedule card

title_contains is valid syntax for day_badges and is a shortcut for title: contains:[title], but not (yet) event_styles.

But, that's dumb. I have fixed it via Add shared advanced matching rules by superdingo101 · Pull Request #366 · superdingo101/daylight-calendar-card · GitHub, and title_contains will be valid syntax for event_styles (and day_styles) starting with the next release.

Wasnt neccesarily dumb, but perhaps I was being dumb for not reading it properly :slight_smile:

But thats great that the syntax will match in both cases now.

Keep up the great work!

A quick announcement!

The documentation has been migrated to https://docs.daylightcalendar.com/

These docs should be easier to read (and maintain), and contain both regular search and AI-assisted search/chatbot.

I'm open to feedback! I hope they're helpful!

The wiki docs will remain available for another few days, after which time they will be retired.

Thank you for using the Daylight Calendar Card!

1 Like

The new site is spot on. Lots of good start to finish articles and plenty of detailed pages.

Hadnt spotted virtual calendars until I viewed this new site!

Great work

1 Like

Hi,
I don't see any setting in the Skylight Calendar Card documentation that allows changing the date number font size via date_styles or 'day_styles'.

Is there a way to enlarge the Day Numbers?

For UIX questions, I use Claude. It works well if you guide it properly. My process:

  1. Upload the latest source file found on GitHub (I have tried linking it, that doesn't usually work)
  2. Craft a prompt such as "I use the Daylight Calendar Card from HACS in Home Assistant. I want to change the date number font size for all views. Provide UIX YAML to do this. Do not invent capabilities or variable names. Use the uploaded file."
  3. Test whatever it sends.

Here's what it returned for me, each style included is for the different views:

uix:
  style: |
    .day-number,
    .week-day-date,
    .week-standard-day-date,
    .agenda-day-date {
      font-size: 26px !important;
    }

Hi everyone! Quick announcement!

Were you using this card before the rename from Skylight Calendar Card?

Are you keeping up with the latest versions, but new features don't seem to be working or present?

Please check Settings → Dashboards → Resources and remove any old Skylight resource:

:cross_mark: /hacsfiles/skylight-calendar-card/skylight-calendar-card.js

Keep only the current Daylight resource:

:white_check_mark: /hacsfiles/daylight-calendar-card/skylight-calendar-card.js

The filename is still skylight-calendar-card.js; the folder should be daylight-calendar-card.

You can also verify you have the right version loaded by checking the About / Diagnostics section of the card editor. Don't have an About / Diagnostics section at all? This post is targeted to you!

Stale resources can make new features appear missing or broken even when HACS shows the latest version. See the troubleshooting guide:

I missed the new renamed version until now.
I did the upgrade, but it does not work anymore. On analysis I noticed that the new version still get installed under the folder skylight-calendar-card. Even after I deleted the installation and readded it.
EDIT:
deinstall - restart HA - install - restart HA solved that problem.
On Chrome STRG-F5 or Shift-STRG-R did not work. Need to delete website data fro, chrome settings

Thank you for this information. I am dismayed that so many individuals are likely, unknowingly, "stuck" on the old file. There are so many new features implemented since then!

Thanks, I will review my troubleshooting docs with your feedback and update them to reflect what you had to do.

Yeah the new version has some good features. Day Badges are handy and definitely got 2 thumbs up from the boss :slight_smile:

If you ever think about adding color rules or icon overrides per calendar, I’d love that since it makes mixed family schedules way easier on the eyes. I also ran into some odd spacing on mobile, so a small tweak for compact mode could smooth things out. The card already feels super clean, so little quality-of-life knobs would go a long way without making it bloated

What do you mean by colour rules to make mixed family schedules easier on the eyes?

Just checking because if you have separate calendars, 1 per family member, you can set the colour of their events to make it visually easier to see. Filtering is also colour coded

I am interested in helping. There are multiple options for overriding colors; either through giving each separate calendar a separate color ( Appearance & Color Configuration for Daylight Calendar Card - Daylight Calendar Card ) or through keyword-based coloring ( Event Styles: Custom Colors and Icons for Calendar Events - Daylight Calendar Card ).

Also, I am interested in seeing screenshots and your configuration for the spacing issues. Feel free to either post that here or open an issue on GitHub!