Update icons and volume dialogue to use themes

lua/theme_light.lua

@@ -4,7 +4,9 @@ local font = require("font")
 local background_color = "#ffffff"
 local background_muted = "#fafafa"
 local text_color = "#000000"
-local highlight_color = "#CE93D8"
+local highlight_color = "#ce93d8"
+local icon_enabled_color = "#2c2c2c"
+local icon_disabled_color = "#999999"
 
 local theme_light = {
   base = {
@@ -26,6 +28,12 @@ local theme_light = {
       bg_color = background_muted,
     }},
   },
+  pop_up = {
+    {lvgl.PART.MAIN, lvgl.Style {
+      bg_opa = lvgl.OPA(100),
+      bg_color = background_muted,
+    }},
+  },
   button = {
     {lvgl.PART.MAIN, lvgl.Style {
       pad_left = 2,
@@ -33,11 +41,14 @@ local theme_light = {
       pad_top = 1,
       pad_bottom = 1,
       bg_color = background_color,
+      img_recolor_opa = 180,
+      img_recolor = highlight_color,
       radius = 5,
     }},
     {lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
       bg_opa = lvgl.OPA(100),
       bg_color = highlight_color,
+      img_recolor_opa = 0,
     }},
   },
   listbutton = {
@@ -65,7 +76,7 @@ local theme_light = {
     {lvgl.PART.KNOB, lvgl.Style {
       radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
       pad_all = 2,
-      bg_color = background_color,
+      bg_color = background_muted,
       shadow_width = 5,
       shadow_opa = lvgl.OPA(100)
     }},
@@ -85,12 +96,14 @@ local theme_light = {
       width = 28,
       height = 8,
       radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
+      bg_color = background_muted,
+      border_color = highlight_color,
     }},
     {lvgl.PART.INDICATOR, lvgl.Style {
       radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
       bg_color = background_muted,
     }},
-    {lvgl.PART.MAIN | lvgl.STATE.CHECKED, lvgl.Style {
+    {lvgl.PART.INDICATOR | lvgl.STATE.CHECKED, lvgl.Style {
       bg_color = highlight_color,
     }},
     {lvgl.PART.KNOB, lvgl.Style {
@@ -129,6 +142,12 @@ local theme_light = {
       bg_color = highlight_color,
     }},
   },
+  database_indicator = {
+    {lvgl.PART.MAIN, lvgl.Style {
+      img_recolor_opa = 180,
+      img_recolor = highlight_color,
+    }},
+  },
   settings_title = {
    {lvgl.PART.MAIN, lvgl.Style {
       pad_top = 2,
@@ -137,6 +156,19 @@ local theme_light = {
       text_color = highlight_color,
     }},
   },
+  icon_disabled = {
+    {lvgl.PART.MAIN, lvgl.Style {
+      img_recolor_opa = 180,
+      img_recolor = icon_disabled_color,
+    }},
+  },
+  icon_enabled = {
+    {lvgl.PART.MAIN, lvgl.Style {
+      img_recolor_opa = 180,
+      img_recolor = icon_enabled_color,
+    }},
+  },
+
 }
 
 return theme_light