initial commit

2025-12-06 11:31:12 +08:00 · 2025-05-15 14:22:34 +02:00
parent 45575c0faf
commit 1906242741
8 changed files with 291 additions and 28 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -20,3 +20,4 @@ build/
 config.h
 defconfig
 env/*
+docs-venv
--- a/docs/requirements.txt
+++ b/docs/requirements.txt
@@ -17,3 +17,4 @@ sphinx-reredirects
 dirsync
 furo
 accessible-pygments
+sphinx-autobuild==2021.3.14
--- a/docs/src/_static/css/custom.css
+++ b/docs/src/_static/css/custom.css
@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
+
 /*-------------------------------------------------------------------------
 * Connect FontAwesome file with FontAwesome family name.  Supplements
 * fontawesome.min.css.  Without this, the codes like `fa-github` don't
@@ -5,9 +7,8 @@
 *-------------------------------------------------------------------------*/
@font-face {
  font-family: FontAwesome;
-  src:
-    url("../fonts/fontawesome-webfont.woff2") format("woff2"),
-    url("../fonts/fontawesome-webfont.woff") format("woff"),
+  src: url("../fonts/fontawesome-webfont.woff2") format("woff2"),
+    url("../fonts/fontawesome-webfont.woff") format("woff");
 }

 .fa {
@@ -16,15 +17,55 @@
 }

 /*-------------------------------------------------------------------------
- * Routine Element Overrides
+ * Colors
 *-------------------------------------------------------------------------*/
