Merge branch 'feat/refactor_assets' into 'master'

feat(assets): refactor assets and update stylesheet Closes #12 See merge request ae_group/esp-brookesia!12
espressif · Oct 25, 2024 · 7586c09 · 7586c09
2 parents 3a87930 + 229b9d6
commit 7586c09
Show file tree

Hide file tree

Showing 320 changed files with 8,130 additions and 28,416 deletions.
diff --git a/.build-rules.yml b/.build-rules.yml
@@ -6,25 +6,25 @@
 # Componet test_apps
 test_apps:
   enable:
-    - if: IDF_TARGET in ["esp32s2", "esp32s3", "esp32p4", "esp32c3", "esp32c6"]
+    - if: IDF_TARGET in ["esp32s3", "esp32p4"]
 
 # Examples
-examples/esp_brookesia_phone_m5stace_core_s3:
+examples/esp_idf/esp_brookesia_phone_m5stace_core_s3:
   enable:
     - if: IDF_TARGET in ["esp32s3"]
 
-examples/esp_brookesia_phone_p4_function_ev_board:
+examples/esp_idf/esp_brookesia_phone_p4_function_ev_board:
   enable:
     - if: IDF_TARGET in ["esp32p4"]
 
-examples/esp_brookesia_phone_s3_box:
+examples/esp_idf/esp_brookesia_phone_s3_box:
   enable:
     - if: IDF_TARGET in ["esp32s3"]
 
-examples/esp_brookesia_phone_s3_box_3:
+examples/esp_idf/esp_brookesia_phone_s3_box_3:
   enable:
     - if: IDF_TARGET in ["esp32s3"]
 
-examples/esp_brookesia_phone_s3_lcd_ev_board:
+examples/esp_idf/esp_brookesia_phone_s3_lcd_ev_board:
   enable:
     - if: IDF_TARGET in ["esp32s3"]
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,18 @@
 # ChangeLog
 
+## v0.4.1 - 2024-10-25
+
+### Enhancements:
+
+* feat(assets): refactor assets and update stylesheet
+* feat(phone): add default image for app launcher in stylesheet
+* feat(phone): enable recents screen hide when no snapshot by default
+* feat(widgets): avoid click the next page icon when the app launcher scroll is not finished
+
+### Bugfixes:
+
+* fix(examples): fix arduino build error
+
 ## v0.4.0 - 2024-10-23
 
 ### Enhancements:

