overseer/Home-Assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor chore tracker UI: Adjust button dimensions, colors, and positions for improved layout and readability

Browse Source
This commit is contained in:
Joshua King
2026-02-28 13:05:45 -05:00
parent 338025d55b
commit d6c2b189ef
3 changed files with 72 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
esphome/chore-tracker-esphome.yaml
View File

@@ -637,7 +637,7 @@ lvgl:
- label:
x: 0
y: 36
width: 800
width: 776
align: TOP_MID
text: "Chore Tracker"
text_font: font_title
@@ -645,14 +645,14 @@ lvgl:
- label:
x: 0
y: 90
width: 800
width: 776
align: TOP_MID
text: "Tap a name to check off chores"
text_font: font_small
text_color: 0xB2BEC3
- button:
x: 640
y: 424
y: 428
width: 148
height: 40
bg_color: 0xFF4757
@@ -778,7 +778,7 @@ lvgl:
y: 0
width: 172
height: 480
bg_color: 0x4D96FF
bg_color: 0x5F5980
border_width: 0
radius: 0
pad_all: 0
@@ -804,7 +804,7 @@ lvgl:
y: 132
width: 144
height: 16
bg_color: 0x2A6FCC
bg_color: 0x2F3061
indicator:
bg_color: 0xFFFFFF
value: 0
@@ -830,7 +830,7 @@ lvgl:
text_color: 0xFFFFFF
- button:
x: 14
y: 364
y: 374
width: 144
height: 44
bg_color: 0xFF4757
@@ -846,10 +846,10 @@ lvgl:
text_font: font_small
- button:
x: 14
y: 420
y: 424
width: 144
height: 44
bg_color: 0x2A6FCC
bg_color: 0x2F3061
radius: 14
on_click:
then:
@@ -865,8 +865,8 @@ lvgl:
- button:
id: card_jordyn_put_on_underwear
x: 182
y: 10
width: 196
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -891,7 +891,7 @@ lvgl:
y: -34
text: "󰋣"
text_font: font_mdi_small
text_color: 0x4D96FF
text_color: 0x5F5980
- label:
align: CENTER
y: 17
@@ -901,9 +901,9 @@ lvgl:
- button:
id: card_jordyn_brush_teeth
x: 388
y: 10
width: 196
x: 387
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -928,7 +928,7 @@ lvgl:
y: -34
text: "󰦩"
text_font: font_mdi_small
text_color: 0x4D96FF
text_color: 0x5F5980
- label:
align: CENTER
y: 17
@@ -938,9 +938,9 @@ lvgl:
- button:
id: card_jordyn_fill_water_bowls
x: 594
y: 10
width: 196
x: 592
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -965,7 +965,7 @@ lvgl:
y: -34
text: "󰆫"
text_font: font_mdi_small
text_color: 0x4D96FF
text_color: 0x5F5980
- label:
align: CENTER
y: 17
@@ -976,8 +976,8 @@ lvgl:
- button:
id: card_jordyn_restock_cat_food_cans
x: 182
y: 158
width: 196
y: 160
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1002,7 +1002,7 @@ lvgl:
y: -34
text: "󱜜"
text_font: font_mdi_small
text_color: 0x4D96FF
text_color: 0x5F5980
- label:
align: CENTER
y: 17
@@ -1021,7 +1021,7 @@ lvgl:
y: 0
width: 172
height: 480
bg_color: 0xC77DFF
bg_color: 0x720026
border_width: 0
radius: 0
pad_all: 0
@@ -1047,7 +1047,7 @@ lvgl:
y: 132
width: 144
height: 16
bg_color: 0x8B42CC
bg_color: 0x4F000B
indicator:
bg_color: 0xFFFFFF
value: 0
@@ -1073,7 +1073,7 @@ lvgl:
text_color: 0xFFFFFF
- button:
x: 14
y: 364
y: 374
width: 144
height: 44
bg_color: 0xFF4757
@@ -1089,10 +1089,10 @@ lvgl:
text_font: font_small
- button:
x: 14
y: 420
y: 424
width: 144
height: 44
bg_color: 0x8B42CC
bg_color: 0x4F000B
radius: 14
on_click:
then:
@@ -1108,8 +1108,8 @@ lvgl:
- button:
id: card_declan_take_morning_pill
x: 182
y: 10
width: 196
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1134,7 +1134,7 @@ lvgl:
y: -34
text: "󰐂"
text_font: font_mdi_small
text_color: 0xC77DFF
text_color: 0x720026
- label:
align: CENTER
y: 17
@@ -1144,9 +1144,9 @@ lvgl:
- button:
id: card_declan_scoop_dog_poop
x: 388
y: 10
width: 196
x: 387
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1171,7 +1171,7 @@ lvgl:
y: -34
text: "󰇷"
text_font: font_mdi_small
text_color: 0xC77DFF
text_color: 0x720026
- label:
align: CENTER
y: 17
@@ -1190,7 +1190,7 @@ lvgl:
y: 0
width: 172
height: 480
bg_color: 0xFF6B9D
bg_color: 0x73683B
border_width: 0
radius: 0
pad_all: 0
@@ -1216,7 +1216,7 @@ lvgl:
y: 132
width: 144
height: 16
bg_color: 0xCC3A6F
bg_color: 0x583E23
indicator:
bg_color: 0xFFFFFF
value: 0
@@ -1242,7 +1242,7 @@ lvgl:
text_color: 0xFFFFFF
- button:
x: 14
y: 364
y: 374
width: 144
height: 44
bg_color: 0xFF4757
@@ -1258,10 +1258,10 @@ lvgl:
text_font: font_small
- button:
x: 14
y: 420
y: 424
width: 144
height: 44
bg_color: 0xCC3A6F
bg_color: 0x583E23
radius: 14
on_click:
then:
@@ -1277,8 +1277,8 @@ lvgl:
- button:
id: card_chloe_fill_kitty_feeders
x: 182
y: 10
width: 196
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1303,7 +1303,7 @@ lvgl:
y: -34
text: "󰊩"
text_font: font_mdi_small
text_color: 0xFF6B9D
text_color: 0x73683B
- label:
align: CENTER
y: 17
@@ -1313,9 +1313,9 @@ lvgl:
- button:
id: card_chloe_scoop_kitty_litter
x: 388
y: 10
width: 196
x: 387
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1340,7 +1340,7 @@ lvgl:
y: -34
text: "󰇷"
text_font: font_mdi_small
text_color: 0xFF6B9D
text_color: 0x73683B
- label:
align: CENTER
y: 17
@@ -1350,9 +1350,9 @@ lvgl:
- button:
id: card_chloe_replace_kitty_litter_bags
x: 594
y: 10
width: 196
x: 592
y: 12
width: 195
height: 138
bg_color: 0xFFFFFF
border_color: 0xEEEEEE
@@ -1377,7 +1377,7 @@ lvgl:
y: -34
text: "󰇷"
text_font: font_mdi_small
text_color: 0xFF6B9D
text_color: 0x73683B
- label:
align: CENTER
y: 17