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;
}