diff --git a/CMakeLists.txt b/CMakeLists.txt
@@ -8,16 +8,16 @@ file(GLOB_RECURSE APP_EXAMPLES_PHONE_SRCS_CPP ${APP_EXAMPLES_PHONE_SRC_DIR}/*.cp
 list(APPEND SRCS_C ${APP_EXAMPLES_PHONE_SRCS_C})
 list(APPEND SRCS_CPP ${APP_EXAMPLES_PHONE_SRCS_CPP})
 
+set(ASSETS_SRC_DIR ${PROJ_SRC_DIR}/assets)
+file(GLOB_RECURSE ASSETS_SRC_C ${ASSETS_SRC_DIR}/*.c)
+list(APPEND SRCS_C ${ASSETS_SRC_C})
+
 set(CORE_SRC_DIR ${PROJ_SRC_DIR}/core)
 file(GLOB_RECURSE CORE_SRCS_C ${CORE_SRC_DIR}/*.c)
 file(GLOB_RECURSE CORE_SRCS_CPP ${CORE_SRC_DIR}/*.cpp)
 list(APPEND SRCS_C ${CORE_SRCS_C})
 list(APPEND SRCS_CPP ${CORE_SRCS_CPP})
 
-set(FONT_SRC_DIR ${PROJ_SRC_DIR}/fonts)
-file(GLOB_RECURSE FONTS_SRCS_C ${FONT_SRC_DIR}/*.c)
-list(APPEND SRCS_C ${FONTS_SRCS_C})
-
 set(PHONE_SRC_DIR ${PROJ_SRC_DIR}/systems/phone)
 file(GLOB_RECURSE PHONE_SRCS_C ${PHONE_SRC_DIR}/*.c)
 file(GLOB_RECURSE PHONE_SRCS_CPP ${PHONE_SRC_DIR}/*.cpp)

diff --git a/...e_1024_600_app_launcher_image_default.png → ...ge_large_app_launcher_default_112_112.png b/...e_1024_600_app_launcher_image_default.png → ...ge_large_app_launcher_default_112_112.png
diff --git a/...ne_1024_600_navigation_bar_image_back.png → ...image_large_navigation_bar_back_36_36.png b/...ne_1024_600_navigation_bar_image_back.png → ...image_large_navigation_bar_back_36_36.png
diff --git a/...ne_1024_600_navigation_bar_image_home.png → ...image_large_navigation_bar_home_36_36.png b/...ne_1024_600_navigation_bar_image_home.png → ...image_large_navigation_bar_home_36_36.png
diff --git a/...24_600_navigation_bar_image_backstage.png → ...e_navigation_bar_recents_screen_36_36.png b/...24_600_navigation_bar_image_backstage.png → ...e_navigation_bar_recents_screen_36_36.png
diff --git a/..._phone_1024_600_backstage_trash_image.png → ...mage_large_recents_screen_trash_48_48.png b/..._phone_1024_600_backstage_trash_image.png → ...mage_large_recents_screen_trash_48_48.png
diff --git a/...4_600_status_bar_battery_image_charge.png → ...large_status_bar_battery_charge_28_28.png b/...4_600_status_bar_battery_image_charge.png → ...large_status_bar_battery_charge_28_28.png
diff --git a/..._600_status_bar_battery_image_level_1.png → ...large_status_bar_battery_level1_28_28.png b/..._600_status_bar_battery_image_level_1.png → ...large_status_bar_battery_level1_28_28.png
diff --git a/..._600_status_bar_battery_image_level_2.png → ...large_status_bar_battery_level2_28_28.png b/..._600_status_bar_battery_image_level_2.png → ...large_status_bar_battery_level2_28_28.png
diff --git a/..._600_status_bar_battery_image_level_3.png → ...large_status_bar_battery_level3_28_28.png b/..._600_status_bar_battery_image_level_3.png → ...large_status_bar_battery_level3_28_28.png
diff --git a/..._600_status_bar_battery_image_level_4.png → ...large_status_bar_battery_level4_28_28.png b/..._600_status_bar_battery_image_level_4.png → ...large_status_bar_battery_level4_28_28.png
diff --git a/..._1024_600_status_bar_wifi_image_close.png → ...age_large_status_bar_wifi_close_28_28.png b/..._1024_600_status_bar_wifi_image_close.png → ...age_large_status_bar_wifi_close_28_28.png
diff --git a/...024_600_status_bar_wifi_image_level_1.png → ...ge_large_status_bar_wifi_level1_28_28.png b/...024_600_status_bar_wifi_image_level_1.png → ...ge_large_status_bar_wifi_level1_28_28.png
diff --git a/...024_600_status_bar_wifi_image_level_2.png → ...ge_large_status_bar_wifi_level2_28_28.png b/...024_600_status_bar_wifi_image_level_2.png → ...ge_large_status_bar_wifi_level2_28_28.png
diff --git a/...024_600_status_bar_wifi_image_level_3.png → ...ge_large_status_bar_wifi_level3_28_28.png b/...024_600_status_bar_wifi_image_level_3.png → ...ge_large_status_bar_wifi_level3_28_28.png
diff --git a/...static/assets/images/large/esp_brookesia_image_large_wallpaper_dark_720_720.png b/...static/assets/images/large/esp_brookesia_image_large_wallpaper_dark_720_720.png
diff --git a/...ic/assets/images/large/esp_brookesia_image_large_wallpaper_dark_720_720_opa.png b/...ic/assets/images/large/esp_brookesia_image_large_wallpaper_dark_720_720_opa.png
diff --git a/...e_1024_600_app_launcher_image_default.png → ...e_middle_app_launcher_default_112_112.png b/...e_1024_600_app_launcher_image_default.png → ...e_middle_app_launcher_default_112_112.png
diff --git a/...one_480_480_navigation_bar_image_back.png → ...mage_middle_navigation_bar_back_32_32.png b/...one_480_480_navigation_bar_image_back.png → ...mage_middle_navigation_bar_back_32_32.png
diff --git a/...one_480_480_navigation_bar_image_home.png → ...mage_middle_navigation_bar_home_32_32.png b/...one_480_480_navigation_bar_image_home.png → ...mage_middle_navigation_bar_home_32_32.png
diff --git a/...80_480_navigation_bar_image_backstage.png → ...e_navigation_bar_recents_screen_32_32.png b/...80_480_navigation_bar_image_backstage.png → ...e_navigation_bar_recents_screen_32_32.png
diff --git a/..._phone_1024_600_backstage_trash_image.png → ...age_middle_recents_screen_trash_48_48.png b/..._phone_1024_600_backstage_trash_image.png → ...age_middle_recents_screen_trash_48_48.png
diff --git a/...0_480_status_bar_battery_image_charge.png → ...iddle_status_bar_battery_charge_24_24.png b/...0_480_status_bar_battery_image_charge.png → ...iddle_status_bar_battery_charge_24_24.png
diff --git a/..._480_status_bar_battery_image_level_1.png → ...iddle_status_bar_battery_level1_24_24.png b/..._480_status_bar_battery_image_level_1.png → ...iddle_status_bar_battery_level1_24_24.png
diff --git a/..._480_status_bar_battery_image_level_2.png → ...iddle_status_bar_battery_level2_24_24.png b/..._480_status_bar_battery_image_level_2.png → ...iddle_status_bar_battery_level2_24_24.png
diff --git a/..._480_status_bar_battery_image_level_3.png → ...iddle_status_bar_battery_level3_24_24.png b/..._480_status_bar_battery_image_level_3.png → ...iddle_status_bar_battery_level3_24_24.png
diff --git a/..._480_status_bar_battery_image_level_4.png → ...iddle_status_bar_battery_level4_24_24.png b/..._480_status_bar_battery_image_level_4.png → ...iddle_status_bar_battery_level4_24_24.png
diff --git a/...e_480_480_status_bar_wifi_image_close.png → ...ge_middle_status_bar_wifi_close_24_24.png b/...e_480_480_status_bar_wifi_image_close.png → ...ge_middle_status_bar_wifi_close_24_24.png
diff --git a/...480_480_status_bar_wifi_image_level_1.png → ...e_middle_status_bar_wifi_level1_24_24.png b/...480_480_status_bar_wifi_image_level_1.png → ...e_middle_status_bar_wifi_level1_24_24.png
diff --git a/...480_480_status_bar_wifi_image_level_2.png → ...e_middle_status_bar_wifi_level2_24_24.png b/...480_480_status_bar_wifi_image_level_2.png → ...e_middle_status_bar_wifi_level2_24_24.png
diff --git a/...480_480_status_bar_wifi_image_level_3.png → ...e_middle_status_bar_wifi_level3_24_24.png b/...480_480_status_bar_wifi_image_level_3.png → ...e_middle_status_bar_wifi_level3_24_24.png
diff --git a/...atic/assets/images/middle/esp_brookesia_image_middle_wallpaper_dark_480_480.png b/...atic/assets/images/middle/esp_brookesia_image_middle_wallpaper_dark_480_480.png
diff --git a/.../assets/images/middle/esp_brookesia_image_middle_wallpaper_dark_480_480_opa.png b/.../assets/images/middle/esp_brookesia_image_middle_wallpaper_dark_480_480_opa.png
diff --git a/...ne_320_240_app_launcher_image_default.png → ...mage_small_app_launcher_default_98_98.png b/...ne_320_240_app_launcher_image_default.png → ...mage_small_app_launcher_default_98_98.png
diff --git a/...one_320_240_navigation_bar_image_back.png → ...image_small_navigation_bar_back_24_24.png b/...one_320_240_navigation_bar_image_back.png → ...image_small_navigation_bar_back_24_24.png
diff --git a/...one_320_240_navigation_bar_image_home.png → ...image_small_navigation_bar_home_24_24.png b/...one_320_240_navigation_bar_image_home.png → ...image_small_navigation_bar_home_24_24.png
diff --git a/...0_navigation_bar_image_recents_screen.png → ...l_navigation_bar_recents_screen_24_24.png b/...0_navigation_bar_image_recents_screen.png → ...l_navigation_bar_recents_screen_24_24.png
diff --git a/...ne_320_240_recents_screen_image_trash.png → ...mage_small_recents_screen_trash_38_38.png b/...ne_320_240_recents_screen_image_trash.png → ...mage_small_recents_screen_trash_38_38.png
diff --git a/...0_240_status_bar_battery_image_charge.png → ...small_status_bar_battery_charge_20_20.png b/...0_240_status_bar_battery_image_charge.png → ...small_status_bar_battery_charge_20_20.png
diff --git a/..._240_status_bar_battery_image_level_1.png → ...small_status_bar_battery_level1_20_20.png b/..._240_status_bar_battery_image_level_1.png → ...small_status_bar_battery_level1_20_20.png
diff --git a/..._240_status_bar_battery_image_level_2.png → ...small_status_bar_battery_level2_20_20.png b/..._240_status_bar_battery_image_level_2.png → ...small_status_bar_battery_level2_20_20.png
diff --git a/..._240_status_bar_battery_image_level_3.png → ...small_status_bar_battery_level3_20_20.png b/..._240_status_bar_battery_image_level_3.png → ...small_status_bar_battery_level3_20_20.png
diff --git a/..._240_status_bar_battery_image_level_4.png → ...small_status_bar_battery_level4_20_20.png b/..._240_status_bar_battery_image_level_4.png → ...small_status_bar_battery_level4_20_20.png
diff --git a/...e_320_240_status_bar_wifi_image_close.png → ...age_small_status_bar_wifi_close_20_20.png b/...e_320_240_status_bar_wifi_image_close.png → ...age_small_status_bar_wifi_close_20_20.png
diff --git a/...320_240_status_bar_wifi_image_level_1.png → ...ge_small_status_bar_wifi_level1_20_20.png b/...320_240_status_bar_wifi_image_level_1.png → ...ge_small_status_bar_wifi_level1_20_20.png
diff --git a/...320_240_status_bar_wifi_image_level_2.png → ...ge_small_status_bar_wifi_level2_20_20.png b/...320_240_status_bar_wifi_image_level_2.png → ...ge_small_status_bar_wifi_level2_20_20.png
diff --git a/...320_240_status_bar_wifi_image_level_3.png → ...ge_small_status_bar_wifi_level3_20_20.png b/...320_240_status_bar_wifi_image_level_3.png → ...ge_small_status_bar_wifi_level3_20_20.png
diff --git a/...static/assets/images/small/esp_brookesia_image_small_wallpaper_dark_240_240.png b/...static/assets/images/small/esp_brookesia_image_small_wallpaper_dark_240_240.png
diff --git a/...ic/assets/images/small/esp_brookesia_image_small_wallpaper_dark_240_240_opa.png b/...ic/assets/images/small/esp_brookesia_image_small_wallpaper_dark_240_240_opa.png
diff --git a/...kesia_phone_navigation_bar_image_back.svg → ...p_brookesia_image_navigation_bar_back.svg b/...kesia_phone_navigation_bar_image_back.svg → ...p_brookesia_image_navigation_bar_back.svg
diff --git a/...kesia_phone_navigation_bar_image_home.svg → ...p_brookesia_image_navigation_bar_home.svg b/...kesia_phone_navigation_bar_image_home.svg → ...p_brookesia_image_navigation_bar_home.svg
diff --git a/...e_navigation_bar_image_recents_screen.svg → ...a_image_navigation_bar_recents_screen.svg b/...e_navigation_bar_image_recents_screen.svg → ...a_image_navigation_bar_recents_screen.svg
diff --git a/...esia_phone_recents_screen_image_trash.svg → ..._brookesia_image_recents_screen_trash.svg b/...esia_phone_recents_screen_image_trash.svg → ..._brookesia_image_recents_screen_trash.svg
diff --git a/...phone_status_bar_battery_image_charge.svg → ...kesia_image_status_bar_battery_charge.svg b/...phone_status_bar_battery_image_charge.svg → ...kesia_image_status_bar_battery_charge.svg
diff --git a/...hone_status_bar_battery_image_level_1.svg → ...kesia_image_status_bar_battery_level1.svg b/...hone_status_bar_battery_image_level_1.svg → ...kesia_image_status_bar_battery_level1.svg
diff --git a/...hone_status_bar_battery_image_level_2.svg → ...kesia_image_status_bar_battery_level2.svg b/...hone_status_bar_battery_image_level_2.svg → ...kesia_image_status_bar_battery_level2.svg
diff --git a/...hone_status_bar_battery_image_level_3.svg → ...kesia_image_status_bar_battery_level3.svg b/...hone_status_bar_battery_image_level_3.svg → ...kesia_image_status_bar_battery_level3.svg
diff --git a/...hone_status_bar_battery_image_level_4.svg → ...kesia_image_status_bar_battery_level4.svg b/...hone_status_bar_battery_image_level_4.svg → ...kesia_image_status_bar_battery_level4.svg
diff --git a/...sia_phone_status_bar_wifi_image_close.svg → ...brookesia_image_status_bar_wifi_close.svg b/...sia_phone_status_bar_wifi_image_close.svg → ...brookesia_image_status_bar_wifi_close.svg
diff --git a/...a_phone_status_bar_wifi_image_level_1.svg → ...rookesia_image_status_bar_wifi_level1.svg b/...a_phone_status_bar_wifi_image_level_1.svg → ...rookesia_image_status_bar_wifi_level1.svg
diff --git a/...a_phone_status_bar_wifi_image_level_2.svg → ...rookesia_image_status_bar_wifi_level2.svg b/...a_phone_status_bar_wifi_image_level_2.svg → ...rookesia_image_status_bar_wifi_level2.svg
diff --git a/...a_phone_status_bar_wifi_image_level_3.svg → ...rookesia_image_status_bar_wifi_level3.svg b/...a_phone_status_bar_wifi_image_level_3.svg → ...rookesia_image_status_bar_wifi_level3.svg
diff --git a/..._brookesia_phone_wallpaper_image_dark.svg → ...vg/esp_brookesia_image_wallpaper_dark.svg b/..._brookesia_phone_wallpaper_image_dark.svg → ...vg/esp_brookesia_image_wallpaper_dark.svg
diff --git a/docs/_static/phone/1024_600/esp_brookesia_phone_1024_600_wallpaper_image_dark.png b/docs/_static/phone/1024_600/esp_brookesia_phone_1024_600_wallpaper_image_dark.png
diff --git a/...tatic/phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_back.png b/...tatic/phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_back.png
diff --git a/.../phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_backstage.png b/.../phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_backstage.png
diff --git a/...tatic/phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_home.png b/...tatic/phone/1280_800/esp_brookesia_phone_1024_600_navigation_bar_image_home.png
diff --git a/...phone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_charge.png b/...phone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_charge.png
diff --git a/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_1.png b/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_1.png
diff --git a/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_2.png b/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_2.png
diff --git a/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_3.png b/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_3.png
diff --git a/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_4.png b/...hone/1280_800/esp_brookesia_phone_1024_600_status_bar_battery_image_level_4.png
diff --git a/...tic/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_close.png b/...tic/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_close.png
diff --git a/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_1.png b/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_1.png
diff --git a/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_2.png b/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_2.png
diff --git a/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_3.png b/...c/phone/1280_800/esp_brookesia_phone_1024_600_status_bar_wifi_image_level_3.png
diff --git a/docs/_static/phone/1280_800/esp_brookesia_phone_1280_800_wallpaper_image_dark.png b/docs/_static/phone/1280_800/esp_brookesia_phone_1280_800_wallpaper_image_dark.png
diff --git a/docs/_static/phone/320_240/esp_brookesia_phone_320_240_wallpaper_image_dark.png b/docs/_static/phone/320_240/esp_brookesia_phone_320_240_wallpaper_image_dark.png
diff --git a/...static/phone/480_480/esp_brookesia_phone_480_480_app_launcher_image_default.png b/...static/phone/480_480/esp_brookesia_phone_480_480_app_launcher_image_default.png
diff --git a/docs/_static/phone/480_480/esp_brookesia_phone_480_480_backstage_trash_image.png b/docs/_static/phone/480_480/esp_brookesia_phone_480_480_backstage_trash_image.png
diff --git a/docs/_static/phone/480_480/esp_brookesia_phone_480_480_wallpaper_image_dark.png b/docs/_static/phone/480_480/esp_brookesia_phone_480_480_wallpaper_image_dark.png
diff --git a/...static/phone/800_480/esp_brookesia_phone_800_480_app_launcher_image_default.png b/...static/phone/800_480/esp_brookesia_phone_800_480_app_launcher_image_default.png
diff --git a/docs/_static/phone/800_480/esp_brookesia_phone_800_480_backstage_trash_image.png b/docs/_static/phone/800_480/esp_brookesia_phone_800_480_backstage_trash_image.png
diff --git a/..._static/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_back.png b/..._static/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_back.png
diff --git a/...ic/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_backstage.png b/...ic/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_backstage.png
diff --git a/..._static/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_home.png b/..._static/phone/800_480/esp_brookesia_phone_800_480_navigation_bar_image_home.png
diff --git a/...c/phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_charge.png b/...c/phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_charge.png
diff --git a/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_1.png b/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_1.png
diff --git a/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_2.png b/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_2.png
diff --git a/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_3.png b/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_3.png
diff --git a/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_4.png b/.../phone/800_480/esp_brookesia_phone_800_480_status_bar_battery_image_level_4.png
diff --git a/...tatic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_close.png b/...tatic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_close.png
diff --git a/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_1.png b/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_1.png
diff --git a/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_2.png b/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_2.png
diff --git a/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_3.png b/...tic/phone/800_480/esp_brookesia_phone_800_480_status_bar_wifi_image_level_3.png
diff --git a/docs/_static/phone/800_480/esp_brookesia_phone_800_480_wallpaper_image_dark.png b/docs/_static/phone/800_480/esp_brookesia_phone_800_480_wallpaper_image_dark.png
diff --git a/docs/_static/phone/default/esp_brookesia_phone_app_launcher_image_default.svg b/docs/_static/phone/default/esp_brookesia_phone_app_launcher_image_default.svg
diff --git a/..._Brookesia_Phone/ESP_Panel_Board_Custom.h → ...es/arduino/Phone/ESP_Panel_Board_Custom.h b/..._Brookesia_Phone/ESP_Panel_Board_Custom.h → ...es/arduino/Phone/ESP_Panel_Board_Custom.h
diff --git a/...ookesia_Phone/ESP_Panel_Board_Supported.h → ...arduino/Phone/ESP_Panel_Board_Supported.h b/...ookesia_Phone/ESP_Panel_Board_Supported.h → ...arduino/Phone/ESP_Panel_Board_Supported.h
diff --git a/...uino/ESP_Brookesia_Phone/ESP_Panel_Conf.h → examples/arduino/Phone/ESP_Panel_Conf.h b/...uino/ESP_Brookesia_Phone/ESP_Panel_Conf.h → examples/arduino/Phone/ESP_Panel_Conf.h
diff --git a/...P_Brookesia_Phone/ESP_Brookesia_Phone.ino → examples/arduino/Phone/Phone.ino b/...P_Brookesia_Phone/ESP_Brookesia_Phone.ino → examples/arduino/Phone/Phone.ino
@@ -59,18 +59,20 @@
 #define EXAMPLE_SHOW_MEM_INFO           (1)
 
 /* Try using a stylesheet that corresponds to the resolution */
-#if (ESP_PANEL_LCD_WIDTH == 1024) && (ESP_PANEL_LCD_HEIGHT == 600)
-    #define EXAMPLE_USE_STYLESHEET      (1)
-    static const ESP_Brookesia_PhoneStylesheet_t stylesheet = ESP_BROOKESIA_PHONE_1024_600_DARK_STYLESHEET();
-#elif (ESP_PANEL_LCD_WIDTH == 800) && (ESP_PANEL_LCD_HEIGHT == 480)
-    #define EXAMPLE_USE_STYLESHEET      (1)
-    static const ESP_Brookesia_PhoneStylesheet_t stylesheet = ESP_BROOKESIA_PHONE_800_480_DARK_STYLESHEET();
+#if (ESP_PANEL_LCD_WIDTH == 320) && (ESP_PANEL_LCD_HEIGHT == 240)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_320_240_DARK_STYLESHEET()
+#elif (ESP_PANEL_LCD_WIDTH == 320) && (ESP_PANEL_LCD_HEIGHT == 480)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_320_480_DARK_STYLESHEET()
 #elif (ESP_PANEL_LCD_WIDTH == 480) && (ESP_PANEL_LCD_HEIGHT == 480)
-    #define EXAMPLE_USE_STYLESHEET      (1)
-    static const ESP_Brookesia_PhoneStylesheet_t stylesheet = ESP_BROOKESIA_PHONE_480_480_DARK_STYLESHEET();
-#elif (ESP_PANEL_LCD_WIDTH == 320) && (ESP_PANEL_LCD_HEIGHT == 240)
-    #define EXAMPLE_USE_STYLESHEET      (1)
-    static const ESP_Brookesia_PhoneStylesheet_t stylesheet = ESP_BROOKESIA_PHONE_320_240_DARK_STYLESHEET();
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_480_480_DARK_STYLESHEET()
+#elif (ESP_PANEL_LCD_WIDTH == 800) && (ESP_PANEL_LCD_HEIGHT == 480)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_800_480_DARK_STYLESHEET()
+#elif (ESP_PANEL_LCD_WIDTH == 800) && (ESP_PANEL_LCD_HEIGHT == 1280)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_800_1280_DARK_STYLESHEET()
+#elif (ESP_PANEL_LCD_WIDTH == 1024) && (ESP_PANEL_LCD_HEIGHT == 600)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_1024_600_DARK_STYLESHEET()
+#elif (ESP_PANEL_LCD_WIDTH == 1280) && (ESP_PANEL_LCD_HEIGHT == 800)
+  #define EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET()   ESP_BROOKESIA_PHONE_1280_800_DARK_STYLESHEET()
 #endif
 
 static char buffer[128];    /* Make sure buffer is enough for `sprintf` */
@@ -114,26 +116,31 @@ void setup()
     phone = new ESP_Brookesia_Phone();
     ESP_BROOKESIA_CHECK_NULL_EXIT(phone, "Create phone failed");
 
-#ifdef EXAMPLE_USE_STYLESHEET
+#ifdef EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET
     /* Add external stylesheet and activate it */
-    Serial.printf("Using stylesheet (%s)\n", stylesheet.core.name);
+    ESP_Brookesia_PhoneStylesheet_t *stylesheet = new ESP_Brookesia_PhoneStylesheet_t EXAMPLE_ESP_BROOKESIA_PHONE_DARK_STYLESHEET();
+    ESP_BROOKESIA_CHECK_NULL_EXIT(stylesheet, "Create stylesheet failed");
+
+    Serial.printf("Using stylesheet (%s)\n", stylesheet->core.name);
     ESP_BROOKESIA_CHECK_FALSE_EXIT(phone->addStylesheet(stylesheet), "Add stylesheet failed");
     ESP_BROOKESIA_CHECK_FALSE_EXIT(phone->activateStylesheet(stylesheet), "Activate stylesheet failed");
+    delete stylesheet;
 #endif
 
     /* Configure and begin the phone */
+    phone->registerLvLockCallback((ESP_Brookesia_LvLockCallback_t)(lvgl_port_lock), -1);
+    phone->registerLvUnlockCallback((ESP_Brookesia_LvUnlockCallback_t)(lvgl_port_unlock));
     ESP_BROOKESIA_CHECK_FALSE_EXIT(phone->begin(), "Begin phone failed");
     // ESP_BROOKESIA_CHECK_FALSE_EXIT(phone->getCoreHome().showContainerBorder(), "Show container border failed");
 
     /* Install apps */
-    bool enable_navigation_bar = phone->getStylesheet()->home.flags.enable_navigation_bar;
-    PhoneAppSimpleConf *app_simple_conf = new PhoneAppSimpleConf(true, enable_navigation_bar);
+    PhoneAppSimpleConf *app_simple_conf = new PhoneAppSimpleConf();
     ESP_BROOKESIA_CHECK_NULL_EXIT(app_simple_conf, "Create app simple conf failed");
     ESP_BROOKESIA_CHECK_FALSE_EXIT((phone->installApp(app_simple_conf) >= 0), "Install app simple conf failed");
-    PhoneAppComplexConf *app_complex_conf = new PhoneAppComplexConf(true, enable_navigation_bar);
+    PhoneAppComplexConf *app_complex_conf = new PhoneAppComplexConf();
     ESP_BROOKESIA_CHECK_NULL_EXIT(app_complex_conf, "Create app complex conf failed");
     ESP_BROOKESIA_CHECK_FALSE_EXIT((phone->installApp(app_complex_conf) >= 0), "Install app complex conf failed");
-    PhoneAppSquareline *app_squareline = new PhoneAppSquareline(true, enable_navigation_bar);
+    PhoneAppSquareline *app_squareline = new PhoneAppSquareline();
     ESP_BROOKESIA_CHECK_NULL_EXIT(app_squareline, "Create app squareline failed");
     ESP_BROOKESIA_CHECK_FALSE_EXIT((phone->installApp(app_squareline) >= 0), "Install app squareline failed");
 
@@ -160,13 +167,18 @@ void loop()
             heap_caps_get_largest_free_block(MALLOC_CAP_SPIRAM), external_free, external_total);
     Serial.printf("%s", buffer);
 
