BigW Consortium Gitlab

Commit 60cbe5ec by Gabor Kiss-Vamosi

add zen theme

parent b9b735ce
/**
* @file lv_theme_zen.c
*
*/
/*********************
* INCLUDES
*********************/
#include "lv_theme.h"
#if USE_LV_THEME_ZEN
/*********************
* DEFINES
*********************/
/**********************
* TYPEDEFS
**********************/
/**********************
* STATIC PROTOTYPES
**********************/
/**********************
* STATIC VARIABLES
**********************/
static lv_theme_t theme;
static lv_style_t def;
/*Static style definitions*/
static lv_style_t sb;
/*Saved input parameters*/
static uint16_t _hue;
static lv_font_t * _font;
/**********************
* MACROS
**********************/
/**********************
* STATIC FUNCTIONS
**********************/
static void basic_init(void)
{
static lv_style_t bg;
static lv_style_t panel;
lv_style_copy(&def, &lv_style_pretty); /*Initialize the default style*/
def.body.border.opa = LV_OPA_COVER;
def.text.font = _font;
def.text.color = LV_COLOR_HEX3(0x444);
lv_style_copy(&bg, &def);
bg.body.main_color = LV_COLOR_WHITE;
bg.body.grad_color = LV_COLOR_WHITE;
bg.body.radius = 0;
bg.body.border.width = 0;
bg.body.shadow.width = 0;
lv_style_copy(&panel, &bg);
panel.body.radius = LV_DPI / 10;
panel.body.border.width = 2;
panel.body.border.color = lv_color_hsv_to_rgb(_hue, 30, 90);
panel.body.border.opa = LV_OPA_COVER;
panel.body.shadow.width = 4;
panel.body.shadow.color = LV_COLOR_HEX3(0xddd);
panel.body.padding.hor = LV_DPI / 6;
panel.body.padding.ver = LV_DPI / 8;
panel.body.padding.inner = LV_DPI / 10;
theme.bg = &bg;
theme.panel = &panel;
}
static void cont_init(void)
{
#if USE_LV_CONT != 0
theme.cont = theme.panel;
#endif
}
static void btn_init(void)
{
#if USE_LV_BTN != 0
static lv_style_t rel, pr, tgl_pr, ina;
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.radius = LV_RADIUS_CIRCLE;
rel.body.border.width = 2;
rel.body.border.color = lv_color_hsv_to_rgb(_hue, 40, 90);
rel.body.border.opa = LV_OPA_COVER;
rel.body.shadow.width = 4;
rel.body.shadow.color = LV_COLOR_HEX3(0xddd);
rel.body.padding.hor = LV_DPI / 4;
rel.body.padding.ver = LV_DPI / 8;
rel.text.color = lv_color_hsv_to_rgb(_hue, 40, 90);
lv_style_copy(&pr, &rel);
pr.body.border.color = lv_color_hsv_to_rgb(_hue, 40, 60);
pr.text.color = lv_color_hsv_to_rgb(_hue, 40, 60);
pr.body.shadow.width = 0;
lv_style_copy(&tgl_pr, &pr);
tgl_pr.body.border.color = lv_color_hsv_to_rgb(_hue, 40, 50);
tgl_pr.text.color = lv_color_hsv_to_rgb(_hue, 40, 50);
lv_style_copy(&ina, &tgl_pr);
ina.body.border.color = LV_COLOR_HEX3(0xbbb);
ina.text.color = LV_COLOR_HEX3(0xbbb);
theme.btn.rel = &rel;
theme.btn.pr = ≺
theme.btn.tgl_rel = ≺
theme.btn.tgl_pr = &tgl_pr;
theme.btn.ina = &ina;
#endif
}
static void label_init(void)
{
#if USE_LV_LABEL != 0
static lv_style_t prim, sec, hint;
lv_style_copy(&prim, &def);
lv_style_copy(&sec, &def);
lv_style_copy(&hint, &def);
prim.text.color = LV_COLOR_HEX3(0x555);
sec.text.color = lv_color_hsv_to_rgb(_hue, 50, 80);
hint.text.color = lv_color_hsv_to_rgb(_hue, 25, 85);
theme.label.prim = &prim;
theme.label.sec = &sec;
theme.label.hint = &hint;
#endif
}
static void img_init(void)
{
#if USE_LV_IMG != 0
static lv_style_t img_light, img_dark;
lv_style_copy(&img_light, &def);
img_light.image.color = lv_color_hsv_to_rgb(_hue, 15, 85);
img_light.image.intense = LV_OPA_80;
lv_style_copy(&img_dark, &def);
img_light.image.color = lv_color_hsv_to_rgb(_hue, 85, 55);
img_light.image.intense = LV_OPA_80;
theme.img.light = &img_light;
theme.img.dark = &img_dark;
#endif
}
static void line_init(void)
{
#if USE_LV_LINE != 0
theme.line.decor = &def;
#endif
}
static void led_init(void)
{
#if USE_LV_LED != 0
static lv_style_t led;
lv_style_copy(&led, &lv_style_pretty_color);
led.body.shadow.width = LV_DPI / 10;
led.body.radius = LV_RADIUS_CIRCLE;
led.body.border.width= LV_DPI / 30;
led.body.border.opa = LV_OPA_30;
led.body.main_color = lv_color_hsv_to_rgb(_hue, 100, 100);
led.body.grad_color = lv_color_hsv_to_rgb(_hue, 100, 40);
led.body.border.color = lv_color_hsv_to_rgb(_hue, 60, 60);
led.body.shadow.color = lv_color_hsv_to_rgb(_hue, 100, 100);
theme.led = &led;
#endif
}
static void bar_init(void)
{
#if USE_LV_BAR
static lv_style_t bg, indic;
lv_style_copy(&bg, &def);
bg.body.empty = 1;
bg.body.radius = LV_RADIUS_CIRCLE;
bg.body.border.width = 2;
bg.body.border.opa = LV_OPA_COVER;
bg.body.border.color = lv_color_hsv_to_rgb(_hue, 40, 90);
lv_style_copy(&indic, &def);
indic.body.radius = LV_RADIUS_CIRCLE;
indic.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 90);
indic.body.grad_color = indic.body.main_color;
indic.body.border.width = 0;
indic.body.padding.hor = LV_DPI / 20;
indic.body.padding.ver = LV_DPI / 20;
theme.bar.bg = &bg;
theme.bar.indic = &indic;
#endif
}
static void slider_init(void)
{
#if USE_LV_SLIDER != 0
static lv_style_t knob;
lv_style_copy(&knob, &def);
knob.body.main_color = theme.bar.indic->body.main_color;
knob.body.grad_color = knob.body.main_color;
knob.body.radius = LV_RADIUS_CIRCLE;
knob.body.border.width = 0;
theme.slider.bg = theme.bar.bg;
theme.slider.indic = theme.bar.indic;
theme.slider.knob = &knob;
#endif
}
static void sw_init(void)
{
#if USE_LV_SW != 0
static lv_style_t indic;
lv_style_copy(&indic, theme.slider.indic);
indic.body.radius = LV_RADIUS_CIRCLE;
indic.body.main_color = lv_color_hsv_to_rgb(_hue, 15, 95);
indic.body.grad_color = indic.body.main_color;
indic.body.border.width = theme.slider.bg->body.border.width;
indic.body.border.color = theme.slider.bg->body.border.color;
indic.body.border.opa = theme.slider.bg->body.border.opa;
indic.body.padding.hor = 0;
indic.body.padding.ver = 0;
theme.sw.bg = theme.slider.bg;
theme.sw.indic = &indic;
theme.sw.knob_off = theme.slider.knob;
theme.sw.knob_on = theme.slider.knob;
#endif
}
static void lmeter_init(void)
{
#if USE_LV_LMETER != 0
static lv_style_t lmeter;
lv_style_copy(&lmeter, &def);
lmeter.line.color = LV_COLOR_HEX3(0xddd);
lmeter.line.width = 3;
lmeter.body.main_color = lv_color_hsv_to_rgb(_hue, 80, 70);
lmeter.body.grad_color = lmeter.body.main_color;
lmeter.body.padding.hor = LV_DPI / 8;
theme.lmeter = &lmeter;
#endif
}
static void gauge_init(void)
{
#if USE_LV_GAUGE != 0
theme.gauge = &def;
#endif
}
static void chart_init(void)
{
#if USE_LV_CHART
theme.chart = theme.panel;
#endif
}
static void cb_init(void)
{
#if USE_LV_CB != 0
static lv_style_t rel ,pr, tgl_rel, tgl_pr, ina;
lv_style_copy(&rel, &def);
rel.body.radius = LV_DPI / 20;
rel.body.shadow.width = 0;
rel.body.border.width = 3;
rel.body.border.opa = LV_OPA_COVER;
rel.body.border.color = lv_color_hsv_to_rgb(_hue, 35, 80);
rel.body.main_color = LV_COLOR_HEX3(0xfff);
rel.body.grad_color = rel.body.main_color;
lv_style_copy(&pr, &rel);
pr.body.border.color = lv_color_hsv_to_rgb(_hue, 35, 70);
lv_style_copy(&tgl_rel, &rel);
tgl_rel.body.border.color = lv_color_hsv_to_rgb(_hue, 45, 80);
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 90);
tgl_rel.body.grad_color = tgl_rel.body.main_color;
lv_style_copy(&tgl_pr, &rel);
tgl_pr.body.border.color = lv_color_hsv_to_rgb(_hue, 45, 70);
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 80);
tgl_pr.body.grad_color = tgl_pr.body.main_color;
lv_style_copy(&ina, &rel);
ina.body.border.color = LV_COLOR_HEX3(0xaaa);
theme.cb.bg = &lv_style_transp;
theme.cb.box.rel = &rel;
theme.cb.box.pr = ≺
theme.cb.box.tgl_rel = &tgl_rel;
theme.cb.box.tgl_pr = &tgl_pr;
theme.cb.box.ina = &ina;
#endif
}
static void btnm_init(void)
{
#if USE_LV_BTNM
static lv_style_t bg, rel ,pr, tgl_rel, tgl_pr, ina;
lv_style_copy(&bg, &lv_style_transp);
bg.glass = 0;
bg.body.padding.hor = 0;
bg.body.padding.ver = 0;
bg.body.padding.inner = LV_DPI / 15;
bg.text.font = _font;
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.border.width = 0;
lv_style_copy(&pr, &def);
pr.body.empty = 1;
pr.body.radius = LV_DPI / 1;
pr.body.border.width = 2;
pr.body.border.color = lv_color_hsv_to_rgb(_hue, 40, 60);
pr.body.border.opa = LV_OPA_COVER;
pr.text.color = lv_color_hsv_to_rgb(_hue, 40, 60);
lv_style_copy(&tgl_rel, &pr);
tgl_rel.body.empty = 0;
tgl_rel.body.main_color = lv_color_hsv_to_rgb(_hue, 15, 95);
tgl_rel.body.grad_color = tgl_rel.body.main_color;
tgl_rel.body.border.width = 0;
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 60, 40);
lv_style_copy(&tgl_pr, &tgl_rel);
tgl_pr.body.main_color = lv_color_hsv_to_rgb(_hue, 30, 70);
tgl_pr.body.grad_color = tgl_pr.body.main_color;
lv_style_copy(&ina, &pr);
ina.body.main_color = LV_COLOR_HEX3(0x888);
ina.body.grad_color = tgl_pr.body.main_color;
ina.text.color = LV_COLOR_HEX3(0x888);;
theme.btnm.bg = &bg;
theme.btnm.btn.rel = &rel;
theme.btnm.btn.pr = ≺
theme.btnm.btn.tgl_rel = &tgl_rel;
theme.btnm.btn.tgl_pr = &tgl_pr;
theme.btnm.btn.ina = &ina;
#endif
}
static void kb_init(void)
{
#if USE_LV_KB
static lv_style_t bg, rel ,pr, tgl_rel, tgl_pr, ina;
lv_style_copy(&bg, &def);
bg.body.main_color = LV_COLOR_HEX3(0x666);
bg.body.grad_color = bg.body.main_color;
bg.body.padding.hor = 0;
bg.body.padding.ver = 0;
bg.body.padding.inner = 0;
bg.body.radius = 0;
bg.body.border.width = 0;
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.radius = 0;
rel.body.border.width = 1;
rel.body.border.color = LV_COLOR_HEX3(0x888);
rel.body.border.opa = LV_OPA_COVER;
rel.text.color = LV_COLOR_WHITE;
lv_style_copy(&pr, &def);
pr.body.main_color = LV_COLOR_HEX3(0xeee);
pr.body.grad_color = pr.body.main_color;
pr.body.border.color = LV_COLOR_HEX3(0x888);
pr.body.border.width = 1;
pr.body.border.opa = LV_OPA_COVER;
pr.body.radius = 0;
pr.text.color = LV_COLOR_HEX3(0x666);
lv_style_copy(&tgl_rel, &pr);
tgl_rel.body.main_color = LV_COLOR_HEX3(0x999);
tgl_rel.body.grad_color = tgl_rel.body.main_color;
tgl_rel.text.color = LV_COLOR_WHITE;
lv_style_copy(&tgl_pr, &pr);
tgl_pr.body.main_color = LV_COLOR_HEX3(0xbbb);
tgl_pr.body.grad_color = tgl_pr.body.main_color;
tgl_pr.text.color = LV_COLOR_HEX3(0xddd);
lv_style_copy(&ina, &pr);
ina.body.main_color = LV_COLOR_HEX3(0x777);
ina.body.grad_color = ina.body.main_color;
ina.text.color = LV_COLOR_HEX3(0xbbb);
theme.kb.bg = &bg;
theme.kb.btn.rel = &rel;
theme.kb.btn.pr = ≺
theme.kb.btn.tgl_rel = &tgl_rel;
theme.kb.btn.tgl_pr = &tgl_pr;
theme.kb.btn.ina = &ina;
#endif
}
static void mbox_init(void)
{
#if USE_LV_MBOX
static lv_style_t bg, rel, pr;
lv_style_copy(&bg, theme.panel);
bg.body.main_color = lv_color_hsv_to_rgb(_hue, 10, 95);
bg.body.grad_color = bg.body.main_color;
bg.text.color = lv_color_hsv_to_rgb(_hue, 40, 25);
lv_style_copy(&rel, &def);
rel.body.main_color = lv_color_hsv_to_rgb(_hue, 25, 85);
rel.body.grad_color = rel.body.main_color;
rel.body.radius = LV_RADIUS_CIRCLE;
rel.body.border.width = 2;
rel.body.border.color = lv_color_hsv_to_rgb(_hue, 30, 70);
rel.body.padding.hor = LV_DPI / 4;
rel.body.padding.ver = LV_DPI / 8;
rel.text.color = bg.text.color;
lv_style_copy(&pr, &rel);
pr.body.border.color = lv_color_hsv_to_rgb(_hue, 30, 90);
pr.text.color = lv_color_hsv_to_rgb(_hue, 40, 40);
pr.body.main_color = lv_color_hsv_to_rgb(_hue, 20, 85);
pr.body.grad_color = pr.body.main_color;
theme.mbox.bg = &bg;
theme.mbox.btn.bg = &lv_style_transp;
theme.mbox.btn.rel = &rel;
theme.mbox.btn.pr = ≺
#endif
}
static void page_init(void)
{
#if USE_LV_PAGE
theme.page.bg = theme.panel;
theme.page.scrl = &lv_style_transp;
theme.page.sb = &sb;
#endif
}
static void ta_init(void)
{
#if USE_LV_TA
static lv_style_t oneline;
lv_style_copy(&oneline, theme.panel);
oneline.body.radius = LV_RADIUS_CIRCLE;
oneline.body.padding.ver = LV_DPI / 10;
oneline.body.shadow.width = 0;
theme.ta.area = theme.panel;
theme.ta.oneline = &oneline;
theme.ta.cursor = NULL; /*Let library to calculate the cursor's style*/
theme.ta.sb = &def;
#endif
}
static void list_init(void)
{
#if USE_LV_LIST != 0
static lv_style_t bg, rel, pr, tgl_rel, tgl_pr, ina;
lv_style_copy(&bg, theme.panel);
bg.body.padding.hor = 0;
bg.body.padding.ver = 0;
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.border.width = 0;
rel.body.padding.hor = LV_DPI / 8;
rel.body.padding.ver = LV_DPI / 8;
rel.text.color = LV_COLOR_HEX3(0x666);
lv_style_copy(&pr, &rel);
pr.text.color = theme.btn.pr->text.color;
lv_style_copy(&tgl_rel, &rel);
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 50, 90);
lv_style_copy(&tgl_pr, &rel);
tgl_pr.text.color = theme.btn.tgl_pr->text.color;
lv_style_copy(&ina, &rel);
ina.text.color = theme.btn.ina->text.color;
theme.list.sb = &sb;
theme.list.bg = &bg;
theme.list.scrl = &lv_style_transp_tight;
theme.list.btn.rel = &rel;
theme.list.btn.pr = ≺
theme.list.btn.tgl_rel = &tgl_rel;
theme.list.btn.tgl_pr = &tgl_pr;
theme.list.btn.ina = &ina;
#endif
}
static void ddlist_init(void)
{
#if USE_LV_DDLIST != 0
static lv_style_t bg, sel;
lv_style_copy(&bg, theme.panel);
bg.text.line_space = LV_DPI / 8;
bg.body.padding.hor = LV_DPI / 6;
bg.body.padding.ver = LV_DPI / 8;
bg.text.color = LV_COLOR_HEX3(0x666);
lv_style_copy(&sel, &def);
sel.body.empty = 1;
sel.body.border.width = 0;
sel.text.color = lv_color_hsv_to_rgb(_hue, 50, 80);
theme.ddlist.bg = &bg;
theme.ddlist.sel = &sel;
theme.ddlist.sb = &def;
#endif
}
static void roller_init(void)
{
#if USE_LV_ROLLER != 0
static lv_style_t bg, sel;
lv_style_copy(&bg, &def);
bg.body.border.width = 0;
bg.body.empty = 1;
bg.text.line_space = LV_DPI / 6;
bg.text.color = LV_COLOR_HEX3(0x999);
lv_style_copy(&sel, theme.panel);
sel.body.radius = LV_RADIUS_CIRCLE;
sel.body.empty = 1;
theme.roller.bg = &bg;
theme.roller.sel = &sel;
#endif
}
static void tabview_init(void)
{
#if USE_LV_TABVIEW != 0
static lv_style_t btn_bg, indic, rel, pr, tgl_rel, tgl_pr;
lv_style_copy(&btn_bg, &def);
btn_bg.body.empty = 1;
btn_bg.body.border.width = 2;
btn_bg.body.border.part = LV_BORDER_BOTTOM;
btn_bg.body.border.color = lv_color_hsv_to_rgb(_hue, 10, 90);
lv_style_copy(&indic, &def);
indic.body.padding.inner = LV_DPI / 16;
indic.body.border.width = 0;
indic.body.radius = LV_RADIUS_CIRCLE;
indic.body.main_color = lv_color_hsv_to_rgb(_hue, 50, 80);
indic.body.grad_color = indic.body.main_color;
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.border.width = 0;
rel.text.color = LV_COLOR_HEX3(0x999);
lv_style_copy(&pr, &rel);
pr.text.color = LV_COLOR_HEX3(0x777);
lv_style_copy(&tgl_rel, &rel);
tgl_rel.text.color = lv_color_hsv_to_rgb(_hue, 50, 80);
lv_style_copy(&tgl_pr, &rel);
tgl_pr.text.color = lv_color_hsv_to_rgb(_hue, 50, 70);
theme.tabview.bg = theme.bg;
theme.tabview.indic = &indic;
theme.tabview.btn.bg = &btn_bg;
theme.tabview.btn.rel = &rel;
theme.tabview.btn.pr = ≺
theme.tabview.btn.tgl_rel = &tgl_rel;
theme.tabview.btn.tgl_pr = &tgl_pr;
#endif
}
static void win_init(void)
{
#if USE_LV_WIN != 0
static lv_style_t header, rel, pr;
lv_style_copy(&header, &def);
header.body.empty = 1;
header.body.border.width = 2;
header.body.border.part = LV_BORDER_BOTTOM;
header.body.border.color = lv_color_hsv_to_rgb(_hue, 10, 90);
header.text.color = LV_COLOR_HEX3(0x666);
lv_style_copy(&rel, &def);
rel.body.empty = 1;
rel.body.border.width = 0;
rel.text.color = LV_COLOR_HEX3(0x666);
lv_style_copy(&pr, &rel);
pr.text.color = LV_COLOR_HEX3(0x333);
theme.win.bg = theme.panel;
theme.win.sb = &sb;
theme.win.header = &header;
theme.win.content.bg = &lv_style_transp;
theme.win.content.scrl = &lv_style_transp;
theme.win.btn.rel = &rel;
theme.win.btn.pr = ≺
#endif
}
/**********************
* GLOBAL FUNCTIONS
**********************/
/**
* Initialize the zen theme
* @param hue [0..360] hue value from HSV color space to define the theme's base color
* @param font pointer to a font (NULL to use the default)
* @return pointer to the initialized theme
*/
lv_theme_t * lv_theme_zen_init(uint16_t hue, lv_font_t *font)
{
if(font == NULL) font = LV_FONT_DEFAULT;
_hue = hue;
_font = font;
/*For backward compatibility initialize all theme elements with a default style */
uint16_t i;
lv_style_t **style_p = (lv_style_t**) &theme;
for(i = 0; i < sizeof(lv_theme_t) / sizeof(lv_style_t*); i++) {
*style_p = &def;
style_p++;
}
basic_init();
cont_init();
btn_init();
label_init();
img_init();
line_init();
led_init();
bar_init();
slider_init();
sw_init();
lmeter_init();
gauge_init();
chart_init();
cb_init();
btnm_init();
kb_init();
mbox_init();
page_init();
ta_init();
list_init();
ddlist_init();
roller_init();
tabview_init();
win_init();
return &theme;
}
/**
* Get a pointer to the theme
* @return pointer to the theme
*/
lv_theme_t * lv_theme_get_zen(void)
{
return &theme;
}
/**********************
* STATIC FUNCTIONS
**********************/
#endif
/**
* @file lv_theme_zen.h
*
*/
#ifndef LV_THEME_ZEN_H
#define LV_THEME_ZEN_H
#ifdef __cplusplus
extern "C" {
#endif
/*********************
* INCLUDES
*********************/
#include "../../lv_conf.h"
#if USE_LV_THEME_ZEN
/*********************
* DEFINES
*********************/
/**********************
* TYPEDEFS
**********************/
/**********************
* GLOBAL PROTOTYPES
**********************/
/**
* Initialize the zen theme
* @param hue [0..360] hue value from HSV color space to define the theme's base color
* @param font pointer to a font (NULL to use the default)
* @return pointer to the initialized theme
*/
lv_theme_t * lv_theme_zen_init(uint16_t hue, lv_font_t *font);
/**
* Get a pointer to the theme
* @return pointer to the theme
*/
lv_theme_t * lv_theme_get_zen(void);
/**********************
* MACROS
**********************/
#endif
#ifdef __cplusplus
} /* extern "C" */
#endif
#endif /*LV_THEME_ZEN_H*/
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment