OmniNX/hekate-pro
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bdk: lvgl: complete black theme

Browse Source 
This has the side-effect to make any theme color component from 0x0B to 0xC7 work.
This commit is contained in:
CTCaer authored and NaGa committed 2026-03-27 19:38:45 +01:00
1 parent 378d38b850
commit 618e3007b5
4 files changed
+36 -56
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

bdk/libs/lv_conf.h
+2 -2
View File
@@ -346,7 +346,7 @@
#define USE_LV_KB 0 #define USE_LV_KB 0
/*Check box (dependencies: lv_btn, lv_label)*/ /*Check box (dependencies: lv_btn, lv_label)*/
#define USE_LV_CB 1 #define USE_LV_CB 0
/*List (dependencies: lv_page, lv_btn, lv_label, (lv_img optionally for icons ))*/ /*List (dependencies: lv_page, lv_btn, lv_label, (lv_img optionally for icons ))*/
#define USE_LV_LIST 1 #define USE_LV_LIST 1
@@ -370,7 +370,7 @@
#define USE_LV_SLIDER 1 #define USE_LV_SLIDER 1
/*Switch (dependencies: lv_slider)*/ /*Switch (dependencies: lv_slider)*/
#define USE_LV_SW 1 #define USE_LV_SW 0
#endif /*LV_CONF_H*/ #endif /*LV_CONF_H*/
bdk/libs/lvgl/lv_themes/lv_theme.h
-7
View File
@@ -82,13 +82,6 @@ typedef struct {
} label; } label;
#endif #endif
#if USE_LV_IMG != 0
struct {
lv_style_t *light;
lv_style_t *dark;
} img;
#endif
#if USE_LV_LINE != 0 #if USE_LV_LINE != 0
struct { struct {
lv_style_t *decor; lv_style_t *decor;
bdk/libs/lvgl/lv_themes/lv_theme_hekate.c
+25 -39
View File
@@ -1,5 +1,5 @@
/* /*
* Copyright (c) 2018-2022 CTCaer * Copyright (c) 2018-2026 CTCaer
* *
* This program is free software; you can redistribute it and/or modify it * This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU General Public License, * under the terms and conditions of the GNU General Public License,
@@ -25,8 +25,7 @@
* DEFINES * DEFINES
*********************/ *********************/
#define DEF_RADIUS 4 #define DEF_RADIUS 4
#define COLOR_SHADOW_LIGHT LV_COLOR_HEX(0xAAAAAA)
#define COLOR_SHADOW_DARK LV_COLOR_HEX(0x1F1F1F)
#define COLOR_HOS_TURQUOISE (lv_color_hsv_to_rgb(_hue, 100, 100)) // 0x00FFC9 #define COLOR_HOS_TURQUOISE (lv_color_hsv_to_rgb(_hue, 100, 100)) // 0x00FFC9
#define COLOR_HOS_TEAL_LIGHTER (lv_color_hsv_to_rgb(_hue, 100, 93)) // 0x00EDBA #define COLOR_HOS_TEAL_LIGHTER (lv_color_hsv_to_rgb(_hue, 100, 93)) // 0x00EDBA
#define COLOR_HOS_TEAL_LIGHT (lv_color_hsv_to_rgb(_hue, 100, 72)) // 0x00B78F #define COLOR_HOS_TEAL_LIGHT (lv_color_hsv_to_rgb(_hue, 100, 72)) // 0x00B78F
@@ -34,13 +33,19 @@
#define COLOR_HOS_ORANGE LV_COLOR_HEX(0xFF5500) #define COLOR_HOS_ORANGE LV_COLOR_HEX(0xFF5500)
#define COLOR_HOS_TXT_WHITE LV_COLOR_HEX(0xFBFBFB) #define COLOR_HOS_TXT_WHITE LV_COLOR_HEX(0xFBFBFB)
#define COLOR_BG_DARKER LV_COLOR_HEX(theme_bg_color ? (theme_bg_color - 0x121212) : 0x0B0B0B) // 0x1B1B1B.
#define COLOR_BG_DARK LV_COLOR_HEX(theme_bg_color ? (theme_bg_color - 0x0B0B0B) : 0x121212) // 0x222222. #define COLOR_BG_DARK LV_COLOR_HEX(theme_bg_color ? (theme_bg_color - 0x0B0B0B) : 0x121212) // 0x222222.
#define COLOR_BG LV_COLOR_HEX(theme_bg_color) // 0x2D2D2D. #define COLOR_BG LV_COLOR_HEX(theme_bg_color) // 0x2D2D2D.
#define COLOR_BG_LIGHT LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x101010) : 0x2D2D2D) // 0x3D3D3D. #define COLOR_BG_LIGHT LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x101010) : 0x2D2D2D) // 0x3D3D3D.
#define COLOR_BG_LIGHTER LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x191919) : 0x363636) // 0x464646. #define COLOR_BG_LIGHTER LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x191919) : 0x363636) // 0x464646.
#define COLOR_LIGHT_BORDER LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x202020) : 0x3D3D3D) // 0x4D4D4D.
#define COLOR_INACTIVE LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x171717) : 0x343434) // 0x444444.
#define COLOR_BAR LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x202020) : 0x3D3D3D) // 0x4D4D4D.
#define COLOR_PRESS LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x232323) : 0x404040) // 0x505050.
#define COLOR_LINE LV_COLOR_HEX(theme_bg_color ? (theme_bg_color + 0x383838) : 0x555555) // 0x656565.
#define COLOR_SHADOW_LIGHT LV_COLOR_HEX(0xAAAAAA)
#define COLOR_SHADOW LV_COLOR_HEX(theme_bg_color ? theme_bg_color : 0x181818) // 0x2D2D2D.
#define COLOR_SHADOW_DARK LV_COLOR_HEX(theme_bg_color ? 0x1F1F1F : 0x0A0A0A)
/********************** /**********************
* TYPEDEFS * TYPEDEFS
@@ -92,9 +97,9 @@ static void basic_init(void)
lv_style_copy(&panel, &def); lv_style_copy(&panel, &def);
panel.body.radius = DEF_RADIUS; panel.body.radius = DEF_RADIUS;
panel.body.main_color = COLOR_BG; panel.body.main_color = COLOR_BG;
panel.body.grad_color = COLOR_BG; panel.body.grad_color = panel.body.main_color;
panel.body.border.width = 1; panel.body.border.width = 1;
panel.body.border.color = COLOR_LIGHT_BORDER; panel.body.border.color = COLOR_BAR;
panel.body.border.opa = LV_OPA_COVER; panel.body.border.opa = LV_OPA_COVER;
panel.body.shadow.color = COLOR_SHADOW_LIGHT; panel.body.shadow.color = COLOR_SHADOW_LIGHT;
panel.body.shadow.type = LV_SHADOW_BOTTOM; panel.body.shadow.type = LV_SHADOW_BOTTOM;
@@ -106,7 +111,7 @@ static void basic_init(void)
lv_style_copy(&sb, &def); lv_style_copy(&sb, &def);
sb.body.main_color = LV_COLOR_BLACK; sb.body.main_color = LV_COLOR_BLACK;
sb.body.grad_color = LV_COLOR_BLACK; sb.body.grad_color = sb.body.grad_color;
sb.body.opa = LV_OPA_40; sb.body.opa = LV_OPA_40;
sb.body.padding.hor = LV_DPI / 25; sb.body.padding.hor = LV_DPI / 25;
@@ -147,7 +152,7 @@ static void btn_init(void)
//rel.text.color = COLOR_HOS_TXT_WHITE; //rel.text.color = COLOR_HOS_TXT_WHITE;
lv_style_copy(&pr, &rel); lv_style_copy(&pr, &rel);
pr.body.main_color = LV_COLOR_HEX(0x505050); pr.body.main_color = COLOR_PRESS;
pr.body.grad_color = pr.body.main_color; pr.body.grad_color = pr.body.main_color;
pr.body.shadow.width = 0; pr.body.shadow.width = 0;
pr.body.border.color = COLOR_HOS_TEAL_LIGHTER; pr.body.border.color = COLOR_HOS_TEAL_LIGHTER;
@@ -159,7 +164,7 @@ static void btn_init(void)
tgl_rel.body.border.width = 4; tgl_rel.body.border.width = 4;
lv_style_copy(&tgl_pr, &tgl_rel); lv_style_copy(&tgl_pr, &tgl_rel);
tgl_pr.body.main_color = LV_COLOR_HEX(0x505050); tgl_pr.body.main_color = COLOR_PRESS;
tgl_pr.body.grad_color = tgl_pr.body.main_color; tgl_pr.body.grad_color = tgl_pr.body.main_color;
tgl_pr.text.color = COLOR_HOS_TURQUOISE; tgl_pr.text.color = COLOR_HOS_TURQUOISE;
tgl_pr.body.shadow.width = 0; tgl_pr.body.shadow.width = 0;
@@ -201,30 +206,12 @@ static void label_init(void)
#endif #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_WHITE;
img_light.image.intense = LV_OPA_80;
lv_style_copy(&img_dark, &def);
img_dark.image.color = COLOR_BG_DARKER;
img_dark.image.intense = LV_OPA_80;
theme.img.light = &def;
theme.img.dark = &def;
#endif
}
static void line_init(void) static void line_init(void)
{ {
#if USE_LV_LINE != 0 #if USE_LV_LINE != 0
static lv_style_t line; static lv_style_t line;
lv_style_copy(&line, &def); lv_style_copy(&line, &def);
line.line.color = LV_COLOR_HEX(0x656565); line.line.color = COLOR_LINE;
theme.line.decor = &line; theme.line.decor = &line;
#endif #endif
} }
@@ -239,7 +226,7 @@ static void led_init(void)
led.body.border.width = LV_DPI / 30; led.body.border.width = LV_DPI / 30;
led.body.border.opa = LV_OPA_30; led.body.border.opa = LV_OPA_30;
led.body.main_color = lv_color_hsv_to_rgb(_hue, 100, 100); led.body.main_color = lv_color_hsv_to_rgb(_hue, 100, 100);
led.body.grad_color = lv_color_hsv_to_rgb(_hue, 100, 100); led.body.grad_color = led.body.main_color;
led.body.border.color = lv_color_hsv_to_rgb(_hue, 60, 60); led.body.border.color = lv_color_hsv_to_rgb(_hue, 60, 60);
led.body.shadow.color = lv_color_hsv_to_rgb(_hue, 100, 100); led.body.shadow.color = lv_color_hsv_to_rgb(_hue, 100, 100);
@@ -253,7 +240,7 @@ static void bar_init(void)
static lv_style_t bar_bg, bar_indic; static lv_style_t bar_bg, bar_indic;
lv_style_copy(&bar_bg, &def); lv_style_copy(&bar_bg, &def);
bar_bg.body.main_color = COLOR_LIGHT_BORDER; bar_bg.body.main_color = COLOR_BAR;
bar_bg.body.grad_color = bar_bg.body.main_color; bar_bg.body.grad_color = bar_bg.body.main_color;
bar_bg.body.radius = 3; bar_bg.body.radius = 3;
bar_bg.body.border.width = 0; bar_bg.body.border.width = 0;
@@ -402,7 +389,7 @@ static void calendar_init(void)
static lv_style_t week_box; static lv_style_t week_box;
lv_style_copy(&week_box, &def); lv_style_copy(&week_box, &def);
week_box.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 100); week_box.body.main_color = lv_color_hsv_to_rgb(_hue, 40, 100);
week_box.body.grad_color = lv_color_hsv_to_rgb(_hue, 40, 100); week_box.body.grad_color = week_box.body.main_color;
week_box.body.padding.ver = LV_DPI / 20; week_box.body.padding.ver = LV_DPI / 20;
week_box.body.padding.hor = theme.panel->body.padding.hor; week_box.body.padding.hor = theme.panel->body.padding.hor;
week_box.body.border.color = theme.panel->body.border.color; week_box.body.border.color = theme.panel->body.border.color;
@@ -413,7 +400,7 @@ static void calendar_init(void)
static lv_style_t today_box; static lv_style_t today_box;
lv_style_copy(&today_box, &def); lv_style_copy(&today_box, &def);
today_box.body.main_color = LV_COLOR_WHITE; today_box.body.main_color = LV_COLOR_WHITE;
today_box.body.grad_color = LV_COLOR_WHITE; today_box.body.grad_color = today_box.body.main_color;
today_box.body.padding.ver = LV_DPI / 20; today_box.body.padding.ver = LV_DPI / 20;
today_box.body.radius = 0; today_box.body.radius = 0;
@@ -541,7 +528,7 @@ static void mbox_init(void)
lv_style_copy(&bg, theme.panel); lv_style_copy(&bg, theme.panel);
bg.body.main_color = COLOR_BG_LIGHTER; bg.body.main_color = COLOR_BG_LIGHTER;
bg.body.grad_color = bg.body.main_color; bg.body.grad_color = bg.body.main_color;
bg.body.shadow.color = COLOR_BG; bg.body.shadow.color = COLOR_SHADOW;
bg.body.shadow.type = LV_SHADOW_FULL; bg.body.shadow.type = LV_SHADOW_FULL;
bg.body.shadow.width = 8; bg.body.shadow.width = 8;
@@ -617,13 +604,13 @@ static void list_init(void)
rel.body.padding.hor = LV_DPI / 8; rel.body.padding.hor = LV_DPI / 8;
rel.body.padding.ver = LV_DPI / 6; rel.body.padding.ver = LV_DPI / 6;
rel.body.radius = 0; rel.body.radius = 0;
rel.body.border.color = LV_COLOR_HEX(0x444444); rel.body.border.color = COLOR_INACTIVE;
rel.body.border.width = 1; rel.body.border.width = 1;
rel.body.border.part = LV_BORDER_BOTTOM; rel.body.border.part = LV_BORDER_BOTTOM;
lv_style_copy(&pr, &rel); lv_style_copy(&pr, &rel);
pr.glass = 0; pr.glass = 0;
pr.body.main_color = LV_COLOR_HEX(0x505050); pr.body.main_color = COLOR_PRESS;
pr.body.grad_color = pr.body.main_color; pr.body.grad_color = pr.body.main_color;
//pr.body.border.width = 1; //pr.body.border.width = 1;
pr.body.empty = 0; pr.body.empty = 0;
@@ -637,7 +624,7 @@ static void list_init(void)
tgl_rel.text.color = COLOR_HOS_TEAL_LIGHTER; tgl_rel.text.color = COLOR_HOS_TEAL_LIGHTER;
lv_style_copy(&tgl_pr, &tgl_rel); lv_style_copy(&tgl_pr, &tgl_rel);
tgl_pr.body.main_color = LV_COLOR_HEX(0x505050); tgl_pr.body.main_color = COLOR_PRESS;
tgl_pr.body.grad_color = tgl_pr.body.main_color; tgl_pr.body.grad_color = tgl_pr.body.main_color;
tgl_pr.body.border.width = 0; tgl_pr.body.border.width = 0;
@@ -692,7 +679,7 @@ static void roller_init(void)
roller_bg.text.line_space = LV_DPI / 8; roller_bg.text.line_space = LV_DPI / 8;
roller_bg.text.font = _font; roller_bg.text.font = _font;
roller_bg.glass = 0; roller_bg.glass = 0;
roller_bg.text.color = LV_COLOR_HEX(0x444444); roller_bg.text.color = COLOR_INACTIVE;
lv_style_copy(&roller_sel, &roller_bg); lv_style_copy(&roller_sel, &roller_bg);
roller_sel.text.color = COLOR_HOS_TURQUOISE; roller_sel.text.color = COLOR_HOS_TURQUOISE;
@@ -866,7 +853,6 @@ lv_theme_t * lv_theme_hekate_init(uint32_t bg_color, uint16_t hue, lv_font_t * f
cont_init(); cont_init();
btn_init(); btn_init();
label_init(); label_init();
img_init();
line_init(); line_init();
led_init(); led_init();
bar_init(); bar_init();
bdk/libs/lvgl/lv_themes/lv_theme_hekate.h
+9 -8
View File
@@ -1,5 +1,5 @@
/* /*
* Copyright (c) 2018-2022 CTCaer * Copyright (c) 2018-2026 CTCaer
* *
* This program is free software; you can redistribute it and/or modify it * This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU General Public License, * under the terms and conditions of the GNU General Public License,
@@ -35,14 +35,15 @@ extern "C" {
/********************* /*********************
* DEFINES * DEFINES
*********************/ *********************/
#define COLOR_HOS_BG_BASE_DEFAULT 0x1B1B1B #define COLOR_BG_BASE_MIN 0x0B0B0B
#define COLOR_HOS_BG_BASE_BLACK 0x000000 #define COLOR_BG_BASE_MAX 0xC7C7C7
#define COLOR_HOS_BG_DARKER 0x1B1B1B #define COLOR_HOS_BG_DARKER LV_COLOR_HEX(0x1B1B1B)
#define COLOR_HOS_BG_DARK 0x222222 #define COLOR_HOS_BG_DARK LV_COLOR_HEX(0x222222)
#define COLOR_HOS_BG 0x2D2D2D #define COLOR_HOS_BG LV_COLOR_HEX(0x2D2D2D)
#define COLOR_HOS_BG_LIGHT 0x3D3D3D #define COLOR_HOS_BG_RGB 0x2D2D2D
#define COLOR_HOS_LIGHT_BORDER 0x4D4D4D #define COLOR_HOS_BG_LIGHT LV_COLOR_HEX(0x3D3D3D)
#define COLOR_HOS_BG_LIGHTER LV_COLOR_HEX(0x4D4D4D)
/********************** /**********************
* TYPEDEFS * TYPEDEFS