-    lvgl_port_lock(-1);
+    /**
+     * The `lockLv()` and `unlockLv()` functions are used to lock and unlock the LVGL task.
+     * They are registered by the `registerLvLockCallback()` and `registerLvUnlockCallback()` functions.
+     */
+    phone->lockLv();
     // Update memory label on "Recents Screen"
-    if (!phone->getHome().getRecentsScreen()->setMemoryLabel(internal_free / 1024, internal_total / 1024,
-        external_free / 1024, external_total / 1024)) {
+    if (!phone->getHome().getRecentsScreen()->setMemoryLabel(
+            internal_free / 1024, internal_total / 1024, external_free / 1024, external_total / 1024
+        )) {
         ESP_BROOKESIA_LOGE("Set memory label failed");
     }
-    lvgl_port_unlock();
+    phone->unlockLv();
 #endif
 
     vTaskDelay(pdMS_TO_TICKS(2000));
@@ -183,7 +195,10 @@ static void onClockUpdateTimerCallback(struct _lv_timer_t *t)
     localtime_r(&now, &timeinfo);
     is_time_pm = (timeinfo.tm_hour >= 12);
 
+    /* Since this callback is called from LVGL task, it is safe to operate LVGL */
     // Update clock on "Status Bar"
-    ESP_BROOKESIA_CHECK_FALSE_EXIT(phone->getHome().getStatusBar()->setClock(timeinfo.tm_hour, timeinfo.tm_min, is_time_pm),
-                                   "Refresh status bar failed");
+    ESP_BROOKESIA_CHECK_FALSE_EXIT(
+        phone->getHome().getStatusBar()->setClock(timeinfo.tm_hour, timeinfo.tm_min, is_time_pm),
+        "Refresh status bar failed"
+    );
 }
