Material Rounded:
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-mod-card-yaml:
    ".: hui-entities-toggle{position:relative!important;width:40px!important;left:-4px!important;top:8px!important}.header{border-top-left-radius:var(--ha-card-border-radius);border-top-right-radius:var(--ha-card-border-radius);overflow:hidden}.footer{border-bottom-left-radius:var(--ha-card-border-radius);border-bottom-right-radius:var(--ha-card-border-radius);overflow:hidden}\n.card-content:\n  ha-settings-row:\n    ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-advanced-mode-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-analytics$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-enable-shortcuts-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-force-narrow-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-push-notifications-row$ ha-push-notifications-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-set-suspend-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-set-vibrate-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nhui-entities-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nhui-graph-header-footer$ hui-graph-base$: rect{fill:var(--primary-color)!important}path{stroke:hsl(0,0%,50%)!important}\nhui-toggle-entity-row$:\n  ha-entity-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-more-info-yaml:
    "ha-more-info-info$:\n  more-info-content$ more-info-update$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\n  state-card-content$ state-card-toggle$ ha-entity-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-more-info-settings$:\n  entity-registry-settings$ entity-registry-settings-editor$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width
    0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\n  entity-settings-helper-tab$ entity-registry-settings-editor$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-more-info-view-voice-assistants$ entity-voice-settings$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-root-yaml:
    ".: 'paper-tabs,ha-tabs{position:fixed;top:unset!important;bottom:0!important;background:var(--navbar-background)!important;height:var(--footer-height)!important;width:calc(100% - var(--mdc-drawer-width,0px));padding-bottom:env(safe-area-inset-bottom)!important;margin:0!important;margin-inline:0!important}.header{background-color:rgb(0,0,0,0)!important;transition:top 100ms ease-in-out 0s}:host([scrolled]) .header{top:-48px!important;transition:top 100ms ease-in-out 0s}.toolbar{padding:0!important}.action-items{position:fixed;right:0px;padding:0 12px;transition:top 20ms ease-in-out 0s}ha-menu-button{padding:0 12px}.hide-tab{display:none!important}paper-tab{padding:11px 0;flex-direction:column;flex:1;width:var(--tab-width);--tab-width:clamp(min(calc(((100vw - var(--mdc-drawer-width,0px)) / 5) - 3px),72px),((100vw - var(--mdc-drawer-width,0px)) / var(--view-tabs-count)) - 3px,calc(((100vw - var(--mdc-drawer-width,0px))) - 3px))}paper-tab.iron-selected ha-icon{width:min(64px,var(--tab-width));color:var(--md-current-tab-icon-color);background:var(--md-current-tab-icon-background)}ha-icon{min-width:24px;width:24px;height:32px;border-radius:16px;display:inline-flex;justify-content:center;align-items:center;transition:width 0.2s cubic-bezier(0.2,0,0,1);will-change:width,color,background}ha-svg-icon{min-width:24px}paper-tab::after{content:attr(aria-label);text-transform:none;text-wrap:wrap;text-align:center;font-weight:500;font-size:min(3.6vw,13px);padding:0px 1px;overflow:hidden;line-height:12px;height:100%;margin-top:4px;color:var(--md-inactive-tab-text-color)}paper-tab.iron-selected::after{color:var(--md-current-tab-text-color)}paper-tabs{height:50%}.edit-mode paper-tab{min-width:fit-content!important}.edit-mode paper-tab.iron-selected::after{margin-top:-2px!important}.edit-mode .action-items{position:static!important}#add-view{top:6px;height:100%!important;display:inline-flex;flex-direction:column}#add-view::after{content:''Add View'';text-transform:none;text-wrap:wrap;text-align:center;font-weight:500;font-size:min(3.6vw,13px);opacity:0.8;padding:0px 1px;overflow:hidden;line-height:12px;height:100%;margin-top:-6px} {% for i in range(50) %}\n\n  :is(ha-tabs, paper-tabs):has(> paper-tab:not(.hide-tab):nth-child({{ i }})) { --view-tabs-count: {{ i }}; }\n\n  {% endfor %} #view{padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;background:var(--view-background,var(--lovelace-background))!important}.header:has(ha-tabs,paper-tabs) + #view{padding-bottom:calc(var(--kiosk-header-height,var(--footer-height)) + env(safe-area-inset-bottom))!important}'\ngrid-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhorizontal-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-masonry-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-panel-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-sidebar-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nmasonry-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nvertical-layout$:\n
    \ ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}"
  card-mod-row-yaml: "ha-entity-toggle$:\n  ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-sidebar-yaml:
    ".: ha-sidebar{width:56px}:not(.profile)>paper-icon-item{transition:width 0.2s cubic-bezier(0.2,0,0,1);height:48px;margin:0 4px!important;padding:0 12px!important}.item-text{z-index:2;overflow:hidden;white-space:nowrap}paper-icon-item::before{content:'';height:48px;width:100%!important;position:absolute!important;transition:all 0.2s cubic-bezier(0.2,0,0,1)!important;left:0!important;right:0!important;opacity:1!important;background:var(--md-current-tab-icon-background)!important;border-radius:128px!important;transform:scaleX(0)}.iron-selected paper-icon-item::before{will-change:unset!important;transform:scaleX(1)}.configuration-badge,.notification-badge{color:var(--on-error-color)!important;background-color:var(--error-color)!important}:host([expanded]) .configuration-badge,:host([expanded]) .notification-badge{color:var(--sidebar-text-color)!important;background-color:rgb(0,0,0,0)!important}:host([expanded]) .iron-selected .configuration-badge,:host([expanded]) .iron-selected .notification-badge{color:var(--sidebar-selected-text-color)!important}

    ha-user-badge$: .initials,.picture{z-index:2;margin:4px 0}"
  card-mod-theme: Material Rounded
  card-mod-view-yaml: ".: '#view{padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;background:var(--view-background,var(--lovelace-background))!important}.header:has(ha-tabs,paper-tabs) + #view{padding-bottom:calc(var(--kiosk-header-height,var(--footer-height)) + env(safe-area-inset-bottom))!important}'\ngrid-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhorizontal-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-masonry-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-panel-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-sidebar-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nmasonry-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nvertical-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}"
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  md-divider-color: var(--divider-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
      app-header-background-color: rgb(19, 19, 20)
      card-background-color: rgb(40, 42, 44)
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: rgb(242, 184, 181)
      input-background-color: rgb(46, 48, 56)
      lovelace-background: rgb(19, 19, 20)
      md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
      on-error-color: rgb(96, 20, 16)
      primary-background-color: rgb(30, 31, 32)
      primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
      primary-text-color: rgb(228, 228, 231)
      secondary-background-color: rgb(55, 57, 59)
      secondary-text-color: rgb(187, 188, 196)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      slider-color: rgb(8, 66, 160)
      state-icon-color: rgb(196, 199, 197)
      state-inactive-color: rgb(72, 74, 78)
      view-background: rgb(19, 19, 20)
    light:
      accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
      app-header-background-color: rgb(255, 255, 255)
      card-background-color: rgb(233, 238, 246)
      disabled-color: rgb(173, 176, 174)
      disabled-text-color: rgb(128, 128, 128)
      error-color: rgb(179, 38, 30)
      input-background-color: rgb(234, 234, 235)
      lovelace-background: rgb(255, 255, 255)
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
      on-error-color: rgb(255, 255, 255)
      primary-background-color: rgb(240, 244, 249)
      primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
      primary-text-color: rgb(31, 31, 31)
      secondary-text-color: rgb(68, 71, 70)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      slider-color: rgb(211, 227, 253)
      state-icon-color: rgb(69, 71, 70)
      view-background: rgb(255, 255, 255)
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material Rounded Dark:
  accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
  app-header-background-color: rgb(19, 19, 20)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(40, 42, 44)
  card-mod-theme: Material Rounded
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: rgb(242, 184, 181)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(46, 48, 56)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(19, 19, 20)
  md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(96, 20, 16)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(30, 31, 32)
  primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(228, 228, 231)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: rgb(55, 57, 59)
  secondary-text-color: rgb(187, 188, 196)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  slider-color: rgb(8, 66, 160)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(196, 199, 197)
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(19, 19, 20)
Material Rounded Light:
  accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
  app-header-background-color: rgb(255, 255, 255)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(233, 238, 246)
  card-mod-theme: Material Rounded
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(173, 176, 174)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: rgb(179, 38, 30)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(234, 234, 235)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(255, 255, 255)
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(255, 255, 255)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(240, 244, 249)
  primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(31, 31, 31)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-text-color: rgb(68, 71, 70)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  slider-color: rgb(211, 227, 253)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(69, 71, 70)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(255, 255, 255)
Material Rounded No Mod:
  app-header-background-color: var(--navbar-background)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  md-divider-color: var(--divider-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
      app-header-background-color: rgb(19, 19, 20)
      card-background-color: rgb(40, 42, 44)
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: rgb(242, 184, 181)
      input-background-color: rgb(46, 48, 56)
      lovelace-background: rgb(19, 19, 20)
      md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
      on-error-color: rgb(96, 20, 16)
      primary-background-color: rgb(30, 31, 32)
      primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
      primary-text-color: rgb(228, 228, 231)
      secondary-background-color: rgb(55, 57, 59)
      secondary-text-color: rgb(187, 188, 196)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      slider-color: rgb(8, 66, 160)
      state-icon-color: rgb(196, 199, 197)
      state-inactive-color: rgb(72, 74, 78)
      view-background: rgb(19, 19, 20)
    light:
      accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
      app-header-background-color: rgb(255, 255, 255)
      card-background-color: rgb(233, 238, 246)
      disabled-color: rgb(173, 176, 174)
      disabled-text-color: rgb(128, 128, 128)
      error-color: rgb(179, 38, 30)
      input-background-color: rgb(234, 234, 235)
      lovelace-background: rgb(255, 255, 255)
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
      on-error-color: rgb(255, 255, 255)
      primary-background-color: rgb(240, 244, 249)
      primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
      primary-text-color: rgb(31, 31, 31)
      secondary-text-color: rgb(68, 71, 70)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      slider-color: rgb(211, 227, 253)
      state-icon-color: rgb(69, 71, 70)
      view-background: rgb(255, 255, 255)
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--lovelace-background)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material Rounded No Mod Dark:
  accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
  app-header-background-color: rgb(19, 19, 20)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(40, 42, 44)
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: rgb(242, 184, 181)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(46, 48, 56)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(19, 19, 20)
  md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(96, 20, 16)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(30, 31, 32)
  primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(228, 228, 231)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: rgb(55, 57, 59)
  secondary-text-color: rgb(187, 188, 196)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  slider-color: rgb(8, 66, 160)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(196, 199, 197)
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(19, 19, 20)
Material Rounded No Mod Light:
  accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
  app-header-background-color: rgb(255, 255, 255)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(233, 238, 246)
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(173, 176, 174)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: rgb(179, 38, 30)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(234, 234, 235)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(255, 255, 255)
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(255, 255, 255)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(240, 244, 249)
  primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(31, 31, 31)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-text-color: rgb(68, 71, 70)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  slider-color: rgb(211, 227, 253)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(69, 71, 70)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(255, 255, 255)
Material Rounded Transparent Card:
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-mod-theme: Material Rounded
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  md-divider-color: var(--divider-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
      app-header-background-color: rgb(19, 19, 20)
      card-background-color: rgb(40, 42, 44)
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: rgb(242, 184, 181)
      input-background-color: rgb(46, 48, 56)
      lovelace-background: rgb(19, 19, 20)
      md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
      on-error-color: rgb(96, 20, 16)
      primary-background-color: rgb(30, 31, 32)
      primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
      primary-text-color: rgb(228, 228, 231)
      secondary-background-color: rgb(55, 57, 59)
      secondary-text-color: rgb(187, 188, 196)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      slider-color: rgb(8, 66, 160)
      state-icon-color: rgb(196, 199, 197)
      state-inactive-color: rgb(72, 74, 78)
      view-background: rgb(19, 19, 20)
    light:
      accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
      app-header-background-color: rgb(255, 255, 255)
      card-background-color: rgb(233, 238, 246)
      disabled-color: rgb(173, 176, 174)
      disabled-text-color: rgb(128, 128, 128)
      error-color: rgb(179, 38, 30)
      input-background-color: rgb(234, 234, 235)
      lovelace-background: rgb(255, 255, 255)
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
      on-error-color: rgb(255, 255, 255)
      primary-background-color: rgb(240, 244, 249)
      primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
      primary-text-color: rgb(31, 31, 31)
      secondary-text-color: rgb(68, 71, 70)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      slider-color: rgb(211, 227, 253)
      state-icon-color: rgb(69, 71, 70)
      view-background: rgb(255, 255, 255)
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material Rounded Transparent Card Dark:
  accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
  app-header-background-color: rgb(19, 19, 20)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(40, 42, 44)
  card-mod-theme: Material Rounded
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: rgb(242, 184, 181)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(46, 48, 56)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(19, 19, 20)
  md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(96, 20, 16)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(30, 31, 32)
  primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(228, 228, 231)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: rgb(55, 57, 59)
  secondary-text-color: rgb(187, 188, 196)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  slider-color: rgb(8, 66, 160)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(196, 199, 197)
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(19, 19, 20)
Material Rounded Transparent Card Light:
  accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
  app-header-background-color: rgb(255, 255, 255)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(233, 238, 246)
  card-mod-theme: Material Rounded
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(173, 176, 174)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: rgb(179, 38, 30)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(234, 234, 235)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(255, 255, 255)
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(255, 255, 255)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(240, 244, 249)
  primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(31, 31, 31)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-text-color: rgb(68, 71, 70)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  slider-color: rgb(211, 227, 253)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(69, 71, 70)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(255, 255, 255)
Material Rounded Transparent Card No Mod:
  app-header-background-color: var(--navbar-background)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  md-divider-color: var(--divider-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
      app-header-background-color: rgb(19, 19, 20)
      card-background-color: rgb(40, 42, 44)
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: rgb(242, 184, 181)
      input-background-color: rgb(46, 48, 56)
      lovelace-background: rgb(19, 19, 20)
      md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
      on-error-color: rgb(96, 20, 16)
      primary-background-color: rgb(30, 31, 32)
      primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
      primary-text-color: rgb(228, 228, 231)
      secondary-background-color: rgb(55, 57, 59)
      secondary-text-color: rgb(187, 188, 196)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
      slider-color: rgb(8, 66, 160)
      state-icon-color: rgb(196, 199, 197)
      state-inactive-color: rgb(72, 74, 78)
      view-background: rgb(19, 19, 20)
    light:
      accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
      app-header-background-color: rgb(255, 255, 255)
      card-background-color: rgb(233, 238, 246)
      disabled-color: rgb(173, 176, 174)
      disabled-text-color: rgb(128, 128, 128)
      error-color: rgb(179, 38, 30)
      input-background-color: rgb(234, 234, 235)
      lovelace-background: rgb(255, 255, 255)
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
      on-error-color: rgb(255, 255, 255)
      primary-background-color: rgb(240, 244, 249)
      primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
      primary-text-color: rgb(31, 31, 31)
      secondary-text-color: rgb(68, 71, 70)
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
      slider-color: rgb(211, 227, 253)
      state-icon-color: rgb(69, 71, 70)
      view-background: rgb(255, 255, 255)
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--lovelace-background)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material Rounded Transparent Card No Mod Dark:
  accent-color: var(--md-sys-color-on-primary-dark, rgb(0, 74, 119))
  app-header-background-color: rgb(19, 19, 20)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(40, 42, 44)
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: rgb(242, 184, 181)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(46, 48, 56)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(19, 19, 20)
  md-current-tab-icon-background: var(--md-sys-color-primary-container-dark, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--accent-color))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--primary-color))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, rgb(140, 144, 159))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, rgb(65, 71, 83))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(96, 20, 16)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(30, 31, 32)
  primary-color: var(--md-sys-color-primary-dark, rgb(194, 231, 254))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(228, 228, 231)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: rgb(55, 57, 59)
  secondary-text-color: rgb(187, 188, 196)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-primary-container-dark, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-primary-container-dark, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--secondary-text-color))
  slider-color: rgb(8, 66, 160)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(196, 199, 197)
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(19, 19, 20)
Material Rounded Transparent Card No Mod Light:
  accent-color: var(--md-sys-color-on-primary-light, rgb(194, 231, 255))
  app-header-background-color: rgb(255, 255, 255)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--primary-text-color)
  border-radius: 28px
  card-background-color: rgb(233, 238, 246)
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140 169 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255 91 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119 196 229)
  dark-primary-color: var(--primary-color)
  disabled-color: rgb(173, 176, 174)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: rgb(179, 38, 30)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: rgb(234, 234, 235)
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: rgb(255, 255, 255)
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--accent-color))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--primary-text-color))
  md-divider-color: var(--divider-color)
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, rgb(255, 255, 255))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, rgb(0, 91, 191))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, rgb(114, 119, 133))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, rgb(222, 226, 242))
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-on-primary: var(--accent-color)
  mdc-theme-on-secondary: var(--accent-color)
  mdc-theme-primary: var(--primary-color)
  mdc-theme-secondary: var(--primary-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: rgb(255, 255, 255)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: rgb(240, 244, 249)
  primary-color: var(--md-sys-color-primary-light, rgb(0, 29, 53))
  primary-font-family: var(--font-family)
  primary-text-color: rgb(31, 31, 31)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-text-color: rgb(68, 71, 70)
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--secondary-color))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--primary-color))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--secondary-text-color))
  slider-color: rgb(211, 227, 253)
  slider-secondary-color: var(--primary-color)
  state-icon-color: rgb(69, 71, 70)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-field-overflow: hidden
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: rgb(255, 255, 255)
Material You:
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  border-radius: 28px
  card-mod-card-yaml:
    ".: hui-entities-toggle{position:relative!important;width:40px!important;left:-4px!important;top:8px!important}.header{border-top-left-radius:var(--ha-card-border-radius);border-top-right-radius:var(--ha-card-border-radius);overflow:hidden}.footer{border-bottom-left-radius:var(--ha-card-border-radius);border-bottom-right-radius:var(--ha-card-border-radius);overflow:hidden}\n.card-content:\n  ha-settings-row:\n    ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-advanced-mode-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-analytics$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-enable-shortcuts-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-force-narrow-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-push-notifications-row$ ha-push-notifications-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-set-suspend-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-set-vibrate-row$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked
    .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nhui-entities-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nhui-graph-header-footer$ hui-graph-base$: rect{fill:var(--primary-color)!important}path{stroke:hsl(0,0%,50%)!important}\nhui-toggle-entity-row$:\n  ha-entity-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-more-info-yaml:
    "ha-more-info-info$:\n  more-info-content$ more-info-update$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\n  state-card-content$ state-card-toggle$ ha-entity-toggle$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-more-info-settings$:\n  entity-registry-settings$ entity-registry-settings-editor$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width
    0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\n  entity-settings-helper-tab$ entity-registry-settings-editor$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}\nha-more-info-view-voice-assistants$ entity-voice-settings$ ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-root-yaml:
    ".: 'paper-tabs,ha-tabs{position:fixed;top:unset!important;bottom:0!important;background:var(--navbar-background)!important;height:var(--footer-height)!important;width:calc(100% - var(--mdc-drawer-width,0px));padding-bottom:env(safe-area-inset-bottom)!important;margin:0!important;margin-inline:0!important}.header{background-color:rgb(0,0,0,0)!important;transition:top 100ms ease-in-out 0s}:host([scrolled]) .header{top:-48px!important;transition:top 100ms ease-in-out 0s}.toolbar{padding:0!important}.action-items{position:fixed;right:0px;padding:0 12px;transition:top 20ms ease-in-out 0s}ha-menu-button{padding:0 12px}.hide-tab{display:none!important}paper-tab{padding:11px 0;flex-direction:column;flex:1;width:var(--tab-width);--tab-width:clamp(min(calc(((100vw - var(--mdc-drawer-width,0px)) / 5) - 3px),72px),((100vw - var(--mdc-drawer-width,0px)) / var(--view-tabs-count)) - 3px,calc(((100vw - var(--mdc-drawer-width,0px))) - 3px))}paper-tab.iron-selected ha-icon{width:min(64px,var(--tab-width));color:var(--md-current-tab-icon-color);background:var(--md-current-tab-icon-background)}ha-icon{min-width:24px;width:24px;height:32px;border-radius:16px;display:inline-flex;justify-content:center;align-items:center;transition:width 0.2s cubic-bezier(0.2,0,0,1);will-change:width,color,background}ha-svg-icon{min-width:24px}paper-tab::after{content:attr(aria-label);text-transform:none;text-wrap:wrap;text-align:center;font-weight:500;font-size:min(3.6vw,13px);padding:0px 1px;overflow:hidden;line-height:12px;height:100%;margin-top:4px;color:var(--md-inactive-tab-text-color)}paper-tab.iron-selected::after{color:var(--md-current-tab-text-color)}paper-tabs{height:50%}.edit-mode paper-tab{min-width:fit-content!important}.edit-mode paper-tab.iron-selected::after{margin-top:-2px!important}.edit-mode .action-items{position:static!important}#add-view{top:6px;height:100%!important;display:inline-flex;flex-direction:column}#add-view::after{content:''Add View'';text-transform:none;text-wrap:wrap;text-align:center;font-weight:500;font-size:min(3.6vw,13px);opacity:0.8;padding:0px 1px;overflow:hidden;line-height:12px;height:100%;margin-top:-6px} {% for i in range(50) %}\n\n  :is(ha-tabs, paper-tabs):has(> paper-tab:not(.hide-tab):nth-child({{ i }})) { --view-tabs-count: {{ i }}; }\n\n  {% endfor %} #view{padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;background:var(--view-background,var(--lovelace-background))!important}.header:has(ha-tabs,paper-tabs) + #view{padding-bottom:calc(var(--kiosk-header-height,var(--footer-height)) + env(safe-area-inset-bottom))!important}'\ngrid-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhorizontal-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-masonry-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-panel-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-sidebar-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nmasonry-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nvertical-layout$:\n
    \ ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}"
  card-mod-row-yaml: "ha-entity-toggle$:\n  ha-switch$: :host{padding:0!important;position:relative;top:3px;--switch-checked-button-color:var(--md-switch-checked-button-color);--switch-unchecked-button-color:var(--md-switch-unchecked-button-color);--switch-checked-track-color:var(--md-switch-checked-track-color);--switch-unchecked-track-color:var(--md-switch-unchecked-track-color)}.mdc-switch__track{height:32px!important;width:52px!important;border-radius:32px!important;opacity:1!important;border:2px solid gray!important;--border-color:var(--md-switch-unchecked-button-color)}.mdc-switch--checked .mdc-switch__track{border:none!important}.mdc-switch__thumb-underlay{top:-8px!important;left:var(--thumb-left-on,var(--thumb-left-off))!important;--thumb-left-off:-8px}.mdc-switch--checked .mdc-switch__thumb-underlay{--thumb-left-on:-4px}.mdc-switch__thumb{height:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;width:var(--thumb-size-active,var(--thumb-size-on,var(--thumb-size-off)))!important;background:var(--switch-unchecked-button-color)!important;border:none!important;--thumb-size-off:16px}.mdc-switch--checked .mdc-switch__thumb{background:var(--switch-checked-button-color)!important;--thumb-size-on:24px}.mdc-switch__thumb:active{transition:width 0.2s cubic-bezier(0.2,0,0,1)!important;--thumb-size-active:28px!important}mwc-ripple{display:none!important}"
  card-mod-sidebar-yaml:
    ".: ha-sidebar{width:56px}:not(.profile)>paper-icon-item{transition:width 0.2s cubic-bezier(0.2,0,0,1);height:48px;margin:0 4px!important;padding:0 12px!important}.item-text{z-index:2;overflow:hidden;white-space:nowrap}paper-icon-item::before{content:'';height:48px;width:100%!important;position:absolute!important;transition:all 0.2s cubic-bezier(0.2,0,0,1)!important;left:0!important;right:0!important;opacity:1!important;background:var(--md-current-tab-icon-background)!important;border-radius:128px!important;transform:scaleX(0)}.iron-selected paper-icon-item::before{will-change:unset!important;transform:scaleX(1)}.configuration-badge,.notification-badge{color:var(--on-error-color)!important;background-color:var(--error-color)!important}:host([expanded]) .configuration-badge,:host([expanded]) .notification-badge{color:var(--sidebar-text-color)!important;background-color:rgb(0,0,0,0)!important}:host([expanded]) .iron-selected .configuration-badge,:host([expanded]) .iron-selected .notification-badge{color:var(--sidebar-selected-text-color)!important}

    ha-user-badge$: .initials,.picture{z-index:2;margin:4px 0}"
  card-mod-theme: Material You
  card-mod-view-yaml: ".: '#view{padding-left:calc(12px + env(safe-area-inset-left))!important;padding-right:calc(12px + env(safe-area-inset-right))!important;background:var(--view-background,var(--lovelace-background))!important}.header:has(ha-tabs,paper-tabs) + #view{padding-bottom:calc(var(--kiosk-header-height,var(--footer-height)) + env(safe-area-inset-bottom))!important}'\ngrid-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhorizontal-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-masonry-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-panel-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nhui-sidebar-view$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nmasonry-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}\nvertical-layout$:\n  ha-fab$: :host{bottom:calc(var(--footer-height) + 16px)!important;z-index:3!important}.mdc-fab{height:56px!important;border-radius:12px!important}.ripple{border-radius:12px!important}.mdc-fab__label{text-transform:none!important;font-size:11pt}"
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
      app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
      default-md-sys-color-error-container-dark: '#93000a'
      default-md-sys-color-error-dark: '#ffb4ab'
      default-md-sys-color-inverse-on-surface-dark: '#2f3036'
      default-md-sys-color-inverse-primary-dark: '#4c5c92'
      default-md-sys-color-inverse-surface-dark: '#e3e1e9'
      default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
      default-md-sys-color-on-error-container-dark: '#ffdad6'
      default-md-sys-color-on-error-dark: '#690005'
      default-md-sys-color-on-primary-container-dark: '#dce1ff'
      default-md-sys-color-on-primary-dark: '#1c2d61'
      default-md-sys-color-on-primary-fixed-dark: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
      default-md-sys-color-on-secondary-container-dark: '#dee1f9'
      default-md-sys-color-on-secondary-dark: '#2b3042'
      default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
      default-md-sys-color-on-surface-dark: '#e3e1e9'
      default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
      default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
      default-md-sys-color-on-tertiary-dark: '#432740'
      default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
      default-md-sys-color-outline-dark: '#8f909a'
      default-md-sys-color-outline-variant-dark: '#45464f'
      default-md-sys-color-primary-container-dark: '#344479'
      default-md-sys-color-primary-dark: '#b5c4ff'
      default-md-sys-color-primary-fixed-dark: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
      default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
      default-md-sys-color-scrim-dark: '#000000'
      default-md-sys-color-secondary-container-dark: '#414659'
      default-md-sys-color-secondary-dark: '#c1c5dd'
      default-md-sys-color-secondary-fixed-dark: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
      default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
      default-md-sys-color-shadow-dark: '#000000'
      default-md-sys-color-surface-bright-dark: '#38393f'
      default-md-sys-color-surface-container-dark: '#1e1f25'
      default-md-sys-color-surface-container-high-dark: '#292a2f'
      default-md-sys-color-surface-container-highest-dark: '#34343a'
      default-md-sys-color-surface-container-low-dark: '#1a1b21'
      default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
      default-md-sys-color-surface-dark: '#121318'
      default-md-sys-color-surface-dim-dark: '#121318'
      default-md-sys-color-surface-tint-dark: '#b5c4ff'
      default-md-sys-color-surface-variant-dark: '#45464f'
      default-md-sys-color-tertiary-container-dark: '#5b3d57'
      default-md-sys-color-tertiary-dark: '#e3badb'
      default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
      default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
      mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
      primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
      primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
      state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      state-inactive-color: rgb(72, 74, 78)
      view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
    light:
      accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
      app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
      default-md-sys-color-error-container-light: '#ffdad6'
      default-md-sys-color-error-light: '#ba1a1a'
      default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
      default-md-sys-color-inverse-primary-light: '#b5c4ff'
      default-md-sys-color-inverse-surface-light: '#2f3036'
      default-md-sys-color-neutral-palette-key-color-light: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
      default-md-sys-color-on-error-container-light: '#93000a'
      default-md-sys-color-on-error-light: '#ffffff'
      default-md-sys-color-on-primary-container-light: '#344479'
      default-md-sys-color-on-primary-fixed-light: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-light: '#344479'
      default-md-sys-color-on-primary-light: '#ffffff'
      default-md-sys-color-on-secondary-container-light: '#414659'
      default-md-sys-color-on-secondary-fixed-light: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
      default-md-sys-color-on-secondary-light: '#ffffff'
      default-md-sys-color-on-surface-light: '#1a1b21'
      default-md-sys-color-on-surface-variant-light: '#45464f'
      default-md-sys-color-on-tertiary-container-light: '#5b3d57'
      default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
      default-md-sys-color-on-tertiary-light: '#ffffff'
      default-md-sys-color-outline-light: '#767680'
      default-md-sys-color-outline-variant-light: '#c6c6d0'
      default-md-sys-color-primary-container-light: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
      default-md-sys-color-primary-fixed-light: '#dce1ff'
      default-md-sys-color-primary-light: '#4c5c92'
      default-md-sys-color-primary-palette-key-color-light: '#6575ad'
      default-md-sys-color-scrim-light: '#000000'
      default-md-sys-color-secondary-container-light: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
      default-md-sys-color-secondary-fixed-light: '#dee1f9'
      default-md-sys-color-secondary-light: '#595e72'
      default-md-sys-color-secondary-palette-key-color-light: '#72768b'
      default-md-sys-color-shadow-light: '#000000'
      default-md-sys-color-surface-bright-light: '#faf8ff'
      default-md-sys-color-surface-container-high-light: '#e9e7ef'
      default-md-sys-color-surface-container-highest-light: '#e3e1e9'
      default-md-sys-color-surface-container-light: '#eeedf4'
      default-md-sys-color-surface-container-low-light: '#f4f3fa'
      default-md-sys-color-surface-container-lowest-light: '#ffffff'
      default-md-sys-color-surface-dim-light: '#dad9e0'
      default-md-sys-color-surface-light: '#faf8ff'
      default-md-sys-color-surface-tint-light: '#4c5c92'
      default-md-sys-color-surface-variant-light: '#e2e1ec'
      default-md-sys-color-tertiary-container-light: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
      default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
      default-md-sys-color-tertiary-light: '#745470'
      default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
      disabled-color: rgb(165, 165, 165)
      disabled-text-color: rgb(128, 128, 128)
      error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
      mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
      primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
      primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
      state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material You Dark:
  accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
  card-mod-theme: Material You
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-dark: '#93000a'
  default-md-sys-color-error-dark: '#ffb4ab'
  default-md-sys-color-inverse-on-surface-dark: '#2f3036'
  default-md-sys-color-inverse-primary-dark: '#4c5c92'
  default-md-sys-color-inverse-surface-dark: '#e3e1e9'
  default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
  default-md-sys-color-on-error-container-dark: '#ffdad6'
  default-md-sys-color-on-error-dark: '#690005'
  default-md-sys-color-on-primary-container-dark: '#dce1ff'
  default-md-sys-color-on-primary-dark: '#1c2d61'
  default-md-sys-color-on-primary-fixed-dark: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
  default-md-sys-color-on-secondary-container-dark: '#dee1f9'
  default-md-sys-color-on-secondary-dark: '#2b3042'
  default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
  default-md-sys-color-on-surface-dark: '#e3e1e9'
  default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
  default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
  default-md-sys-color-on-tertiary-dark: '#432740'
  default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
  default-md-sys-color-outline-dark: '#8f909a'
  default-md-sys-color-outline-variant-dark: '#45464f'
  default-md-sys-color-primary-container-dark: '#344479'
  default-md-sys-color-primary-dark: '#b5c4ff'
  default-md-sys-color-primary-fixed-dark: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
  default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
  default-md-sys-color-scrim-dark: '#000000'
  default-md-sys-color-secondary-container-dark: '#414659'
  default-md-sys-color-secondary-dark: '#c1c5dd'
  default-md-sys-color-secondary-fixed-dark: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
  default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
  default-md-sys-color-shadow-dark: '#000000'
  default-md-sys-color-surface-bright-dark: '#38393f'
  default-md-sys-color-surface-container-dark: '#1e1f25'
  default-md-sys-color-surface-container-high-dark: '#292a2f'
  default-md-sys-color-surface-container-highest-dark: '#34343a'
  default-md-sys-color-surface-container-low-dark: '#1a1b21'
  default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
  default-md-sys-color-surface-dark: '#121318'
  default-md-sys-color-surface-dim-dark: '#121318'
  default-md-sys-color-surface-tint-dark: '#b5c4ff'
  default-md-sys-color-surface-variant-dark: '#45464f'
  default-md-sys-color-tertiary-container-dark: '#5b3d57'
  default-md-sys-color-tertiary-dark: '#e3badb'
  default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
  default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
  primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
