Hello, is it possible to edit color for day, time and place depending on which calender it is? I use 3 different calenders…
I’m embedding this card in custom button card, but then card_mod: does not work as it’s embedded , please suggest if possible to make it work with custom button card?
Card code:
type: grid
cards:
- type: custom:button-card
aspect_ratio: 1/1.05
styles:
card:
- font-weight: bold
- box-shadow: inset 0 0 0 1px black
- filter: drop-shadow(0 0 1px black)
- text-shadow: 0 0 1px black
- background: linear-gradient(#444444,#333333,#222222)
custom_fields:
cal:
- pointer-events: none
- filter: drop-shadow(0 0 1px black)
- position: absolute
- top: "-10%"
- left: "-10%"
- width: 120%
- font-size: 50%
- "--card-background-color": rgba(0, 0, 0, 0.0)
- "--ha-card-background": rgba(0, 0, 0, 0.0)
- "--ha-card-box-shadow": rgba(0, 0, 0, 0.0)
custom_fields:
cal:
card:
type: custom:atomic-calendar-revive
entities:
- entity: calendar.local
icon: mdi:home-assistant
color: cyan
eventDateFormat: ddd D MMM
refreshInterval: 60
maxDaysToShow: 365
disableEventLink: true
disableLocationLink: true
showRelativeTime: false
showLoader: false
showLocation: false
compactMode: true
showHours: true
hoursOnSameLine: true
allDayBottom: true
showEventIcon: true
card_mod:
style: |
.single-event-container {
grid-template-columns: 1fr 1fr !important;
}