Home Assistant Dashboard Sidebar YAML

sidebar:
  width:
    mobile: 0
    tablet: 25
    desktop: 20
  digitalClock: true
  digitalClockWithSeconds: false
  twelveHourVersion: true
  date: true
  dateFormat: dddd, MMMM DD
  period: false
  sidebarMenu:
    - action: navigate
      navigation_path: /lovelace/overview
      name: Overview
      active: true
      icon: mdi:view-dashboard
    - action: navigate
      navigation_path: /lovelace/lights
      name: Lights
      active: true
      icon: mdi:lightbulb-on
    - action: navigate
      navigation_path: /lovelace/music
      name: Music
      active: true
      icon: mdi:music
    - action: navigate
      navigation_path: /lovelace/calendar
      name: Calendar
      active: true
      icon: mdi:calendar
    - action: navigate
      navigation_path: /lovelace/security
      name: Security
      active: true
      icon: mdi:cctv
    - action: navigate
      navigation_path: /lovelace/system
      name: System
      active: true
      icon: mdi:cog
  bottomCard:
    type: custom:layout-card
    cardOptions:
      layout_type: custom:grid-layout
      cards:
        - type: custom:atomic-calendar-revive
          enableModeChange: true
          entities:
            - entity: calendar.holidays
              name: Holidays
            - entity: calendar.garbage_schedule
              name: Garbage Schedule
            - entity: calendar.birthdays
              name: Birthdays
            - entity: calendar.miscellaneous
              name: Miscellaneous
          defaultMode: Event
          hoursOnSameLine: true
          showMonth: false
          showAllDayHours: false
          showEventDate: true
          showCalendarName: false
          showLastCalendarWeek: false
          disableCalEventLink: false
          disableCalLocationLink: false
          showTimeRemaining: false
          showDatePerEvent: false
          showDate: false
          showLoader: false
          showRelativeTime: false
          compactMode: true
          showLocation: false
          showHours: false
          eventDateFormat: ddd D
          card_mod:
            style: |
              ha-card{
                box-shadow: none;
                border-top: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 0;
                padding: 0 !important;
              }
              ha-card .single-event-container{
                padding: 10px 0 !important;
              }
              ha-card .single-event-container:not(.daywrap):not(:first-child){
                padding-top: 0 !important;
              }
              ha-card .daywrap{
                border-top: 1px solid rgba(255, 255, 255, 0.2);
              }
              ha-card .event-left{
                width: 60px;
              }
              ha-card .single-event-container{
                line-height: 1.5em;
              }
        - type: conditional
          condition: and
          conditions:
            - condition: state
              entity: media_player.kabootles_spotify
              state_not: idle
            - condition: state
              entity: media_player.kabootles_spotify
              state_not: unavailable
          card:
            type: custom:bubble-card
            card_type: media-player
            entity: media_player.kabootles_spotify
            hide:
              volume_button: true
              power_button: true
              next_button: true
              previous_button: true
  hideTopMenu: true
  style: |
    :host{
      --sidebar-background: var(--ha-card-background,var(--card-background-color,#fff));
    }
    :host .digitalClock{
      font-family: sans-serif;
      font-weight: 500;
      text-align: center;
    }
    :host .date{
      font-size: 20px;
      text-align: center;
    }
    :host .bottom layout-card{
      width: 100%;
    }