Material You Light:
  accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
  card-mod-theme: Material You
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-light: '#ffdad6'
  default-md-sys-color-error-light: '#ba1a1a'
  default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
  default-md-sys-color-inverse-primary-light: '#b5c4ff'
  default-md-sys-color-inverse-surface-light: '#2f3036'
  default-md-sys-color-neutral-palette-key-color-light: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
  default-md-sys-color-on-error-container-light: '#93000a'
  default-md-sys-color-on-error-light: '#ffffff'
  default-md-sys-color-on-primary-container-light: '#344479'
  default-md-sys-color-on-primary-fixed-light: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-light: '#344479'
  default-md-sys-color-on-primary-light: '#ffffff'
  default-md-sys-color-on-secondary-container-light: '#414659'
  default-md-sys-color-on-secondary-fixed-light: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
  default-md-sys-color-on-secondary-light: '#ffffff'
  default-md-sys-color-on-surface-light: '#1a1b21'
  default-md-sys-color-on-surface-variant-light: '#45464f'
  default-md-sys-color-on-tertiary-container-light: '#5b3d57'
  default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
  default-md-sys-color-on-tertiary-light: '#ffffff'
  default-md-sys-color-outline-light: '#767680'
  default-md-sys-color-outline-variant-light: '#c6c6d0'
  default-md-sys-color-primary-container-light: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
  default-md-sys-color-primary-fixed-light: '#dce1ff'
  default-md-sys-color-primary-light: '#4c5c92'
  default-md-sys-color-primary-palette-key-color-light: '#6575ad'
  default-md-sys-color-scrim-light: '#000000'
  default-md-sys-color-secondary-container-light: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
  default-md-sys-color-secondary-fixed-light: '#dee1f9'
  default-md-sys-color-secondary-light: '#595e72'
  default-md-sys-color-secondary-palette-key-color-light: '#72768b'
  default-md-sys-color-shadow-light: '#000000'
  default-md-sys-color-surface-bright-light: '#faf8ff'
  default-md-sys-color-surface-container-high-light: '#e9e7ef'
  default-md-sys-color-surface-container-highest-light: '#e3e1e9'
  default-md-sys-color-surface-container-light: '#eeedf4'
  default-md-sys-color-surface-container-low-light: '#f4f3fa'
  default-md-sys-color-surface-container-lowest-light: '#ffffff'
  default-md-sys-color-surface-dim-light: '#dad9e0'
  default-md-sys-color-surface-light: '#faf8ff'
  default-md-sys-color-surface-tint-light: '#4c5c92'
  default-md-sys-color-surface-variant-light: '#e2e1ec'
  default-md-sys-color-tertiary-container-light: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
  default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
  default-md-sys-color-tertiary-light: '#745470'
  default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
  disabled-color: rgb(165, 165, 165)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
  primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
