#================================ LVGL ===============================#
lvgl:
#----------------------------- Настройка -----------------------------#
  displays:
    - my_display
  touchscreens:
    - my_touchscreen
#------------------------------- Стили -------------------------------#
  style_definitions:
#............................... Кнопки ..............................#
    - id: ${style}_main_button
      width: 150
      height: 150
      pad_all: 0
#.......................... Нижний заголовок .........................#
    - id: header_footer
      bg_color: 0x2F8CD8
      bg_grad_color: 0x005782
      bg_grad_dir: VER
      bg_opa: cover
      border_width: 0
      radius: 0
      pad_all: 0
      pad_row: 0
      pad_column: 0
      border_color: 0x0077b3
      text_color: 0xFFFFFF
      width: 100%
      height: 30
#-------------------------------- Темы -------------------------------#
  theme:
#............................... Кнопки ..............................#
    button:
      bg_color: 0x313131
      text_color: 0xB6B6B6
      checked:
        bg_color: 0xCC5E14
        text_color: 0xB6B6B6
#.............................. Объекты ..............................#
    obj:
      bg_color: 0x313131
      text_color: 0xB6B6B6
#---------------------------- Верхний слой ---------------------------#
  top_layer:
      widgets:
#......................... Загрузочный экран .........................#
        - obj:
            id: boot_screen
            x: 0
            y: 0
            width: 100%
            height: 100%
            bg_color: 0xFFFFFF
            bg_opa: COVER
            radius: 0
            pad_all: 0
            border_width: 0
            widgets:
#'''''''''''''''''''''''''''''''' Лого '''''''''''''''''''''''''''''''#
              - image:
                  align: CENTER
                  src: ${image}_boot_screen
                  y: -50
#'''''''''''''''''''''''''''''' Спиннер ''''''''''''''''''''''''''''''#
              - spinner:
                  align: CENTER
                  y: 95
                  height: 50
                  width: 50
                  spin_time: 1s
                  arc_length: 60deg
                  arc_width: 8
                  indicator:
                    arc_color: 0x18bcf2
                    arc_width: 8
#''''''''''''''''''''''''''''''' Текст '''''''''''''''''''''''''''''''#
              - label:
                  text_font: ${font}_boot_screen
                  align: CENTER
                  y: 45
                  text: "@CrazyBober технологии"
                  text_color: 0x000000
#------------------------- Главныая страница -------------------------#
  page_wrap: true
  pages:
    - id: ${lvgl}_main_page
      width: 100%
      bg_color: 0x000000
      bg_opa: cover
      widgets:
#--------------------------- Виджет погоды ---------------------------#
        - obj:
            id: ${lvgl}_weather_obj
            x: 5
            y: 5
            width: 230
            height: 220
            border_width: 0
            scrollable: false
            scrollbar_mode: "OFF"
            widgets:
#........................... Карточка даты ...........................#
              - label:
                  id: ${lvgl}_date
                  y: -10
                  align: top_mid
                  text_font: ${font}_date_time           
                  text: "--.--.--"
                  long_mode: dot