-table, th, td {
+
+body,
+body[data-theme="light"] {
+  --color-link: #000;
+  --color-sidebar-link-text--top-level: #000;
+  --color-sidebar-item-background--hover: #f0f0f0;
+  --color-toc-item-text--active: #000;
+  --color-toc-item-text: #000;
+  --color-sidebar-background: transparent;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    --color-link: #fff;
+    --color-sidebar-link-text--top-level: #fff;
+    --color-sidebar-item-background--hover: #222;
+    --color-toc-item-text--active: #fff;
+    --color-toc-item-text: #fff;
+    --color-sidebar-background: transparent;
+  }
+}
+
+body[data-theme="dark"] {
+  --color-link: #fff;
+  --color-sidebar-link-text--top-level: #fff;
+  --color-sidebar-item-background--hover: #222;
+  --color-toc-item-text--active: #fff;
+  --color-toc-item-text: #fff;
+  --color-sidebar-background: transparent;
+}
+
+/*-------------------------------------------------------------------------
+ * Element Overrides
+ *-------------------------------------------------------------------------*/
+section + section {
+  margin-top: 4rem;
+}
+
+table,
+th,
+td {
  border: 1px solid #bbb;
  padding: 10px;
 }

 span.pre {
-  padding-right:8px;
+  padding-right: 8px;
 }

 span.pre {
@@ -39,6 +80,31 @@ code.sig-name {
  /*margin-left:8px;*/
 }

+.sidebar-drawer {
+  width: fit-content;
+  padding: 1rem;
+}
+
+.sidebar-tree label .icon {
+  opacity: 0.25;
+}
+
+.main {
+  justify-content: center;
+  gap: 6rem;
+  padding: 3rem;
+}
+
+.content {
+  padding: 0;
+  width: 100%;
+  max-width: 696px;
+}
+
+.no-toc {
+  display: block;
+}
+
 /*-------------------------------------------------------------------------
 * `home-img` class is (at this writing) exclusively used for the large
 * buttons on the landing page.  The rules below provide their hover
@@ -47,13 +113,18 @@ code.sig-name {
 */
 .home-img {
  width: 32%;
-  transition: transform .3s ease-out;
+  transition: transform 0.3s ease-out;
 }

 .home-img:hover {
  transform: translate(0, -10px);
 }

+.sidebar-logo {
+  max-width: 120px;
+  align-self: left;
+}
+
 /*-------------------------------------------------------------------------
 * Version Dropdown Styling
 *-------------------------------------------------------------------------*/
@@ -126,7 +197,7 @@ code.sig-name {
 * Places "disclosure triangle" icon + non-breaking space to its left.*/
 .toggle .header:before {
  font-family: FontAwesome, "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
-  content: "\f0da \00a0 Show ";        /* \f0da = "closed" disclosure triangle; \f00a0 = non-breaking space */
+  content: "\f0da \00a0 Show "; /* \f0da = "closed" disclosure triangle; \f00a0 = non-breaking space */
  display: inline-block;
  font-size: 1.1em;
 }
@@ -134,7 +205,7 @@ code.sig-name {
 /* Selects <div class="header docutils container" ...> element when it also contains
 * `open` class, which class is toggled by JS code in `page.html` template. */
 .toggle .header.open:before {
-  content: "\f0d7 \00a0 Hide ";        /* \f0d7 = "open" disclosure triangle; \f00a0 = non-breaking space */
+  content: "\f0d7 \00a0 Hide "; /* \f0d7 = "open" disclosure triangle; \f00a0 = non-breaking space */
 }

 /* Selects the [> C code] "button". */
@@ -145,7 +216,8 @@ code.sig-name {
 }

 /* Selects web-assembly example <div> and child <iframe> elements. */
-.lv-example, .lv-example > iframe {
+.lv-example,
+.lv-example > iframe {
  border: none;
  outline: none;
  padding: 0;
@@ -279,7 +351,7 @@ div.body {

 .lv-custom-banner {
  box-sizing: border-box;
-  padding: .5rem;
+  padding: 0.5rem;
  min-width: 100%;
  text-align: center;
  border-bottom: 4px solid darkgreen;
@@ -337,31 +409,30 @@ div.body {
 * Field Lists
 *-------------------------------------------------------------------------*/
 .field-list ul {
-    margin: 0;
-    padding-left: 1em;
+  margin: 0;
+  padding-left: 1em;
 }

 .field-list p {
-    margin: 0;
+  margin: 0;
 }

 dl.field-list {
-    display: grid;
-    grid-template-columns: auto minmax(70%,95%);
-    margin-bottom: 24px;  /* Up from 16 */
+  display: grid;
+  grid-template-columns: auto minmax(70%, 95%);
+  margin-bottom: 24px; /* Up from 16 */
 }

 dl.field-list > dt {
-    font-weight: 600;
-    word-break: break-word;
-    padding-left: 1em;
-    padding-right: 1em;
-    margin-bottom: 0.15em;
-    display: inline-grid;
-    grid-template-columns: max-content auto;
+  font-weight: 600;
+  word-break: break-word;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-bottom: 0.15em;
+  display: inline-grid;
+  grid-template-columns: max-content auto;
 }

 dl.field-list > dd {
-    margin: 0;
+  margin: 0;
 }
-
--- a/docs/src/_static/images/logo-dark.svg
+++ b/docs/src/_static/images/logo-dark.svg
@@ -0,0 +1,10 @@
+<svg width="84" height="32" viewBox="0 0 84 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M74.1053 23.7871V8.21293H77.3734V21.0722H84.0002V23.7871H74.1053Z" fill="white"/>
+<path d="M68.3308 13.2471C68.2251 12.8771 68.0767 12.5501 67.8855 12.2662C67.6943 11.9772 67.4603 11.7338 67.1835 11.5361C66.9118 11.3333 66.5998 11.1787 66.2476 11.0722C65.9004 10.9658 65.5155 10.9125 65.0928 10.9125C64.3028 10.9125 63.6085 11.1103 63.0097 11.5057C62.4159 11.9011 61.953 12.4766 61.6209 13.2319C61.2888 13.9823 61.1228 14.8999 61.1228 15.9848C61.1228 17.0697 61.2863 17.9924 61.6134 18.7529C61.9404 19.5133 62.4033 20.0938 63.0021 20.4943C63.6009 20.8897 64.3079 21.0875 65.123 21.0875C65.8627 21.0875 66.4942 20.9556 67.0175 20.692C67.5458 20.4233 67.9484 20.0456 68.2251 19.5589C68.5069 19.0722 68.6478 18.4968 68.6478 17.8327L69.312 17.9316H65.3268V15.4525H71.7952V17.4144C71.7952 18.7833 71.5083 19.9594 70.9347 20.943C70.3611 21.9214 69.5711 22.6768 68.5648 23.2091C67.5584 23.7364 66.4061 24 65.1079 24C63.6588 24 62.3857 23.6781 61.2888 23.0342C60.1919 22.3853 59.3365 21.4651 58.7226 20.2738C58.1138 19.0773 57.8093 17.6578 57.8093 16.0152C57.8093 14.7529 57.9905 13.6274 58.3528 12.6388C58.7201 11.6451 59.2333 10.8035 59.8925 10.1141C60.5516 9.42459 61.319 8.89987 62.1945 8.53992C63.0701 8.17997 64.0185 8 65.04 8C65.9155 8 66.7307 8.12928 67.4854 8.38783C68.2402 8.64132 68.9094 9.00127 69.4931 9.46768C70.0818 9.93409 70.5624 10.4892 70.9347 11.1331C71.3071 11.7719 71.5461 12.4766 71.6517 13.2471H68.3308Z" fill="white"/>
+<path d="M46.2284 8.21293L49.9645 20.0456H50.1079L53.8515 8.21293H57.4744L52.1458 23.7871H47.9342L42.598 8.21293H46.2284Z" fill="white"/>
+<path d="M34.0002 23.7871V8.21293H37.2684V21.0722H43.8952V23.7871H34.0002Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00001 3C1.34316 3 1.68366e-05 4.34314 1.3195e-05 5.99999L4.35114e-06 10C4.35114e-06 10.5523 0.447719 11 1 11H7C8.10457 11 9 11.8954 9 13V19C9 19.5523 9.44772 20 10 20H16C17.1046 20 18 20.8954 18 22V28C18 28.5523 18.4477 29 19 29H23C24.6569 29 26 27.6569 26 26V6C26 4.34315 24.6569 3 23 3H3.00001ZM22.5 8C23.3284 8 24 7.32843 24 6.5C24 5.67157 23.3284 5 22.5 5C21.6716 5 21 5.67157 21 6.5C21 7.32843 21.6716 8 22.5 8Z" fill="white"/>
+<path d="M0.00012207 13C0.00012207 12.4477 0.447837 12 1.00012 12H7.00012C7.55241 12 8.00012 12.4477 8.00012 13V19C8.00012 19.5523 7.55241 20 7.00012 20H1.00012C0.447837 20 0.00012207 19.5523 0.00012207 19V13Z" fill="white"/>
+<path d="M0 22C0 21.4477 0.447715 21 1 21H7C7.55228 21 8 21.4477 8 22V28C8 28.5523 7.55228 29 7 29H3C1.34315 29 0 27.6569 0 26V22Z" fill="white"/>
+<path d="M9 22C9 21.4477 9.44771 21 10 21H16C16.5523 21 17 21.4477 17 22V28C17 28.5523 16.5523 29 16 29H10C9.44771 29 9 28.5523 9 28V22Z" fill="white"/>
+</svg>
--- a/docs/src/_static/images/logo-light.svg
+++ b/docs/src/_static/images/logo-light.svg
@@ -0,0 +1,10 @@
+<svg width="84" height="32" viewBox="0 0 84 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M74.1053 23.7871V8.21293H77.3734V21.0722H84.0002V23.7871H74.1053Z" fill="#343839"/>
+<path d="M68.3308 13.2471C68.2251 12.8771 68.0767 12.5501 67.8855 12.2662C67.6943 11.9772 67.4603 11.7338 67.1835 11.5361C66.9118 11.3333 66.5998 11.1787 66.2476 11.0722C65.9004 10.9658 65.5155 10.9125 65.0928 10.9125C64.3028 10.9125 63.6085 11.1103 63.0097 11.5057C62.4159 11.9011 61.953 12.4766 61.6209 13.2319C61.2888 13.9823 61.1228 14.8999 61.1228 15.9848C61.1228 17.0697 61.2863 17.9924 61.6134 18.7529C61.9404 19.5133 62.4033 20.0938 63.0021 20.4943C63.6009 20.8897 64.3079 21.0875 65.123 21.0875C65.8627 21.0875 66.4942 20.9556 67.0175 20.692C67.5458 20.4233 67.9484 20.0456 68.2251 19.5589C68.5069 19.0722 68.6478 18.4968 68.6478 17.8327L69.312 17.9316H65.3268V15.4525H71.7952V17.4144C71.7952 18.7833 71.5083 19.9594 70.9347 20.943C70.3611 21.9214 69.5711 22.6768 68.5648 23.2091C67.5584 23.7364 66.4061 24 65.1079 24C63.6588 24 62.3857 23.6781 61.2888 23.0342C60.1919 22.3853 59.3365 21.4651 58.7226 20.2738C58.1138 19.0773 57.8093 17.6578 57.8093 16.0152C57.8093 14.7529 57.9905 13.6274 58.3528 12.6388C58.7201 11.6451 59.2333 10.8035 59.8925 10.1141C60.5516 9.42459 61.319 8.89987 62.1945 8.53992C63.0701 8.17997 64.0185 8 65.04 8C65.9155 8 66.7307 8.12928 67.4854 8.38783C68.2402 8.64132 68.9094 9.00127 69.4931 9.46768C70.0818 9.93409 70.5624 10.4892 70.9347 11.1331C71.3071 11.7719 71.5461 12.4766 71.6517 13.2471H68.3308Z" fill="#343839"/>
+<path d="M46.2284 8.21293L49.9645 20.0456H50.1079L53.8515 8.21293H57.4744L52.1458 23.7871H47.9342L42.598 8.21293H46.2284Z" fill="#343839"/>
+<path d="M34.0002 23.7871V8.21293H37.2684V21.0722H43.8952V23.7871H34.0002Z" fill="#343839"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00001 3C1.34316 3 1.24855e-05 4.34314 8.84386e-06 5.99999L0 10C0 10.5523 0.447714 11 1 11H7C8.10457 11 9 11.8954 9 13V19C9 19.5523 9.44771 20 10 20H16C17.1046 20 18 20.8954 18 22V28C18 28.5523 18.4477 29 19 29H23C24.6569 29 26 27.6569 26 26V6C26 4.34315 24.6569 3 23 3H3.00001ZM22.5 8C23.3284 8 24 7.32843 24 6.5C24 5.67157 23.3284 5 22.5 5C21.6716 5 21 5.67157 21 6.5C21 7.32843 21.6716 8 22.5 8Z" fill="#343839"/>
+<rect x="0.00012207" y="12" width="8" height="8" rx="1" fill="#F35F20"/>
+<path d="M0 22C0 21.4477 0.447715 21 1 21H7C7.55228 21 8 21.4477 8 22V28C8 28.5523 7.55228 29 7 29H3C1.34315 29 0 27.6569 0 26V22Z" fill="#62D367"/>
+<rect x="9" y="21" width="8" height="8" rx="1" fill="#3C65F8"/>
+</svg>
--- a/docs/src/_static/images/logo_lvgl.png
+++ b/docs/src/_static/images/logo_lvgl.png
--- a/docs/src/_templates/partials/icons.html
+++ b/docs/src/_templates/partials/icons.html
@@ -0,0 +1,159 @@
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
+  <symbol id="svg-toc" viewBox="0 0 24 24">
+    <title>Contents</title>
+    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024">
+      <path
+        d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8z" />
+    </svg>
+  </symbol>
+  <symbol id="svg-menu" viewBox="0 0 24 24">
+    <title>Menu</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather-menu">
+      <line x1="3" y1="12" x2="21" y2="12"></line>
+      <line x1="3" y1="6" x2="21" y2="6"></line>
+      <line x1="3" y1="18" x2="21" y2="18"></line>
+    </svg>
+  </symbol>
+  <symbol id="svg-arrow-right" viewBox="0 0 24 24">
+    <title>Expand</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather-chevron-right">
+      <polyline points="9 18 15 12 9 6"></polyline>
+    </svg>
+  </symbol>
+  <symbol id="svg-sun" viewBox="0 0 24 24">
+    <title>Light mode</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="feather-sun">
+      <circle cx="12" cy="12" r="5"></circle>
+      <line x1="12" y1="1" x2="12" y2="3"></line>
+      <line x1="12" y1="21" x2="12" y2="23"></line>
+      <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+      <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+      <line x1="1" y1="12" x2="3" y2="12"></line>
+      <line x1="21" y1="12" x2="23" y2="12"></line>
+      <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+      <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+    </svg>
+  </symbol>
+  <symbol id="svg-moon" viewBox="0 0 24 24">
+    <title>Dark mode</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="icon-tabler-moon">
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" />
+    </svg>
+  </symbol>
+  <symbol id="svg-sun-with-moon" viewBox="0 0 24 24">
+    <title>Auto light/dark, in light mode</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="icon-custom-derived-from-feather-sun-and-tabler-moon">
+      <path
+        style="opacity: 50%"
+        d="M 5.411 14.504 C 5.471 14.504 5.532 14.504 5.591 14.504 C 3.639 16.319 4.383 19.569 6.931 20.352 C 7.693 20.586 8.512 20.551 9.25 20.252 C 8.023 23.207 4.056 23.725 2.11 21.184 C 0.166 18.642 1.702 14.949 4.874 14.536 C 5.051 14.512 5.231 14.5 5.411 14.5 L 5.411 14.504 Z" />
+      <line x1="14.5" y1="3.25" x2="14.5" y2="1.25" />
+      <line x1="14.5" y1="15.85" x2="14.5" y2="17.85" />
+      <line x1="10.044" y1="5.094" x2="8.63" y2="3.68" />
+      <line x1="19" y1="14.05" x2="20.414" y2="15.464" />
+      <line x1="8.2" y1="9.55" x2="6.2" y2="9.55" />
+      <line x1="20.8" y1="9.55" x2="22.8" y2="9.55" />
+      <line x1="10.044" y1="14.006" x2="8.63" y2="15.42" />
+      <line x1="19" y1="5.05" x2="20.414" y2="3.636" />
+      <circle cx="14.5" cy="9.55" r="3.6" />
+    </svg>
+  </symbol>
+  <symbol id="svg-moon-with-sun" viewBox="0 0 24 24">
+    <title>Auto light/dark, in dark mode</title>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="icon-custom-derived-from-feather-sun-and-tabler-moon">
+      <path
+        d="M 8.282 7.007 C 8.385 7.007 8.494 7.007 8.595 7.007 C 5.18 10.184 6.481 15.869 10.942 17.24 C 12.275 17.648 13.706 17.589 15 17.066 C 12.851 22.236 5.91 23.143 2.505 18.696 C -0.897 14.249 1.791 7.786 7.342 7.063 C 7.652 7.021 7.965 7 8.282 7 L 8.282 7.007 Z" />
+      <line style="opacity: 50%" x1="18" y1="3.705" x2="18" y2="2.5" />
+      <line style="opacity: 50%" x1="18" y1="11.295" x2="18" y2="12.5" />
+      <line style="opacity: 50%" x1="15.316" y1="4.816" x2="14.464" y2="3.964" />
+      <line style="opacity: 50%" x1="20.711" y1="10.212" x2="21.563" y2="11.063" />
+      <line style="opacity: 50%" x1="14.205" y1="7.5" x2="13.001" y2="7.5" />
+      <line style="opacity: 50%" x1="21.795" y1="7.5" x2="23" y2="7.5" />
+      <line style="opacity: 50%" x1="15.316" y1="10.184" x2="14.464" y2="11.036" />
+      <line style="opacity: 50%" x1="20.711" y1="4.789" x2="21.563" y2="3.937" />
+      <circle style="opacity: 50%" cx="18" cy="7.5" r="2.169" />
+    </svg>
+  </symbol>
+  <symbol id="svg-pencil" viewBox="0 0 24 24">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="icon-tabler-pencil-code">
+      <path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" />
+      <path d="M13.5 6.5l4 4" />
+      <path d="M20 21l2 -2l-2 -2" />
+      <path d="M17 17l-2 2l2 2" />
+    </svg>
+  </symbol>
+  <symbol id="svg-eye" viewBox="0 0 24 24">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="icon-tabler-eye-code">
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
+      <path
+        d="M11.11 17.958c-3.209 -.307 -5.91 -2.293 -8.11 -5.958c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6c-.21 .352 -.427 .688 -.647 1.008" />
+      <path d="M20 21l2 -2l-2 -2" />
+      <path d="M17 17l-2 2l2 2" />
+    </svg>
+  </symbol>
+</svg>
--- a/docs/src/conf.py
+++ b/docs/src/conf.py
@@ -217,11 +217,22 @@ html_theme = 'furo'
 # is preserved by commenting it out in case it is ever needed again.
 html_theme_options = {
    "sidebar_hide_name": True,      # True when the logo carries project name
+    "light_logo": "images/logo-light.svg",
+    "dark_logo": "images/logo-dark.svg",
    "top_of_page_buttons": ["view"],
    # The below 3 direct the "top_of_page_buttons" to github for view and edit buttons.
    "source_repository": "https://github.com/lvgl/lvgl/",
    "source_branch": "master",
    "source_directory": "docs/src/",
+    "light_css_variables": {
+        "--font-stack": "\"Inter\", sans-serif",
+        "color-brand-primary": "#7C4DFF",
+        "color-brand-content": "#7C4DFF",
+    },
+    "dark_css_variables": {
+        "color-brand-primary": "#7C4DFF",
+        "color-brand-content": "#7C4DFF",
+    },
    # "announcement": "<em>Semi-permanent announcement</em> from <code>conf.py</code>.",
 }

@@ -252,7 +263,7 @@ html_context = {
    'conf_py_path': '/docs/src/'
 }

-html_logo = '_static/images/logo_lvgl.png'
+html_logo = ''
 html_favicon = '_static/images/favicon.png'

 html_css_files = [
@@ -291,7 +302,7 @@ html_permalinks = True              # Default = True, add link anchor for each h
 # html_link_suffix = html_file_suffix
 html_show_copyright = True         # Default = True; shows copyright notice in footer.
 # html_show_search_summary = True  # Default = True
-# html_show_sphinx = True          # Default = True; adds "Created using Sphinx" to footer.
+html_show_sphinx = False          # Default = True; adds "Created using Sphinx" to footer.
 # html_output_encoding = 'utf-8'   # Default = 'utf-8'
 # html_compact_lists = True        # Default = True
 # html_secnumber_suffix = '. '     # Default = '. '; set to ' ' to suppress final dot on section numbers.