Material You No Mod:
  app-header-background-color: var(--navbar-background)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  border-radius: 28px
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
      app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
      default-md-sys-color-error-container-dark: '#93000a'
      default-md-sys-color-error-dark: '#ffb4ab'
      default-md-sys-color-inverse-on-surface-dark: '#2f3036'
      default-md-sys-color-inverse-primary-dark: '#4c5c92'
      default-md-sys-color-inverse-surface-dark: '#e3e1e9'
      default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
      default-md-sys-color-on-error-container-dark: '#ffdad6'
      default-md-sys-color-on-error-dark: '#690005'
      default-md-sys-color-on-primary-container-dark: '#dce1ff'
      default-md-sys-color-on-primary-dark: '#1c2d61'
      default-md-sys-color-on-primary-fixed-dark: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
      default-md-sys-color-on-secondary-container-dark: '#dee1f9'
      default-md-sys-color-on-secondary-dark: '#2b3042'
      default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
      default-md-sys-color-on-surface-dark: '#e3e1e9'
      default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
      default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
      default-md-sys-color-on-tertiary-dark: '#432740'
      default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
      default-md-sys-color-outline-dark: '#8f909a'
      default-md-sys-color-outline-variant-dark: '#45464f'
      default-md-sys-color-primary-container-dark: '#344479'
      default-md-sys-color-primary-dark: '#b5c4ff'
      default-md-sys-color-primary-fixed-dark: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
      default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
      default-md-sys-color-scrim-dark: '#000000'
      default-md-sys-color-secondary-container-dark: '#414659'
      default-md-sys-color-secondary-dark: '#c1c5dd'
      default-md-sys-color-secondary-fixed-dark: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
      default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
      default-md-sys-color-shadow-dark: '#000000'
      default-md-sys-color-surface-bright-dark: '#38393f'
      default-md-sys-color-surface-container-dark: '#1e1f25'
      default-md-sys-color-surface-container-high-dark: '#292a2f'
      default-md-sys-color-surface-container-highest-dark: '#34343a'
      default-md-sys-color-surface-container-low-dark: '#1a1b21'
      default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
      default-md-sys-color-surface-dark: '#121318'
      default-md-sys-color-surface-dim-dark: '#121318'
      default-md-sys-color-surface-tint-dark: '#b5c4ff'
      default-md-sys-color-surface-variant-dark: '#45464f'
      default-md-sys-color-tertiary-container-dark: '#5b3d57'
      default-md-sys-color-tertiary-dark: '#e3badb'
      default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
      default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
      mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
      primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
      primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
      state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      state-inactive-color: rgb(72, 74, 78)
      view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
    light:
      accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
      app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
      default-md-sys-color-error-container-light: '#ffdad6'
      default-md-sys-color-error-light: '#ba1a1a'
      default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
      default-md-sys-color-inverse-primary-light: '#b5c4ff'
      default-md-sys-color-inverse-surface-light: '#2f3036'
      default-md-sys-color-neutral-palette-key-color-light: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
      default-md-sys-color-on-error-container-light: '#93000a'
      default-md-sys-color-on-error-light: '#ffffff'
      default-md-sys-color-on-primary-container-light: '#344479'
      default-md-sys-color-on-primary-fixed-light: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-light: '#344479'
      default-md-sys-color-on-primary-light: '#ffffff'
      default-md-sys-color-on-secondary-container-light: '#414659'
      default-md-sys-color-on-secondary-fixed-light: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
      default-md-sys-color-on-secondary-light: '#ffffff'
      default-md-sys-color-on-surface-light: '#1a1b21'
      default-md-sys-color-on-surface-variant-light: '#45464f'
      default-md-sys-color-on-tertiary-container-light: '#5b3d57'
      default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
      default-md-sys-color-on-tertiary-light: '#ffffff'
      default-md-sys-color-outline-light: '#767680'
      default-md-sys-color-outline-variant-light: '#c6c6d0'
      default-md-sys-color-primary-container-light: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
      default-md-sys-color-primary-fixed-light: '#dce1ff'
      default-md-sys-color-primary-light: '#4c5c92'
      default-md-sys-color-primary-palette-key-color-light: '#6575ad'
      default-md-sys-color-scrim-light: '#000000'
      default-md-sys-color-secondary-container-light: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
      default-md-sys-color-secondary-fixed-light: '#dee1f9'
      default-md-sys-color-secondary-light: '#595e72'
      default-md-sys-color-secondary-palette-key-color-light: '#72768b'
      default-md-sys-color-shadow-light: '#000000'
      default-md-sys-color-surface-bright-light: '#faf8ff'
      default-md-sys-color-surface-container-high-light: '#e9e7ef'
      default-md-sys-color-surface-container-highest-light: '#e3e1e9'
      default-md-sys-color-surface-container-light: '#eeedf4'
      default-md-sys-color-surface-container-low-light: '#f4f3fa'
      default-md-sys-color-surface-container-lowest-light: '#ffffff'
      default-md-sys-color-surface-dim-light: '#dad9e0'
      default-md-sys-color-surface-light: '#faf8ff'
      default-md-sys-color-surface-tint-light: '#4c5c92'
      default-md-sys-color-surface-variant-light: '#e2e1ec'
      default-md-sys-color-tertiary-container-light: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
      default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
      default-md-sys-color-tertiary-light: '#745470'
      default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
      disabled-color: rgb(165, 165, 165)
      disabled-text-color: rgb(128, 128, 128)
      error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
      mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
      primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
      primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
      state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--lovelace-background)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material You No Mod Dark:
  accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-dark: '#93000a'
  default-md-sys-color-error-dark: '#ffb4ab'
  default-md-sys-color-inverse-on-surface-dark: '#2f3036'
  default-md-sys-color-inverse-primary-dark: '#4c5c92'
  default-md-sys-color-inverse-surface-dark: '#e3e1e9'
  default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
  default-md-sys-color-on-error-container-dark: '#ffdad6'
  default-md-sys-color-on-error-dark: '#690005'
  default-md-sys-color-on-primary-container-dark: '#dce1ff'
  default-md-sys-color-on-primary-dark: '#1c2d61'
  default-md-sys-color-on-primary-fixed-dark: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
  default-md-sys-color-on-secondary-container-dark: '#dee1f9'
  default-md-sys-color-on-secondary-dark: '#2b3042'
  default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
  default-md-sys-color-on-surface-dark: '#e3e1e9'
  default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
  default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
  default-md-sys-color-on-tertiary-dark: '#432740'
  default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
  default-md-sys-color-outline-dark: '#8f909a'
  default-md-sys-color-outline-variant-dark: '#45464f'
  default-md-sys-color-primary-container-dark: '#344479'
  default-md-sys-color-primary-dark: '#b5c4ff'
  default-md-sys-color-primary-fixed-dark: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
  default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
  default-md-sys-color-scrim-dark: '#000000'
  default-md-sys-color-secondary-container-dark: '#414659'
  default-md-sys-color-secondary-dark: '#c1c5dd'
  default-md-sys-color-secondary-fixed-dark: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
  default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
  default-md-sys-color-shadow-dark: '#000000'
  default-md-sys-color-surface-bright-dark: '#38393f'
  default-md-sys-color-surface-container-dark: '#1e1f25'
  default-md-sys-color-surface-container-high-dark: '#292a2f'
  default-md-sys-color-surface-container-highest-dark: '#34343a'
  default-md-sys-color-surface-container-low-dark: '#1a1b21'
  default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
  default-md-sys-color-surface-dark: '#121318'
  default-md-sys-color-surface-dim-dark: '#121318'
  default-md-sys-color-surface-tint-dark: '#b5c4ff'
  default-md-sys-color-surface-variant-dark: '#45464f'
  default-md-sys-color-tertiary-container-dark: '#5b3d57'
  default-md-sys-color-tertiary-dark: '#e3badb'
  default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
  default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
  primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
