Bwalarm (akasma74 edition)

Thank you for this. Just what I was looking for! I have this working.

image

I’m using this as my base design for the wall panels:

The concept is a picture elements card with nested cards

Does anyone have any idea how I can style the alarm card to match my current fonts? This is what I have so far

          - prefix: Alarm System
            <<: *title
            style:
              top: 9.15%
              left: 58.25%
              <<: *title-style
          - type: custom:alarm_control_panel-card
            entity: alarm_control_panel.ha_alarm
            style:
              top: 42.25%
              left: 75.75%
              width: 35vw
              height: 60%
            labels:
              ui.card.alarm_control_panel.arm_away: AWAY
              ui.card.alarm_control_panel.arm_home: NIGHT
              ui.card.alarm_control_panel.clear_code: CLEAR
              ui.card.alarm_control_panel.disarm: DISARM
            scale: 14px
            states:
              - arm_home
              - arm_away

I have tried applying styles like I do with my other nested cards but it has not worked.

Thanks for this!