Atomic Calendar Revive costumisation? Please Help!

Misux2000 · November 30, 2025, 8:35am

Hi!

I’m using Atomic Calendar Revive on my dashboard and have customized it to my liking.

However, I can’t figure out how to change the color for different channel sources so that it’s immediately noticeable.

Does anyone have any ideas on how to do this?

type: custom:atomic-calendar-revive
enableModeChange: true
entities:
  - entity: calendar.ics
    name: Abfall
    showMultiDay: false
  - entity: calendar.abfuhrtermine
    name: Abfuhrtermine
  - entity: calendar.abfallwirtschaftsgesellschaft_landkreis_schaumburg
    name: Abfallwirtschaftsgesellschaft Landkreis Schaumburg
    showMultiDay: false
  - entity: calendar.abfallwirtschaftsgesellschaft_landkreis_schaumburg_2
    name: Abfall
  - entity: calendar.david
    name: David
  - entity: calendar.geburtstage_2
    name: Geburtstage
  - entity: calendar.chrissi
    name: Chrissi
    showMultiDay: true
  - entity: calendar.familie_2
    name: Familie
  - entity: calendar.familie
    name: Familie
showAllDayEvents: true
offsetHeaderDate: false
compactMode: false
cardHeight: 165%
disableCalEventLink: true
disableCalLocationLink: true
disableCalLink: true
showLastCalendarWeek: false
calShowDescription: true
showDeclined: false
showDate: false
hideDuplicates: true
showLocation: false
allDayBottom: false
startDaysAhead: 0
defaultMode: Event
showRelativeTime: true
disableLocationLink: true
disableEventLink: true
showFullDayProgress: true
showAllDayHours: true
showWeekNumber: true
showEventDate: true
showDatePerEvent: false
refreshInterval: 360
showLoader: true
maxDaysToShow: 21
showTimeRemaining: true
showMultiDayEventParts: false
showCurrentEventLine: false
showHiddenText: false
showEventIcon: true
hoursOnSameLine: false
showMultiDay: false
grid_options:
  columns: 12
  rows: 5
dimFinishedEvents: true
showNoEventsForToday: true
noEventText: Heute keine Termine!
showCalendarName: true
linkTarget: _blank
sortBy: start
showDescription: false
hideFinishedEvents: true
showProgressBar: true
showMonth: false
card_mod:
  style: |
    .current-day {
      color:  !important;
      font-weight: bold;
      font-size: px;
    }
    .week-number {
      color: red !important;
    }
    .event-title {
      color: green !important;
    }
    .event-cal-name {
      color: green !important;
    }

cwikstrom · November 30, 2025, 2:44pm

Add the color option to the entity in the yaml code as follows:

entity: calendar.david
name: David
color: red {or any css color name or hex code}

If using a hex code make sure to use single quotes: ‘#FA63h7’

Misux2000 · November 30, 2025, 8:16pm

Thanks! Its is great! But it only change the DOT before the Text… Is it possible to change the Text color also?

cwikstrom · December 1, 2025, 6:11am

So you have card mod installed?

Misux2000 · December 14, 2025, 2:30pm

Yes, i did. But with your answer it changes only the DOT …

type: custom:atomic-calendar-revive
enableModeChange: true
entities:
  - entity: calendar.david
    name: David
    color: orange
  - entity: calendar.chrissi
    name: Chrissi
    color: magenta
    showMultiDay: true
  - entity: calendar.familie
    name: Familie
    color: red
showAllDayEvents: true
offsetHeaderDate: false
compactMode: false
cardHeight: 165%
disableCalEventLink: true
disableCalLocationLink: true
disableCalLink: true
showLastCalendarWeek: false
calShowDescription: true
showDeclined: false
showDate: false
hideDuplicates: true
showLocation: false
allDayBottom: false
startDaysAhead: 0
defaultMode: Event
showRelativeTime: true
disableLocationLink: true
disableEventLink: true
showFullDayProgress: true
showAllDayHours: true
showWeekNumber: true
showEventDate: true
showDatePerEvent: false
refreshInterval: 360
showLoader: true
maxDaysToShow: 21
showTimeRemaining: true
showMultiDayEventParts: false
showCurrentEventLine: false
showHiddenText: false
showEventIcon: true
hoursOnSameLine: false
showMultiDay: false
grid_options:
  columns: 12
  rows: 4
dimFinishedEvents: true
showNoEventsForToday: true
noEventText: Heute keine Termine!
showCalendarName: true
linkTarget: _blank
sortBy: start
showDescription: false
hideFinishedEvents: true
showProgressBar: true
showMonth: false
card_mod:
  style: |
    .current-day {
      color:  !important;
      font-weight: bold;
      font-size: px;
    }
    .week-number {
      color: red !important;
    }
    .event-title {
      color: green !important;
    }
    .event-cal-name {
      color: green !important;
    }

cwikstrom · January 3, 2026, 2:09pm

I haven’t checked in on the forum for a while, sorry for the late reply.

The entries above under you car-mod settings are overriding the colors set in the entity YAML. If you remove those the color of the title should be the colors you have chosen in the YAML.