Material You No Mod Light:
  accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-light: '#ffdad6'
  default-md-sys-color-error-light: '#ba1a1a'
  default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
  default-md-sys-color-inverse-primary-light: '#b5c4ff'
  default-md-sys-color-inverse-surface-light: '#2f3036'
  default-md-sys-color-neutral-palette-key-color-light: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
  default-md-sys-color-on-error-container-light: '#93000a'
  default-md-sys-color-on-error-light: '#ffffff'
  default-md-sys-color-on-primary-container-light: '#344479'
  default-md-sys-color-on-primary-fixed-light: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-light: '#344479'
  default-md-sys-color-on-primary-light: '#ffffff'
  default-md-sys-color-on-secondary-container-light: '#414659'
  default-md-sys-color-on-secondary-fixed-light: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
  default-md-sys-color-on-secondary-light: '#ffffff'
  default-md-sys-color-on-surface-light: '#1a1b21'
  default-md-sys-color-on-surface-variant-light: '#45464f'
  default-md-sys-color-on-tertiary-container-light: '#5b3d57'
  default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
  default-md-sys-color-on-tertiary-light: '#ffffff'
  default-md-sys-color-outline-light: '#767680'
  default-md-sys-color-outline-variant-light: '#c6c6d0'
  default-md-sys-color-primary-container-light: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
  default-md-sys-color-primary-fixed-light: '#dce1ff'
  default-md-sys-color-primary-light: '#4c5c92'
  default-md-sys-color-primary-palette-key-color-light: '#6575ad'
  default-md-sys-color-scrim-light: '#000000'
  default-md-sys-color-secondary-container-light: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
  default-md-sys-color-secondary-fixed-light: '#dee1f9'
  default-md-sys-color-secondary-light: '#595e72'
  default-md-sys-color-secondary-palette-key-color-light: '#72768b'
  default-md-sys-color-shadow-light: '#000000'
  default-md-sys-color-surface-bright-light: '#faf8ff'
  default-md-sys-color-surface-container-high-light: '#e9e7ef'
  default-md-sys-color-surface-container-highest-light: '#e3e1e9'
  default-md-sys-color-surface-container-light: '#eeedf4'
  default-md-sys-color-surface-container-low-light: '#f4f3fa'
  default-md-sys-color-surface-container-lowest-light: '#ffffff'
  default-md-sys-color-surface-dim-light: '#dad9e0'
  default-md-sys-color-surface-light: '#faf8ff'
  default-md-sys-color-surface-tint-light: '#4c5c92'
  default-md-sys-color-surface-variant-light: '#e2e1ec'
  default-md-sys-color-tertiary-container-light: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
  default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
  default-md-sys-color-tertiary-light: '#745470'
  default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
  disabled-color: rgb(165, 165, 165)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: var(--card-background-color)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
  primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
