DAKBOard

Dakboard Replacement YAML

wallpanel:
  enabled: true
  debug: false
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: false
  idle_time: 0
  keep_screen_on_time: 86400
  black_screen_after_time: 0
  control_reactivation_time: 5
  image_url: http://picsum.photos/1980/1020?random
  image_fit: cover
  image_list_update_interval: 86400
  display_time: 600
  image_order: random
  image_excludes: []
views:
  - title: Home
    background: center / cover no-repeat fixed url('http://picsum.photos/1280/720?random')
    type: custom:grid-layout
    layout:
      grid-auto-flow: column;
      grid-template-columns: 25% 25% 25% 25%;
      grid-template-rows: 33% 33% 33%;
      gap: 0px 0px;
      grid-template-areas: |
        "Clock . . Weather"
        ". . . ."
        "Calendar . . RSS" 
    cards:
      - type: custom:auto-reload-card
        delay_in_minute: 63
      - type: custom:digital-clock
        view_layout:
          grid-area: Clock
        card_mod:
          style: |
            ha-card {
            height: 200px;
            font-size: 40px;
            color: white !important;
            background: transparent;
            font-weight: 500;
            border-style: none;
            text-align: left;
            }   
      - type: custom:atomic-calendar-revive
        name: null
        color: white
        enableModeChange: true
        firstDayOfWeek: 1
        maxDaysToShow: 300
        maxEventCount: 8
        refreshInterval: 180
        showLocation: false
        showMonth: true
        showHiddenText: false
        entities:
          - entity: calendar.ical_home
        showDescription: false
        showWeekDay: true
        view_layout:
          grid-area: Calendar
        card_mod:
          style: |
            ha-card {
            border-style: none;
            font-size: 20px;
            background: transparent;
            --primary-text-color: White!important;
            --secondary-text-color: White !important;
            }  
      - type: weather-forecast
        entity: weather.home
        show_forecast: true
        forecast_type: daily
        card_mod:
          style: |
            ha-card {
            background: transparent;
            color: white;
            --primary-text-color: green !important;
            --secondary-text-color: white !important;
            border-style: none;
            }       
        view_layout:
          grid-area: Weather