20260326

esphome/widgets/themes/blue.yaml

@@ -0,0 +1,95 @@
+lvgl:
+  theme:
+    label:
+      text_font: my_font # set all your labels to use your custom defined font
+    button:
+      bg_color: 0x2F8CD8
+      bg_grad_color: 0x005782
+      bg_grad_dir: VER
+      bg_opa: COVER
+      border_color: 0x0077b3
+      border_width: 1
+      text_color: 0xFFFFFF
+      pressed: # set some button colors to be different in pressed state
+        bg_color: 0x006699
+        bg_grad_color: 0x00334d
+      checked: # set some button colors to be different in checked state
+        bg_color: 0x1d5f96
+        bg_grad_color: 0x03324A
+        text_color: 0xfff300
+    buttonmatrix:
+      bg_opa: TRANSP
+      border_color: 0x0077b3
+      border_width: 0
+      text_color: 0xFFFFFF
+      pad_all: 0
+      items: # set all your buttonmatrix buttons to use your custom defined styles and font
+        bg_color: 0x2F8CD8
+        bg_grad_color: 0x005782
+        bg_grad_dir: VER
+        bg_opa: COVER
+        border_color: 0x0077b3
+        border_width: 1
+        text_color: 0xFFFFFF
+        text_font: my_font
+        pressed:
+          bg_color: 0x006699
+          bg_grad_color: 0x00334d
+        checked:
+          bg_color: 0x1d5f96
+          bg_grad_color: 0x03324A
+          text_color: 0x005580
+    switch:
+      bg_color: 0xC0C0C0
+      bg_grad_color: 0xb0b0b0
+      bg_grad_dir: VER
+      bg_opa: COVER
+      checked:
+        bg_color: 0x1d5f96
+        bg_grad_color: 0x03324A
+        bg_grad_dir: VER
+        bg_opa: COVER
+      knob:
+        bg_color: 0xFFFFFF
+        bg_grad_color: 0xC0C0C0
+        bg_grad_dir: VER
+        bg_opa: COVER
+    slider:
+      border_width: 1
+      border_opa: 15%
+      bg_color: 0xcccaca
+      bg_opa: 15%
+      indicator:
+        bg_color: 0x1d5f96
+        bg_grad_color: 0x03324A
+        bg_grad_dir: VER
+        bg_opa: COVER
+      knob:
+        bg_color: 0x2F8CD8
+        bg_grad_color: 0x005782
+        bg_grad_dir: VER
+        bg_opa: COVER
+        border_color: 0x0077b3
+        border_width: 1
+        text_color: 0xFFFFFF
+    spinbox:
+      cursor:
+        bg_opa: 0x00
+        bg_color: 0x00
+        text_color: 0xFFFFFF
+  style_definitions:
+    - id: header_footer
+      bg_color: 0x2F8CD8
+      bg_grad_color: 0x005782
+      bg_grad_dir: VER
+      bg_opa: COVER
+      border_opa: TRANSP
+      radius: 0
+      pad_all: 0
+      pad_row: 0
+      pad_column: 0
+      border_color: 0x0077b3
+      text_color: 0xFFFFFF
+      width: 100%
+      height: 30
+  

esphome/widgets/themes/habbit.yaml

@@ -0,0 +1,79 @@
+lvgl:
+  - style_definitions:
+    - id: button_menu
+      width: 60
+      height: 60
+      pad_all: 0
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: BOTTOM_RIGHT
+    - id: button_more
+      width: 60
+      height: 60
+      pad_all: 0
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: TOP_RIGHT
+    - id: button_device_1
+      width: 130
+      height: 130
+      pad_all: 0
+      translate_x: 30
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: LEFT_MID
+    - id: button_device_2
+      width: 130
+      height: 130
+      pad_all: 0
+      translate_x: 160
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: LEFT_MID
+    - id: button_device_3
+      width: 130
+      height: 130
+      pad_all: 0
+      translate_x: 290
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: LEFT_MID
+    - id: button_device_4
+      width: 130
+      height: 130
+      pad_all: 0
+      translate_x: 420
+      bg_color: 0x000000
+      border_color: 0x000000
+      align: LEFT_MID
+
+    - id: slider_front_cover
+      width: 530
+      height: 160
+      translate_x: -25
+      bg_color: 0x9c9c79
+      radius: 10
+      align: CENTER
+    - id: slider_back_cover
+      width: 530
+      height: 160
+      translate_x: -25
+      bg_color: 0xb4b4a9
+      radius: 10
+      align: CENTER
+    - id: slider_label_values_cover
+      align: CENTER
+      translate_x: -10
+      text_font: font_slider_value
+      text_color: 0xffffff
+
+    - id: device_status_top
+      align: TOP_LEFT
+      pad_left: 20
+      text_font: font_device_status
+      text_color: ${text_color_secondary}
+    - id: device_status_bottom
+      align: BOTTOM_LEFT
+      pad_left: 20
+      text_font: font_device_status
+      text_color: 0xffffff