Material You Transparent Card:
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  border-radius: 28px
  card-mod-theme: Material You
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
      app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
      default-md-sys-color-error-container-dark: '#93000a'
      default-md-sys-color-error-dark: '#ffb4ab'
      default-md-sys-color-inverse-on-surface-dark: '#2f3036'
      default-md-sys-color-inverse-primary-dark: '#4c5c92'
      default-md-sys-color-inverse-surface-dark: '#e3e1e9'
      default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
      default-md-sys-color-on-error-container-dark: '#ffdad6'
      default-md-sys-color-on-error-dark: '#690005'
      default-md-sys-color-on-primary-container-dark: '#dce1ff'
      default-md-sys-color-on-primary-dark: '#1c2d61'
      default-md-sys-color-on-primary-fixed-dark: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
      default-md-sys-color-on-secondary-container-dark: '#dee1f9'
      default-md-sys-color-on-secondary-dark: '#2b3042'
      default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
      default-md-sys-color-on-surface-dark: '#e3e1e9'
      default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
      default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
      default-md-sys-color-on-tertiary-dark: '#432740'
      default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
      default-md-sys-color-outline-dark: '#8f909a'
      default-md-sys-color-outline-variant-dark: '#45464f'
      default-md-sys-color-primary-container-dark: '#344479'
      default-md-sys-color-primary-dark: '#b5c4ff'
      default-md-sys-color-primary-fixed-dark: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
      default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
      default-md-sys-color-scrim-dark: '#000000'
      default-md-sys-color-secondary-container-dark: '#414659'
      default-md-sys-color-secondary-dark: '#c1c5dd'
      default-md-sys-color-secondary-fixed-dark: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
      default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
      default-md-sys-color-shadow-dark: '#000000'
      default-md-sys-color-surface-bright-dark: '#38393f'
      default-md-sys-color-surface-container-dark: '#1e1f25'
      default-md-sys-color-surface-container-high-dark: '#292a2f'
      default-md-sys-color-surface-container-highest-dark: '#34343a'
      default-md-sys-color-surface-container-low-dark: '#1a1b21'
      default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
      default-md-sys-color-surface-dark: '#121318'
      default-md-sys-color-surface-dim-dark: '#121318'
      default-md-sys-color-surface-tint-dark: '#b5c4ff'
      default-md-sys-color-surface-variant-dark: '#45464f'
      default-md-sys-color-tertiary-container-dark: '#5b3d57'
      default-md-sys-color-tertiary-dark: '#e3badb'
      default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
      default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
      mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
      primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
      primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
      state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      state-inactive-color: rgb(72, 74, 78)
      view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
    light:
      accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
      app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
      default-md-sys-color-error-container-light: '#ffdad6'
      default-md-sys-color-error-light: '#ba1a1a'
      default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
      default-md-sys-color-inverse-primary-light: '#b5c4ff'
      default-md-sys-color-inverse-surface-light: '#2f3036'
      default-md-sys-color-neutral-palette-key-color-light: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
      default-md-sys-color-on-error-container-light: '#93000a'
      default-md-sys-color-on-error-light: '#ffffff'
      default-md-sys-color-on-primary-container-light: '#344479'
      default-md-sys-color-on-primary-fixed-light: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-light: '#344479'
      default-md-sys-color-on-primary-light: '#ffffff'
      default-md-sys-color-on-secondary-container-light: '#414659'
      default-md-sys-color-on-secondary-fixed-light: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
      default-md-sys-color-on-secondary-light: '#ffffff'
      default-md-sys-color-on-surface-light: '#1a1b21'
      default-md-sys-color-on-surface-variant-light: '#45464f'
      default-md-sys-color-on-tertiary-container-light: '#5b3d57'
      default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
      default-md-sys-color-on-tertiary-light: '#ffffff'
      default-md-sys-color-outline-light: '#767680'
      default-md-sys-color-outline-variant-light: '#c6c6d0'
      default-md-sys-color-primary-container-light: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
      default-md-sys-color-primary-fixed-light: '#dce1ff'
      default-md-sys-color-primary-light: '#4c5c92'
      default-md-sys-color-primary-palette-key-color-light: '#6575ad'
      default-md-sys-color-scrim-light: '#000000'
      default-md-sys-color-secondary-container-light: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
      default-md-sys-color-secondary-fixed-light: '#dee1f9'
      default-md-sys-color-secondary-light: '#595e72'
      default-md-sys-color-secondary-palette-key-color-light: '#72768b'
      default-md-sys-color-shadow-light: '#000000'
      default-md-sys-color-surface-bright-light: '#faf8ff'
      default-md-sys-color-surface-container-high-light: '#e9e7ef'
      default-md-sys-color-surface-container-highest-light: '#e3e1e9'
      default-md-sys-color-surface-container-light: '#eeedf4'
      default-md-sys-color-surface-container-low-light: '#f4f3fa'
      default-md-sys-color-surface-container-lowest-light: '#ffffff'
      default-md-sys-color-surface-dim-light: '#dad9e0'
      default-md-sys-color-surface-light: '#faf8ff'
      default-md-sys-color-surface-tint-light: '#4c5c92'
      default-md-sys-color-surface-variant-light: '#e2e1ec'
      default-md-sys-color-tertiary-container-light: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
      default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
      default-md-sys-color-tertiary-light: '#745470'
      default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
      disabled-color: rgb(165, 165, 165)
      disabled-text-color: rgb(128, 128, 128)
      error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
      mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
      primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
      primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
      state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material You Transparent Card Dark:
  accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
  card-mod-theme: Material You
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-dark: '#93000a'
  default-md-sys-color-error-dark: '#ffb4ab'
  default-md-sys-color-inverse-on-surface-dark: '#2f3036'
  default-md-sys-color-inverse-primary-dark: '#4c5c92'
  default-md-sys-color-inverse-surface-dark: '#e3e1e9'
  default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
  default-md-sys-color-on-error-container-dark: '#ffdad6'
  default-md-sys-color-on-error-dark: '#690005'
  default-md-sys-color-on-primary-container-dark: '#dce1ff'
  default-md-sys-color-on-primary-dark: '#1c2d61'
  default-md-sys-color-on-primary-fixed-dark: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
  default-md-sys-color-on-secondary-container-dark: '#dee1f9'
  default-md-sys-color-on-secondary-dark: '#2b3042'
  default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
  default-md-sys-color-on-surface-dark: '#e3e1e9'
  default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
  default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
  default-md-sys-color-on-tertiary-dark: '#432740'
  default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
  default-md-sys-color-outline-dark: '#8f909a'
  default-md-sys-color-outline-variant-dark: '#45464f'
  default-md-sys-color-primary-container-dark: '#344479'
  default-md-sys-color-primary-dark: '#b5c4ff'
  default-md-sys-color-primary-fixed-dark: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
  default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
  default-md-sys-color-scrim-dark: '#000000'
  default-md-sys-color-secondary-container-dark: '#414659'
  default-md-sys-color-secondary-dark: '#c1c5dd'
  default-md-sys-color-secondary-fixed-dark: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
  default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
  default-md-sys-color-shadow-dark: '#000000'
  default-md-sys-color-surface-bright-dark: '#38393f'
  default-md-sys-color-surface-container-dark: '#1e1f25'
  default-md-sys-color-surface-container-high-dark: '#292a2f'
  default-md-sys-color-surface-container-highest-dark: '#34343a'
  default-md-sys-color-surface-container-low-dark: '#1a1b21'
  default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
  default-md-sys-color-surface-dark: '#121318'
  default-md-sys-color-surface-dim-dark: '#121318'
  default-md-sys-color-surface-tint-dark: '#b5c4ff'
  default-md-sys-color-surface-variant-dark: '#45464f'
  default-md-sys-color-tertiary-container-dark: '#5b3d57'
  default-md-sys-color-tertiary-dark: '#e3badb'
  default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
  default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
  primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