diff --git a/...les/arduino/ESP_Brookesia_Phone/README.md → examples/arduino/Phone/README.md b/...les/arduino/ESP_Brookesia_Phone/README.md → examples/arduino/Phone/README.md
diff --git a/.../arduino/ESP_Brookesia_Phone/README_CN.md → examples/arduino/Phone/README_CN.md b/.../arduino/ESP_Brookesia_Phone/README_CN.md → examples/arduino/Phone/README_CN.md
diff --git a/.../ESP_Brookesia_Phone/esp_brookesia_conf.h → examples/arduino/Phone/esp_brookesia_conf.h b/.../ESP_Brookesia_Phone/esp_brookesia_conf.h → examples/arduino/Phone/esp_brookesia_conf.h
@@ -101,6 +101,16 @@
 #define ESP_BROOKESIA_SQ1_4_1_LV8_3_11      // |   1.4.1    | 8.3.11 |
 #endif /* ESP_BROOKESIA_SQUARELINE_USE_INTERNAL_UI_HELPERS */
 
+/**
+ * Use the internal general APIs of "ui_comp.c" and "ui_comp.h" instead of the ones exported from Squareline Studio.
+ * 1: enable, 0: disable
+ *
+ * This configuration is to avoid function redefinition errors caused by multiple UIs exported from Squareline Studio
+ * that include duplicate APIs of "ui_comp.c" and "ui_comp.h".
+ *
+ */
+#define ESP_BROOKESIA_SQUARELINE_USE_INTERNAL_UI_COMP   (1)
+
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 /////////////////////////////////////////////// File Version ///////////////////////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@@ -116,5 +126,5 @@
  *
  */
 #define ESP_BROOKESIA_CONF_FILE_VER_MAJOR  0
-#define ESP_BROOKESIA_CONF_FILE_VER_MINOR  1
+#define ESP_BROOKESIA_CONF_FILE_VER_MINOR  2
 #define ESP_BROOKESIA_CONF_FILE_VER_PATCH  0
diff --git a/...uino/ESP_Brookesia_Phone/lvgl_port_v8.cpp → examples/arduino/Phone/lvgl_port_v8.cpp b/...uino/ESP_Brookesia_Phone/lvgl_port_v8.cpp → examples/arduino/Phone/lvgl_port_v8.cpp
diff --git a/...rduino/ESP_Brookesia_Phone/lvgl_port_v8.h → examples/arduino/Phone/lvgl_port_v8.h b/...rduino/ESP_Brookesia_Phone/lvgl_port_v8.h → examples/arduino/Phone/lvgl_port_v8.h