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

Update chore tracker UI: Change button styles and icons for Jordyn, Declan, and Chloe for improved visibility and consistency.

Browse Source
This commit is contained in:
Joshua King
2026-02-28 09:57:19 -05:00
parent 7af2d0681c
commit f0d6e97cd0
4 changed files with 49 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -137,12 +137,12 @@ font:
id: font_mdi_large
size: 48
bpp: 4
glyphs: 󰂨󰇹󰈙󰉥󰋣󰏧󰖸󰦩󰲙󰾞󱞵󱬥
glyphs: 󰂨󰄛󰈙󰉥󰋣󰏧󰖸󰦩󰾞󱑷󱚠󱬥
- file: "fonts/materialdesignicons-webfont.ttf"
id: font_mdi_small
size: 32
bpp: 4
glyphs: 󰂨󰇹󰈙󰉥󰋣󰏧󰖸󰦩󰲙󰾞󱞵󱬥
glyphs: 󰂨󰄛󰈙󰉥󰋣󰏧󰖸󰦩󰾞󱑷󱚠󱬥
# ── Switches — backlight raw + one per chore per kid ─────────────────────────
switch:
@@ -547,9 +547,9 @@ script:
lv_label_set_text(id(home_status_jordyn), "\u2713 all done!");
lv_obj_set_style_text_color(id(home_status_jordyn), lv_color_hex(0xFFFFFF), LV_PART_MAIN);
} else {
lv_obj_set_style_bg_opa(id(home_btn_jordyn), LV_OPA_TRANSP, LV_PART_MAIN);
lv_obj_set_style_border_color(id(home_btn_jordyn), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_jordyn), 5, LV_PART_MAIN);
lv_obj_set_style_bg_opa(id(home_btn_jordyn), LV_OPA_COVER, LV_PART_MAIN);
lv_obj_set_style_bg_color(id(home_btn_jordyn), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_jordyn), 0, LV_PART_MAIN);
snprintf(buf, sizeof(buf), "%d left", total - done);
lv_label_set_text(id(home_status_jordyn), buf);
lv_obj_set_style_text_color(id(home_status_jordyn), lv_color_hex(0xFF4757), LV_PART_MAIN);
@@ -648,9 +648,9 @@ script:
lv_label_set_text(id(home_status_declan), "\u2713 all done!");
lv_obj_set_style_text_color(id(home_status_declan), lv_color_hex(0xFFFFFF), LV_PART_MAIN);
} else {
lv_obj_set_style_bg_opa(id(home_btn_declan), LV_OPA_TRANSP, LV_PART_MAIN);
lv_obj_set_style_border_color(id(home_btn_declan), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_declan), 5, LV_PART_MAIN);
lv_obj_set_style_bg_opa(id(home_btn_declan), LV_OPA_COVER, LV_PART_MAIN);
lv_obj_set_style_bg_color(id(home_btn_declan), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_declan), 0, LV_PART_MAIN);
snprintf(buf, sizeof(buf), "%d left", total - done);
lv_label_set_text(id(home_status_declan), buf);
lv_obj_set_style_text_color(id(home_status_declan), lv_color_hex(0xFF4757), LV_PART_MAIN);
@@ -740,9 +740,9 @@ script:
lv_label_set_text(id(home_status_chloe), "\u2713 all done!");
lv_obj_set_style_text_color(id(home_status_chloe), lv_color_hex(0xFFFFFF), LV_PART_MAIN);
} else {
lv_obj_set_style_bg_opa(id(home_btn_chloe), LV_OPA_TRANSP, LV_PART_MAIN);
lv_obj_set_style_border_color(id(home_btn_chloe), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_chloe), 5, LV_PART_MAIN);
lv_obj_set_style_bg_opa(id(home_btn_chloe), LV_OPA_COVER, LV_PART_MAIN);
lv_obj_set_style_bg_color(id(home_btn_chloe), lv_color_hex(0xFF4757), LV_PART_MAIN);
lv_obj_set_style_border_width(id(home_btn_chloe), 0, LV_PART_MAIN);
snprintf(buf, sizeof(buf), "%d left", total - done);
lv_label_set_text(id(home_status_chloe), buf);
lv_obj_set_style_text_color(id(home_status_chloe), lv_color_hex(0xFF4757), LV_PART_MAIN);
@@ -872,10 +872,9 @@ lvgl:
y: 130
width: 200
height: 210
bg_color: 0xFFFFFF
bg_opa: TRANSP
border_color: 0xFF4757
border_width: 5
bg_color: 0xFF4757
bg_opa: COVER
border_width: 0
radius: 24
on_click:
then:
@@ -884,21 +883,21 @@ lvgl:
- label:
align: CENTER
y: -45
text: "󰇹"
text: "󰄛"
text_font: font_mdi_large
- label:
align: CENTER
y: 22
text: "Jordyn"
text_font: font_name
text_color: 0x2D3436
text_color: 0xFFFFFF
- label:
id: home_status_jordyn
align: CENTER
y: 66
text: "not done"
text_font: font_tiny
text_color: 0xFF4757
text_color: 0xFFFFFF
- button:
id: home_btn_declan
@@ -906,10 +905,9 @@ lvgl:
y: 130
width: 200
height: 210
bg_color: 0xFFFFFF
bg_opa: TRANSP
border_color: 0xFF4757
border_width: 5
bg_color: 0xFF4757
bg_opa: COVER
border_width: 0
radius: 24
on_click:
then:
@@ -918,21 +916,21 @@ lvgl:
- label:
align: CENTER
y: -45
text: "󰲙"
text: "󱑷"
text_font: font_mdi_large
- label:
align: CENTER
y: 22
text: "Declan"
text_font: font_name
text_color: 0x2D3436
text_color: 0xFFFFFF
- label:
id: home_status_declan
align: CENTER
y: 66
text: "not done"
text_font: font_tiny
text_color: 0xFF4757
text_color: 0xFFFFFF
- button:
id: home_btn_chloe
@@ -940,10 +938,9 @@ lvgl:
y: 130
width: 200
height: 210
bg_color: 0xFFFFFF
bg_opa: TRANSP
border_color: 0xFF4757
border_width: 5
bg_color: 0xFF4757
bg_opa: COVER
border_width: 0
radius: 24
on_click:
then:
@@ -952,21 +949,21 @@ lvgl:
- label:
align: CENTER
y: -45
text: "󱞵"
text: "󱚠"
text_font: font_mdi_large
- label:
align: CENTER
y: 22
text: "Chloe"
text_font: font_name
text_color: 0x2D3436
text_color: 0xFFFFFF
- label:
id: home_status_chloe
align: CENTER
y: 66
text: "not done"
text_font: font_tiny
text_color: 0xFF4757
text_color: 0xFFFFFF
- id: page_jordyn
@@ -989,7 +986,7 @@ lvgl:
y: 22
width: 172
align: TOP_MID
text: "󰇹"
text: "󰄛"
text_font: font_mdi_large
- label:
x: 0
@@ -1264,7 +1261,7 @@ lvgl:
y: 22
width: 172
align: TOP_MID
text: "󰲙"
text: "󱑷"
text_font: font_mdi_large
- label:
x: 0
@@ -1503,7 +1500,7 @@ lvgl:
y: 22
width: 172
align: TOP_MID
text: "󱞵"
text: "󱚠"
text_font: font_mdi_large
- label:
x: 0