Material You Transparent Card Light:
  accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
  card-mod-theme: Material You
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-light: '#ffdad6'
  default-md-sys-color-error-light: '#ba1a1a'
  default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
  default-md-sys-color-inverse-primary-light: '#b5c4ff'
  default-md-sys-color-inverse-surface-light: '#2f3036'
  default-md-sys-color-neutral-palette-key-color-light: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
  default-md-sys-color-on-error-container-light: '#93000a'
  default-md-sys-color-on-error-light: '#ffffff'
  default-md-sys-color-on-primary-container-light: '#344479'
  default-md-sys-color-on-primary-fixed-light: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-light: '#344479'
  default-md-sys-color-on-primary-light: '#ffffff'
  default-md-sys-color-on-secondary-container-light: '#414659'
  default-md-sys-color-on-secondary-fixed-light: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
  default-md-sys-color-on-secondary-light: '#ffffff'
  default-md-sys-color-on-surface-light: '#1a1b21'
  default-md-sys-color-on-surface-variant-light: '#45464f'
  default-md-sys-color-on-tertiary-container-light: '#5b3d57'
  default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
  default-md-sys-color-on-tertiary-light: '#ffffff'
  default-md-sys-color-outline-light: '#767680'
  default-md-sys-color-outline-variant-light: '#c6c6d0'
  default-md-sys-color-primary-container-light: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
  default-md-sys-color-primary-fixed-light: '#dce1ff'
  default-md-sys-color-primary-light: '#4c5c92'
  default-md-sys-color-primary-palette-key-color-light: '#6575ad'
  default-md-sys-color-scrim-light: '#000000'
  default-md-sys-color-secondary-container-light: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
  default-md-sys-color-secondary-fixed-light: '#dee1f9'
  default-md-sys-color-secondary-light: '#595e72'
  default-md-sys-color-secondary-palette-key-color-light: '#72768b'
  default-md-sys-color-shadow-light: '#000000'
  default-md-sys-color-surface-bright-light: '#faf8ff'
  default-md-sys-color-surface-container-high-light: '#e9e7ef'
  default-md-sys-color-surface-container-highest-light: '#e3e1e9'
  default-md-sys-color-surface-container-light: '#eeedf4'
  default-md-sys-color-surface-container-low-light: '#f4f3fa'
  default-md-sys-color-surface-container-lowest-light: '#ffffff'
  default-md-sys-color-surface-dim-light: '#dad9e0'
  default-md-sys-color-surface-light: '#faf8ff'
  default-md-sys-color-surface-tint-light: '#4c5c92'
  default-md-sys-color-surface-variant-light: '#e2e1ec'
  default-md-sys-color-tertiary-container-light: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
  default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
  default-md-sys-color-tertiary-light: '#745470'
  default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
  disabled-color: rgb(165, 165, 165)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
  primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
