Canary Card

Canary also has a card available canary-card, other Lovelace cards can be placed inside of it. This is mainly used to delay a card from rendering before canary has been loaded. It can also be used to apply basic styles (not nearly as advanced as card-mod), or themes to the inner card.

Options

Options for defining canary as an actual Lovelace card.

Name	Type	Description
type	string	Required: custom:canary-card
card	object	Required: The lovelace card to display.
style	string|map	The CSS styles to apply to the canary card.
theme	string	Set to any theme within themes.yaml.

Examples

type: 'custom:canary-card'
theme: midnight
style: |
  ha-card {
    font-variant: small-caps;
  }
  .card-header {
    font-size: 16px;
  }
card:
  type: entities
  title: Entities
  entities:
    - entity: light.bedroom_light

type: 'custom:canary-card'
style:
  --primary-text-color: yellow
  --card-background-color: black
card:
  type: entities
  title: Entities
  entities:
    - entity: light.bedroom_light