lvgl:
  displays:
    - main_display
  touchscreens:
    - touch_panel
  disp_bg_color: 0x0A1020
  style_definitions:
    - id: glass_orb_cool
      bg_color: 0x7EC6FF
      bg_opa: 0%
      radius: 120
      border_width: 0
      shadow_color: 0x7EC6FF
      shadow_width: 42
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 0
    - id: glass_orb_warm
      bg_color: 0xFFB8D0
      bg_opa: 0%
      radius: 120
      border_width: 0
      shadow_color: 0xFFB8D0
      shadow_width: 42
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 0
    - id: glass_header
      bg_color: 0x1A2740
      bg_opa: 94%
      border_color: 0xA7C8FF
      border_width: 1
      border_opa: 35%
      radius: 22
      pad_all: 0
      shadow_color: 0x061022
      shadow_width: 22
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_chip
      bg_color: 0xCFE1FF
      bg_opa: 92%
      border_color: 0xFFFFFF
      border_width: 1
      border_opa: 45%
      radius: 18
      pad_all: 0
    - id: glass_tile_title
      text_opa: 100%
    - id: glass_tile_meta
      text_opa: 96%
    - id: glass_tile_icon
      text_opa: 100%
    - id: glass_toggle_blue
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x091529
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_toggle_pink
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x1A0E2B
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_toggle_red
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x2A0A12
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_toggle_amber
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x2A1A08
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_toggle_green
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x0B2018
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_toggle_violet
      bg_color: 0x2C364A
      bg_opa: 92%
      border_color: 0x90A4C3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x1A1230
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
    - id: glass_tile_blue
      bg_color: 0x7BB8FF
      bg_opa: 92%
      border_color: 0xE6F1FF
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x091529
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xF4F8FF
    - id: glass_tile_pink
      bg_color: 0xD99CFF
      bg_opa: 92%
      border_color: 0xF7E7FF
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x1A0E2B
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xFFF8FF
    - id: glass_tile_amber
      bg_color: 0xFFD29A
      bg_opa: 92%
      border_color: 0xFFF0D9
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x2A1A08
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xFFF9EE
    - id: glass_tile_green
      bg_color: 0x9BE2C6
      bg_opa: 92%
      border_color: 0xE4FFF3
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x0B2018
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xF3FFF9
    - id: glass_tile_red
      bg_color: 0xFF9FAF
      bg_opa: 92%
      border_color: 0xFFE8EC
      border_width: 1
      border_opa: 38%
      radius: 24
      shadow_color: 0x2A0A12
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xFFF5F7
    - id: glass_tile_violet
      bg_color: 0xB8A8FF
      bg_opa: 92%
      border_color: 0xF0EAFF
      border_width: 1
      border_opa: 35%
      radius: 24
      shadow_color: 0x1A1230
      shadow_width: 24
      shadow_opa: 0%
      shadow_ofs_x: 0
      shadow_ofs_y: 8
      text_color: 0xF7F3FF
    - id: room_nav_btn
      bg_color: 0x22324A
      bg_opa: 96%
      border_color: 0x8FB3E8
      border_width: 1
      border_opa: 35%
      radius: 12
      text_color: 0xF2F7FF
    - id: room_stub_card
      bg_color: 0x1A2740
      bg_opa: 96%
      border_color: 0xA7C8FF
      border_width: 1
      border_opa: 35%
      radius: 20
      pad_all: 0
  theme:
    label:
      text_color: 0xEAF2FF
    button:
      text_color: 0xF6FAFF

  pages:
    - id: home
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  id: status_label
                  x: 22
                  y: 12
                  text: "Family Room"
              - label:
                  x: 22
                  y: 42
                  text: "Liquid Glass Control"
              - label:
                  x: 22
                  y: 62
                  text: "Quick scenes and lighting controls"
              - obj:
                  x: 560
                  y: 12
                  width: 194
                  height: 58
                  styles: glass_chip
                  widgets:
                    - label:
                        id: battery_label
                        align: center
                        text: " n/a"
        - label:
            x: 22
            y: 108
            text: "Tap any card. Screen sleeps after 60s idle."

        - button:
            id: btn_family_room_tv_stand
            x: 24
            y: 138
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.family_room_tv_stand
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "TV Stand"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"

        - button:
            id: btn_small_family_room_lamp
            x: 278
            y: 138
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.small_family_room_lamp
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Small Lamp"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"

        - button:
            id: btn_family_room_standing_lamp
            x: 532
            y: 138
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_red
            checked:
              bg_color: 0xD83452
              bg_opa: 100%
              border_color: 0xFFE2E8
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.living_room_lamp_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Standing Lamp"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"

        - button:
            x: 24
            y: 286
            width: 244
            height: 136
            styles: glass_tile_amber
            on_click:
              - homeassistant.service:
                  service: scene.turn_on
                  data:
                    entity_id: scene.movie_time
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SCENE"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Movie Time"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Dim and set mood"

        - button:
            x: 278
            y: 286
            width: 244
            height: 136
            styles: glass_tile_green
            on_click:
              - homeassistant.service:
                  service: scene.turn_on
                  data:
                    entity_id: scene.good_night
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SCENE"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Good Night"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Evening shutdown"

        - button:
            id: btn_family_room_standing_fan_outlet
            x: 532
            y: 286
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_violet
            checked:
              bg_color: 0x6C55D9
              bg_opa: 100%
              border_color: 0xEEE8FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.standing_fan_socket_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Standing Fan"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: living_room
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Living Room"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your lights, scenes, and media controls here"
        - button:
            id: btn_living_room_main_light
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.living_room_light_2
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Main Light"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_living_room_standing_lamp
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.living_room_lamp_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Standing Lamp"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_living_room_patio_light
            x: 532
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_amber
            checked:
              bg_color: 0xC97700
              bg_opa: 100%
              border_color: 0xFFF1D6
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.patio_light_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Patio Light"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_living_room_garland_switch
            x: 24
            y: 270
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_green
            checked:
              bg_color: 0x2EAF7E
              bg_opa: 100%
              border_color: 0xE5FFF5
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.big_family_room_lamp
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Front Garland"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_living_room_calendar_switch
            x: 278
            y: 270
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_violet
            checked:
              bg_color: 0x6C55D9
              bg_opa: 100%
              border_color: 0xEEE8FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.digital_calendar
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Calendar"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: kitchen_page
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Kitchen"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your kitchen controls here"
        - button:
            id: btn_kitchen_sink_light
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.kitchen_sink_light
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Sink Light"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_kitchen_dnd_switch
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.kitchen_do_not_disturb_switch
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Kitchen DND"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_kitchen_camera_motion
            x: 532
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_amber
            checked:
              bg_color: 0xC97700
              bg_opa: 100%
              border_color: 0xFFF1D6
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.kitchen_camera_motion_detection
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Cam Motion"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: upstairs
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Upstairs"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your upstairs controls here"
        - button:
            id: btn_upstairs_airquality_oled
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.airqualitysensor_3_oled_power
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "AQ OLED"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_upstairs_camera_motion
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.upstairs_camera_motion_detection
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Cam Motion"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: office
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Office (Basement)"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your office controls here"
        - button:
            id: btn_office_lamp
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.office_lamp_2
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Office Lamp 2"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_office_led_strip
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.led_strip_controller_led_strip_controller
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "LED Strip"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_office_echo_plug
            x: 532
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_amber
            checked:
              bg_color: 0xC97700
              bg_opa: 100%
              border_color: 0xFFF1D6
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.office_echo_plug
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Echo Plug"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_office_end_table_lamp_outlet
            x: 24
            y: 270
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_green
            checked:
              bg_color: 0x2EAF7E
              bg_opa: 100%
              border_color: 0xE5FFF5
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.office_end_table_lamp_socket_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "End Table Lamp"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_office_wax_warmer_outlet
            x: 278
            y: 270
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_violet
            checked:
              bg_color: 0x6C55D9
              bg_opa: 100%
              border_color: 0xEEE8FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.office_wax_warmer_socket_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Wax Warmer"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: garage
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Garage"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your garage controls here"
        - button:
            id: btn_garage_cam_light
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.esp32_saturn4_cam_esp32_saturn4_cam_light
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Saturn Cam Light"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_garage_fume_exhaust_fan
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.fume_exhaust_fan
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Fume Fan"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_garage_resin_printer_heater
            x: 532
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_amber
            checked:
              bg_color: 0xC97700
              bg_opa: 100%
              border_color: 0xFFF1D6
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.resin_printer_heater
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "SWITCH"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Resin Heater"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"

    - id: outside
      widgets:
        - obj:
            x: 14
            y: 14
            width: 772
            height: 84
            styles: glass_header
            widgets:
              - label:
                  x: 22
                  y: 12
                  text: "Outside"
              - label:
                  x: 22
                  y: 42
                  text: "Room Controls"
              - label:
                  x: 22
                  y: 62
                  text: "Add your outdoor controls here"
        - button:
            id: btn_outside_patio_light
            x: 24
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_blue
            checked:
              bg_color: 0x0B7DFA
              bg_opa: 100%
              border_color: 0xEAF4FF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: light.toggle
                  data:
                    entity_id: light.patio_light_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "LIGHT"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Patio Light"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_outside_lamppost_outlet_1
            x: 278
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_pink
            checked:
              bg_color: 0xB22FD9
              bg_opa: 100%
              border_color: 0xFFDEFF
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.lamppost_outlets_socket_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Lamppost 1"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_outside_lamppost_outlet_2
            x: 532
            y: 122
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_amber
            checked:
              bg_color: 0xC97700
              bg_opa: 100%
              border_color: 0xFFF1D6
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.lamppost_outlets_socket_2
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Lamppost 2"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            id: btn_outside_porch_decor_outlet
            x: 24
            y: 270
            width: 244
            height: 136
            checkable: true
            styles: glass_toggle_green
            checked:
              bg_color: 0x2EAF7E
              bg_opa: 100%
              border_color: 0xE5FFF5
              border_opa: 90%
              text_color: 0x000000
            on_click:
              - homeassistant.service:
                  service: switch.toggle
                  data:
                    entity_id: switch.washing_machine_socket_1
            widgets:
              - label:
                  x: 204
                  y: 16
                  styles: glass_tile_icon
                  text: ""
              - label:
                  x: 18
                  y: 16
                  styles: glass_tile_meta
                  text: "OUTLET"
              - label:
                  x: 18
                  y: 56
                  styles: glass_tile_title
                  text: "Porch Decor 1"
              - label:
                  x: 18
                  y: 90
                  styles: glass_tile_meta
                  text: "Tap to toggle"
        - button:
            x: 20
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: home
            widgets:
              - label:
                  align: center
                  text: "Family"
        - button:
            x: 130
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: living_room
            widgets:
              - label:
                  align: center
                  text: "Living"
        - button:
            x: 240
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: kitchen_page
            widgets:
              - label:
                  align: center
                  text: "Kitchen"
        - button:
            x: 350
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: upstairs
            widgets:
              - label:
                  align: center
                  text: "Upstairs"
        - button:
            x: 460
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: office
            widgets:
              - label:
                  align: center
                  text: "Office"
        - button:
            x: 570
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: garage
            widgets:
              - label:
                  align: center
                  text: "Garage"
        - button:
            x: 680
            y: 430
            width: 100
            height: 40
            styles: room_nav_btn
            on_click:
              - lvgl.page.show: outside
            widgets:
              - label:
                  align: center
                  text: "Outside"