Material You Transparent Card No Mod:
  app-header-background-color: var(--navbar-background)
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  border-radius: 28px
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  divider-color: var(--primary-background-color)
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  modes:
    dark:
      accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
      app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
      default-md-sys-color-error-container-dark: '#93000a'
      default-md-sys-color-error-dark: '#ffb4ab'
      default-md-sys-color-inverse-on-surface-dark: '#2f3036'
      default-md-sys-color-inverse-primary-dark: '#4c5c92'
      default-md-sys-color-inverse-surface-dark: '#e3e1e9'
      default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
      default-md-sys-color-on-error-container-dark: '#ffdad6'
      default-md-sys-color-on-error-dark: '#690005'
      default-md-sys-color-on-primary-container-dark: '#dce1ff'
      default-md-sys-color-on-primary-dark: '#1c2d61'
      default-md-sys-color-on-primary-fixed-dark: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
      default-md-sys-color-on-secondary-container-dark: '#dee1f9'
      default-md-sys-color-on-secondary-dark: '#2b3042'
      default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
      default-md-sys-color-on-surface-dark: '#e3e1e9'
      default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
      default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
      default-md-sys-color-on-tertiary-dark: '#432740'
      default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
      default-md-sys-color-outline-dark: '#8f909a'
      default-md-sys-color-outline-variant-dark: '#45464f'
      default-md-sys-color-primary-container-dark: '#344479'
      default-md-sys-color-primary-dark: '#b5c4ff'
      default-md-sys-color-primary-fixed-dark: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
      default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
      default-md-sys-color-scrim-dark: '#000000'
      default-md-sys-color-secondary-container-dark: '#414659'
      default-md-sys-color-secondary-dark: '#c1c5dd'
      default-md-sys-color-secondary-fixed-dark: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
      default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
      default-md-sys-color-shadow-dark: '#000000'
      default-md-sys-color-surface-bright-dark: '#38393f'
      default-md-sys-color-surface-container-dark: '#1e1f25'
      default-md-sys-color-surface-container-high-dark: '#292a2f'
      default-md-sys-color-surface-container-highest-dark: '#34343a'
      default-md-sys-color-surface-container-low-dark: '#1a1b21'
      default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
      default-md-sys-color-surface-dark: '#121318'
      default-md-sys-color-surface-dim-dark: '#121318'
      default-md-sys-color-surface-tint-dark: '#b5c4ff'
      default-md-sys-color-surface-variant-dark: '#45464f'
      default-md-sys-color-tertiary-container-dark: '#5b3d57'
      default-md-sys-color-tertiary-dark: '#e3badb'
      default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
      default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
      disabled-color: rgb(0, 0, 0)
      disabled-text-color: rgba(255, 255, 255, 0.5)
      error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
      mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
      on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
      primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
      primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
      primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
      secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
      state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
      state-inactive-color: rgb(72, 74, 78)
      view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
    light:
      accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
      app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
      default-md-sys-color-error-container-light: '#ffdad6'
      default-md-sys-color-error-light: '#ba1a1a'
      default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
      default-md-sys-color-inverse-primary-light: '#b5c4ff'
      default-md-sys-color-inverse-surface-light: '#2f3036'
      default-md-sys-color-neutral-palette-key-color-light: '#76767d'
      default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
      default-md-sys-color-on-error-container-light: '#93000a'
      default-md-sys-color-on-error-light: '#ffffff'
      default-md-sys-color-on-primary-container-light: '#344479'
      default-md-sys-color-on-primary-fixed-light: '#02174b'
      default-md-sys-color-on-primary-fixed-variant-light: '#344479'
      default-md-sys-color-on-primary-light: '#ffffff'
      default-md-sys-color-on-secondary-container-light: '#414659'
      default-md-sys-color-on-secondary-fixed-light: '#161b2c'
      default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
      default-md-sys-color-on-secondary-light: '#ffffff'
      default-md-sys-color-on-surface-light: '#1a1b21'
      default-md-sys-color-on-surface-variant-light: '#45464f'
      default-md-sys-color-on-tertiary-container-light: '#5b3d57'
      default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
      default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
      default-md-sys-color-on-tertiary-light: '#ffffff'
      default-md-sys-color-outline-light: '#767680'
      default-md-sys-color-outline-variant-light: '#c6c6d0'
      default-md-sys-color-primary-container-light: '#dce1ff'
      default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
      default-md-sys-color-primary-fixed-light: '#dce1ff'
      default-md-sys-color-primary-light: '#4c5c92'
      default-md-sys-color-primary-palette-key-color-light: '#6575ad'
      default-md-sys-color-scrim-light: '#000000'
      default-md-sys-color-secondary-container-light: '#dee1f9'
      default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
      default-md-sys-color-secondary-fixed-light: '#dee1f9'
      default-md-sys-color-secondary-light: '#595e72'
      default-md-sys-color-secondary-palette-key-color-light: '#72768b'
      default-md-sys-color-shadow-light: '#000000'
      default-md-sys-color-surface-bright-light: '#faf8ff'
      default-md-sys-color-surface-container-high-light: '#e9e7ef'
      default-md-sys-color-surface-container-highest-light: '#e3e1e9'
      default-md-sys-color-surface-container-light: '#eeedf4'
      default-md-sys-color-surface-container-low-light: '#f4f3fa'
      default-md-sys-color-surface-container-lowest-light: '#ffffff'
      default-md-sys-color-surface-dim-light: '#dad9e0'
      default-md-sys-color-surface-light: '#faf8ff'
      default-md-sys-color-surface-tint-light: '#4c5c92'
      default-md-sys-color-surface-variant-light: '#e2e1ec'
      default-md-sys-color-tertiary-container-light: '#ffd7f6'
      default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
      default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
      default-md-sys-color-tertiary-light: '#745470'
      default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
      disabled-color: rgb(165, 165, 165)
      disabled-text-color: rgb(128, 128, 128)
      error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
      md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
      md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
      md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
      mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
      mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
      mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
      mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
      mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
      on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
      primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
      primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
      primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
      secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
      sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
      sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
      state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
      view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  navbar-background: var(--primary-background-color)
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--lovelace-background)
  primary-font-family: var(--font-family)
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  sidebar-background-color: var(--primary-background-color)
  slider-secondary-color: var(--primary-color)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
