You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
316 lines
8.0 KiB
316 lines
8.0 KiB
local lvgl = require("lvgl")
|
|
local font = require("font")
|
|
|
|
local background_color = "#ffffff"
|
|
local background_muted = "#f2f2f2"
|
|
local text_color = "#2c2c2c"
|
|
local highlight_color = "#ff82bc"
|
|
local icon_enabled_color = "#ff82bc"
|
|
local icon_disabled_color = "#999999"
|
|
local border_color = "#888888"
|
|
|
|
local theme_light = {
|
|
base = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(0),
|
|
text_font = font.fusion_12,
|
|
}},
|
|
},
|
|
root = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = background_color, -- Root background color
|
|
text_color = text_color,
|
|
}},
|
|
},
|
|
header = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
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 {
|
|
bg_opa = lvgl.OPA(100),
|
|
pad_left = 1,
|
|
pad_right = 1,
|
|
margin_all = 1,
|
|
bg_color = background_color,
|
|
image_recolor_opa = 180,
|
|
image_recolor = highlight_color,
|
|
radius = 4,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
border_side = 9, -- Bottom right
|
|
outline_color = border_color,
|
|
outline_width = 1,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
text_color = "#ffffff",
|
|
bg_color = highlight_color,
|
|
image_recolor_opa = 0,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.PRESSED, lvgl.Style {
|
|
margin_left = 2,
|
|
border_width = 0,
|
|
}},
|
|
},
|
|
listbutton = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 255,
|
|
image_recolor = text_color,
|
|
flex_cross_place = lvgl.FLEX_ALIGN.CENTER,
|
|
pad_column = 4,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = highlight_color,
|
|
text_color = "#ffffff",
|
|
image_recolor_opa = 255,
|
|
image_recolor = "#ffffff",
|
|
}},
|
|
},
|
|
bar = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
}},
|
|
},
|
|
slider = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = background_muted,
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
height = 8,
|
|
}},
|
|
{lvgl.PART.INDICATOR, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = highlight_color,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
}},
|
|
{lvgl.PART.KNOB, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = background_muted,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
border_side = 9,
|
|
outline_color = border_color,
|
|
outline_width = 1,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_color = background_muted,
|
|
}},
|
|
{lvgl.PART.KNOB | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
}},
|
|
{lvgl.PART.KNOB | lvgl.STATE.EDITED, lvgl.Style {
|
|
pad_all = 2,
|
|
}},
|
|
{lvgl.PART.INDICATOR | lvgl.STATE.CHECKED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
}},
|
|
},
|
|
scrubber = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = background_muted,
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
}},
|
|
{lvgl.PART.INDICATOR, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = highlight_color,
|
|
}},
|
|
{lvgl.PART.KNOB, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = background_muted,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_color = background_muted,
|
|
}},
|
|
{lvgl.PART.KNOB | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
pad_all = 1,
|
|
}},
|
|
{lvgl.PART.KNOB | lvgl.STATE.EDITED, lvgl.Style {
|
|
pad_all = 2,
|
|
}},
|
|
{lvgl.PART.INDICATOR | lvgl.STATE.CHECKED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
}},
|
|
},
|
|
switch = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
width = 18,
|
|
height = 10,
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = background_muted,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
}},
|
|
{lvgl.PART.INDICATOR, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_color = background_color,
|
|
}},
|
|
{lvgl.PART.INDICATOR | lvgl.STATE.CHECKED, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = highlight_color,
|
|
}},
|
|
{lvgl.PART.KNOB, lvgl.Style {
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = background_muted,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
border_side = 9,
|
|
outline_color = border_color,
|
|
outline_width = 1,
|
|
}},
|
|
{lvgl.PART.KNOB | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
}},
|
|
},
|
|
dropdown = {
|
|
{lvgl.PART.MAIN, lvgl.Style{
|
|
radius = 2,
|
|
pad_all = 2,
|
|
bg_color = background_color,
|
|
border_color = border_color,
|
|
border_width = 1,
|
|
border_side = 9,
|
|
outline_color = border_color,
|
|
outline_width = 1,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
border_color = highlight_color,
|
|
}},
|
|
{lvgl.PART.INDICATOR, lvgl.Style {
|
|
image_recolor_opa = 255,
|
|
image_recolor = text_color,
|
|
}},
|
|
},
|
|
dropdownlist = {
|
|
{lvgl.PART.MAIN, lvgl.Style{
|
|
radius = 2,
|
|
pad_all = 2,
|
|
border_width = 1,
|
|
border_color = border_color,
|
|
bg_opa = lvgl.OPA(100),
|
|
bg_color = background_color
|
|
}},
|
|
{lvgl.PART.SELECTED | lvgl.STATE.CHECKED, lvgl.Style {
|
|
bg_color = highlight_color,
|
|
}},
|
|
},
|
|
database_indicator = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = text_color,
|
|
}},
|
|
},
|
|
back_button = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = icon_enabled_color,
|
|
pad_all = 0,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
image_recolor_opa = 0,
|
|
image_recolor = "#ffffff",
|
|
}},
|
|
},
|
|
settings_title = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
pad_top = 2,
|
|
pad_bottom = 4,
|
|
text_font = font.fusion_10,
|
|
text_color = highlight_color,
|
|
}},
|
|
},
|
|
icon_disabled = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = icon_disabled_color,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
image_recolor_opa = 0,
|
|
image_recolor = "#ffffff",
|
|
}},
|
|
},
|
|
icon_enabled = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = icon_enabled_color,
|
|
}},
|
|
{lvgl.PART.MAIN | lvgl.STATE.FOCUSED, lvgl.Style {
|
|
image_recolor_opa = 0,
|
|
image_recolor = "#ffffff",
|
|
}},
|
|
},
|
|
now_playing = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
bg_opa = lvgl.OPA(100),
|
|
radius = 32767, -- LV_RADIUS_CIRCLE = 0x7fff
|
|
}},
|
|
},
|
|
menu_icon = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
pad_all = 4,
|
|
radius = 4
|
|
}},
|
|
},
|
|
bluetooth_icon = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 255,
|
|
image_recolor = text_color,
|
|
}},
|
|
},
|
|
battery = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = text_color,
|
|
}},
|
|
},
|
|
battery_0 = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = "#f0053c",
|
|
}},
|
|
},
|
|
battery_charging = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = "#33aa33",
|
|
}},
|
|
},
|
|
battery_charge_icon = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 180,
|
|
image_recolor = "#fdd833",
|
|
}},
|
|
},
|
|
battery_charge_outline = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 255,
|
|
image_recolor = background_color,
|
|
}},
|
|
},
|
|
regulatory_icons = {
|
|
{lvgl.PART.MAIN, lvgl.Style {
|
|
image_recolor_opa = 255,
|
|
image_recolor = text_color,
|
|
}},
|
|
},
|
|
}
|
|
|
|
return theme_light
|
|
|