Material You Transparent Card No Mod Dark:
  accent-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  app-header-background-color: var(--lovelace-background, rgb(18, 18, 18))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-dark, var(--default-md-sys-color-surface-container-low-dark))
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-dark: '#93000a'
  default-md-sys-color-error-dark: '#ffb4ab'
  default-md-sys-color-inverse-on-surface-dark: '#2f3036'
  default-md-sys-color-inverse-primary-dark: '#4c5c92'
  default-md-sys-color-inverse-surface-dark: '#e3e1e9'
  default-md-sys-color-neutral-palette-key-color-dark: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-dark: '#75767f'
  default-md-sys-color-on-error-container-dark: '#ffdad6'
  default-md-sys-color-on-error-dark: '#690005'
  default-md-sys-color-on-primary-container-dark: '#dce1ff'
  default-md-sys-color-on-primary-dark: '#1c2d61'
  default-md-sys-color-on-primary-fixed-dark: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-dark: '#344479'
  default-md-sys-color-on-secondary-container-dark: '#dee1f9'
  default-md-sys-color-on-secondary-dark: '#2b3042'
  default-md-sys-color-on-secondary-fixed-dark: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-dark: '#414659'
  default-md-sys-color-on-surface-dark: '#e3e1e9'
  default-md-sys-color-on-surface-variant-dark: '#c6c6d0'
  default-md-sys-color-on-tertiary-container-dark: '#ffd7f6'
  default-md-sys-color-on-tertiary-dark: '#432740'
  default-md-sys-color-on-tertiary-fixed-dark: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-dark: '#5b3d57'
  default-md-sys-color-outline-dark: '#8f909a'
  default-md-sys-color-outline-variant-dark: '#45464f'
  default-md-sys-color-primary-container-dark: '#344479'
  default-md-sys-color-primary-dark: '#b5c4ff'
  default-md-sys-color-primary-fixed-dark: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-dark: '#b5c4ff'
  default-md-sys-color-primary-palette-key-color-dark: '#6575ad'
  default-md-sys-color-scrim-dark: '#000000'
  default-md-sys-color-secondary-container-dark: '#414659'
  default-md-sys-color-secondary-dark: '#c1c5dd'
  default-md-sys-color-secondary-fixed-dark: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-dark: '#c1c5dd'
  default-md-sys-color-secondary-palette-key-color-dark: '#72768b'
  default-md-sys-color-shadow-dark: '#000000'
  default-md-sys-color-surface-bright-dark: '#38393f'
  default-md-sys-color-surface-container-dark: '#1e1f25'
  default-md-sys-color-surface-container-high-dark: '#292a2f'
  default-md-sys-color-surface-container-highest-dark: '#34343a'
  default-md-sys-color-surface-container-low-dark: '#1a1b21'
  default-md-sys-color-surface-container-lowest-dark: '#0d0e13'
  default-md-sys-color-surface-dark: '#121318'
  default-md-sys-color-surface-dim-dark: '#121318'
  default-md-sys-color-surface-tint-dark: '#b5c4ff'
  default-md-sys-color-surface-variant-dark: '#45464f'
  default-md-sys-color-tertiary-container-dark: '#5b3d57'
  default-md-sys-color-tertiary-dark: '#e3badb'
  default-md-sys-color-tertiary-fixed-dark: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-dark: '#e3badb'
  default-md-sys-color-tertiary-palette-key-color-dark: '#8f6c89'
  disabled-color: rgb(0, 0, 0)
  disabled-text-color: rgba(255, 255, 255, 0.5)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  md-current-tab-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  md-divider-color: var(--md-sys-color-outline-variant-dark, var(--default-md-sys-color-outline-variant-dark))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  md-switch-checked-track-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-dark, var(--default-md-sys-color-outline-dark))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-dark, var(--default-md-sys-color-surface-variant-dark))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-dark, var(--default-md-sys-color-error-dark))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-dark, var(--default-md-sys-color-on-primary-dark))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-dark, var(--default-md-sys-color-on-secondary-dark))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  mdc-theme-primary: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  mdc-theme-secondary: var(--md-sys-color-secondary-dark, var(--default-md-sys-color-secondary-dark))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-dark, var(--default-md-sys-color-surface-container-high-dark))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-dark, var(--default-md-sys-color-on-error-dark))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-dark, var(--default-md-sys-color-surface-container-dark))
  primary-color: var(--md-sys-color-primary-dark, var(--default-md-sys-color-primary-dark))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-dark, var(--default-md-sys-color-on-surface-dark))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  secondary-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-dark, var(--default-md-sys-color-secondary-container-dark))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-dark, var(--default-md-sys-color-on-secondary-container-dark))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  slider-color: var(--md-sys-color-inverse-primary-dark, var(--default-md-sys-color-inverse-primary-dark))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-dark, var(--default-md-sys-color-on-surface-variant-dark))
  state-inactive-color: rgb(72, 74, 78)
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-dark, var(--default-md-sys-color-surface-dark, rgb(18, 18, 18)))
Material You Transparent Card No Mod Light:
  accent-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  app-header-background-color: var(--lovelace-background, rgb(250, 250, 250))
  app-header-edit-background-color: var(--primary-background-color)
  app-header-edit-text-color: var(--app-header-text-color)
  app-header-selection-bar-color: none
  app-header-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  border-radius: 28px
  card-background-color: var(--md-sys-color-surface-container-low-light, var(--default-md-sys-color-surface-container-low-light))
  code-editor-background-color: var(--primary-background-color)
  codemirror-atom: var(--codemirror-property)
  codemirror-keyword: rgb(140, 169, 255)
  codemirror-meta: var(--primary-text-color)
  codemirror-number: rgb(255, 91, 29)
  codemirror-property: var(--primary-color)
  codemirror-string: rgb(119, 196, 229)
  dark-primary-color: var(--primary-color)
  default-md-sys-color-error-container-light: '#ffdad6'
  default-md-sys-color-error-light: '#ba1a1a'
  default-md-sys-color-inverse-on-surface-light: '#f1f0f7'
  default-md-sys-color-inverse-primary-light: '#b5c4ff'
  default-md-sys-color-inverse-surface-light: '#2f3036'
  default-md-sys-color-neutral-palette-key-color-light: '#76767d'
  default-md-sys-color-neutral-variant-palette-key-color-light: '#75767f'
  default-md-sys-color-on-error-container-light: '#93000a'
  default-md-sys-color-on-error-light: '#ffffff'
  default-md-sys-color-on-primary-container-light: '#344479'
  default-md-sys-color-on-primary-fixed-light: '#02174b'
  default-md-sys-color-on-primary-fixed-variant-light: '#344479'
  default-md-sys-color-on-primary-light: '#ffffff'
  default-md-sys-color-on-secondary-container-light: '#414659'
  default-md-sys-color-on-secondary-fixed-light: '#161b2c'
  default-md-sys-color-on-secondary-fixed-variant-light: '#414659'
  default-md-sys-color-on-secondary-light: '#ffffff'
  default-md-sys-color-on-surface-light: '#1a1b21'
  default-md-sys-color-on-surface-variant-light: '#45464f'
  default-md-sys-color-on-tertiary-container-light: '#5b3d57'
  default-md-sys-color-on-tertiary-fixed-light: '#2c122a'
  default-md-sys-color-on-tertiary-fixed-variant-light: '#5b3d57'
  default-md-sys-color-on-tertiary-light: '#ffffff'
  default-md-sys-color-outline-light: '#767680'
  default-md-sys-color-outline-variant-light: '#c6c6d0'
  default-md-sys-color-primary-container-light: '#dce1ff'
  default-md-sys-color-primary-fixed-dim-light: '#b5c4ff'
  default-md-sys-color-primary-fixed-light: '#dce1ff'
  default-md-sys-color-primary-light: '#4c5c92'
  default-md-sys-color-primary-palette-key-color-light: '#6575ad'
  default-md-sys-color-scrim-light: '#000000'
  default-md-sys-color-secondary-container-light: '#dee1f9'
  default-md-sys-color-secondary-fixed-dim-light: '#c1c5dd'
  default-md-sys-color-secondary-fixed-light: '#dee1f9'
  default-md-sys-color-secondary-light: '#595e72'
  default-md-sys-color-secondary-palette-key-color-light: '#72768b'
  default-md-sys-color-shadow-light: '#000000'
  default-md-sys-color-surface-bright-light: '#faf8ff'
  default-md-sys-color-surface-container-high-light: '#e9e7ef'
  default-md-sys-color-surface-container-highest-light: '#e3e1e9'
  default-md-sys-color-surface-container-light: '#eeedf4'
  default-md-sys-color-surface-container-low-light: '#f4f3fa'
  default-md-sys-color-surface-container-lowest-light: '#ffffff'
  default-md-sys-color-surface-dim-light: '#dad9e0'
  default-md-sys-color-surface-light: '#faf8ff'
  default-md-sys-color-surface-tint-light: '#4c5c92'
  default-md-sys-color-surface-variant-light: '#e2e1ec'
  default-md-sys-color-tertiary-container-light: '#ffd7f6'
  default-md-sys-color-tertiary-fixed-dim-light: '#e3badb'
  default-md-sys-color-tertiary-fixed-light: '#ffd7f6'
  default-md-sys-color-tertiary-light: '#745470'
  default-md-sys-color-tertiary-palette-key-color-light: '#8f6c89'
  disabled-color: rgb(165, 165, 165)
  disabled-text-color: rgb(128, 128, 128)
  divider-color: var(--primary-background-color)
  error-color: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  footer-height: 80px
  ha-card-background: rgb(0, 0, 0, 0)
  ha-card-border: none
  ha-card-border-color: rgba(0, 0, 0, 0)
  ha-card-border-radius: var(--border-radius)
  ha-card-border-style: none
  ha-card-border-width: 0px
  ha-card-box-shadow: none
  ha-card-header-font-family: var(--font-family)
  ha-config-card-border-radius: 16px
  header-height: 48px
  horizontal-stack-card-margin: 0px 4px
  input-background-color: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  input-disabled-fill-color: rgba(var(--input-background-color), 0.5)
  input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-label-ink-color: var(--disabled-text-color)
  input-dropdown-icon-color: var(--secondary-text-color)
  input-fill-color: var(--input-background-color)
  input-hover-line-color: var(--primary-color)
  input-idle-line-color: rgba(0, 0, 0, 0)
  input-ink-color: var(--primary-text-color)
  input-label-ink-color: ar(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  light-primary-color: var(--primary-color)
  link-text-color: var(--primary-color)
  lovelace-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
  md-current-tab-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  md-current-tab-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  md-current-tab-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  md-divider-color: var(--md-sys-color-outline-variant-light, var(--default-md-sys-color-outline-variant-light))
  md-inactive-tab-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  md-switch-checked-button-color: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  md-switch-checked-track-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  md-switch-unchecked-button-color: var(--md-sys-color-outline-light, var(--default-md-sys-color-outline-light))
  md-switch-unchecked-track-color: var(--md-sys-color-surface-variant-light, var(--default-md-sys-color-surface-variant-light))
  mdc-radio-unchecked-color: var(--mdc-checkbox-unchecked-color)
  mdc-select-fill-color: var(--input-fill-color)
  mdc-select-hover-line-color: var(--input-hover-line-color)
  mdc-select-idle-line-color: var(--input-idle-line-color)
  mdc-text-field-fill-color: var(--input-fill-color)
  mdc-text-field-hover-line-color: var(--input-hover-line-color)
  mdc-text-field-idle-line-color: var(--input-idle-line-color)
  mdc-theme-background: var(--lovelace-background)
  mdc-theme-error: var(--md-sys-color-error-light, var(--default-md-sys-color-error-light))
  mdc-theme-on-primary: var(--md-sys-color-on-primary-light, var(--default-md-sys-color-on-primary-light))
  mdc-theme-on-secondary: var(--md-sys-color-on-secondary-light, var(--default-md-sys-color-on-secondary-light))
  mdc-theme-on-surface: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  mdc-theme-primary: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  mdc-theme-secondary: var(--md-sys-color-secondary-light, var(--default-md-sys-color-secondary-light))
  mdc-theme-surface: var(--md-sys-color-surface-container-high-light, var(--default-md-sys-color-surface-container-high-light))
  mdc-theme-text-disabled-on-light: var(--disabled-text-color)
  mdc-theme-text-hint-on-background: var(--secondary-text-color)
  mdc-theme-text-icon-on-background: var(--secondary-text-color)
  mdc-theme-text-primary-on-background: var(--primary-text-color)
  mdc-theme-text-secondary-on-background: var(--secondary-text-color)
  mdc-top-app-bar-fixed-box-shadow: none
  mdc-typography-body1-font-family: var(--font-family)
  mdc-typography-button-font-family: var(--font-family)
  mdc-typography-button-font-weight: var(--title-font-weight)
  mdc-typography-font-family: var(--font-family)
  navbar-background: var(--primary-background-color)
  on-error-color: var(--md-sys-color-on-error-light, var(--default-md-sys-color-on-error-light))
  paper-font-body1_-_font-family: var(--font-family)
  paper-font-caption_-_font-family: var(--font-family)
  paper-font-common-base_-_font-family: var(--font-family)
  paper-font-common-code_-_font-family: var(--font-family)
  paper-font-headline_-_font-family: var(--font-family)
  paper-font-subhead_-_font-family: var(--font-family)
  paper-font-title_-_font-family: var(--font-family)
  paper-item-icon-color: var(--state-icon-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-height: 4px
  paper-slider-knob-color: var(--primary-color)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  paper-tab-ink: rgba(0, 0, 0, 0)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  primary-background-color: var(--md-sys-color-surface-container-light, var(--default-md-sys-color-surface-container-light))
  primary-color: var(--md-sys-color-primary-light, var(--default-md-sys-color-primary-light))
  primary-font-family: var(--font-family)
  primary-text-color: var(--md-sys-color-on-surface-light, var(--default-md-sys-color-on-surface-light))
  rgb-primary-text-color: var(--primary-text-color)
  scrollbar-thumb-color: rgb(46, 48, 56)
  secondary-background-color: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  secondary-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-background-color: var(--primary-background-color)
  sidebar-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  sidebar-selected-icon-background: var(--md-sys-color-secondary-container-light, var(--default-md-sys-color-secondary-container-light))
  sidebar-selected-icon-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-selected-text-color: var(--md-sys-color-on-secondary-container-light, var(--default-md-sys-color-on-secondary-container-light))
  sidebar-text-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  slider-color: var(--md-sys-color-inverse-primary-light, var(--default-md-sys-color-inverse-primary-light))
  slider-secondary-color: var(--primary-color)
  state-icon-color: var(--md-sys-color-on-surface-variant-light, var(--default-md-sys-color-on-surface-variant-light))
  switch-checked-button-color: var(--md-switch-checked-button-color)
  switch-checked-track-color: var(--md-switch-checked-track-color)
  switch-unchecked-button-color: var(--md-switch-unchecked-button-color)
  switch-unchecked-track-color: var(--md-switch-unchecked-track-color)
  text-accent-color: var(--primary-color)
  text-light-primary-color: var(--text-primary-color)
  text-primary-color: var(--lovelace-background)
  title-font-size: 28px
  title-font-weight: 600
  vertical-stack-card-margin: 4px 0px
  view-background: var(--md-sys-color-surface-light, var(--default-md-sys-color-surface-light, rgb(250, 250, 250)))
