diff --git a/docusaurus.config.js b/docusaurus.config.js
index b46d3d6..e8b3e52 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -15,7 +15,7 @@ module.exports = {
   baseUrl: '/',
   trailingSlash: false,
   onBrokenLinks: 'throw',
-  favicon: 'img/favicon.ico',
+  favicon: 'img/favicon-auto.svg',
   organizationName: 'wokwi',
   projectName: 'wokwi-docs',
   scripts: [
@@ -35,6 +35,7 @@ module.exports = {
       logo: {
         alt: 'Wokwi Logo',
         src: 'img/logo.svg',
+        srcDark: 'img/logo-white.svg',
         href: 'https://wokwi.com',
       },
       items: [
diff --git a/static/img/favicon-auto.svg b/static/img/favicon-auto.svg
new file mode 100644
index 0000000..c5d5a53
--- /dev/null
+++ b/static/img/favicon-auto.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 19.816 16.406"
+   height="62.007"
+   width="74.894"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="favicon-auto.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <style>
+   path {
+      fill: black;
+   }
+
+   @media (prefers-color-scheme: dark) {
+      path {
+         fill: white;
+      }
+   }
+  </style>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="6.8540649"
+     inkscape:cx="21.811874"
+     inkscape:cy="41.143468"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     id="path2"
+     d="M 17.431238 0.00090140097 C 15.992933 0.02401205 14.938634 1.5503963 15.67318 3.0741448 C 16.086179 3.930144 16.017105 4.2589555 14.577106 8.3369515 C 14.144139 9.5686413 13.839789 10.396251 13.626246 10.958536 C 13.274803 10.547669 12.987968 9.7946878 12.360154 7.9850297 C 11.407155 5.2320324 11.3509 4.8690572 11.7669 4.1190579 C 12.722899 2.4000596 11.239921 0.49677515 9.3489233 1.0137746 C 7.3419253 1.5617741 7.1910759 4.0651416 9.107074 5.0151407 C 9.8710955 5.3929535 10.085774 5.7229214 10.870817 7.9783116 C 9.7270863 8.7181276 8.309445 10.018893 7.4218803 10.859833 C 6.8606034 11.391118 6.5812213 11.687181 6.3273571 11.848934 C 5.692287 11.499157 5.4742783 11.015079 4.6070229 8.5152378 C 3.6540238 5.7622406 3.597769 5.3987485 4.0137686 4.6487493 C 4.9697676 2.929751 3.4877902 1.0269833 1.5957921 1.5439828 C -0.41120588 2.0919822 -0.56205529 4.594833 1.3539428 5.544832 C 2.172942 5.9498316 2.3522551 6.2699727 3.2892541 8.99997 C 4.1578689 11.528209 4.2657104 12.031798 3.9450379 12.697991 C 3.0543694 13.651977 3.1186502 15.38005 4.5429432 16.214108 C 5.2199425 16.610108 6.2269131 16.379859 7.0069123 15.65186 C 7.125754 15.540769 7.2222834 15.432957 7.2999221 15.321643 C 7.3914724 15.222177 7.473057 15.113872 7.5402211 14.996076 C 7.8989839 14.367277 7.9293467 13.679553 7.685434 13.096939 C 7.8229704 12.770768 8.069373 12.419967 8.4760953 11.923866 C 9.1322967 11.122799 10.487171 10.020037 11.414978 9.5792715 C 11.975584 11.299521 11.966065 11.679585 11.624787 12.309895 C 11.179788 13.130894 11.315187 14.25601 11.945186 14.994009 C 12.727185 15.907008 14.642836 15.605867 15.292835 14.465868 C 15.513049 14.079903 15.609673 13.671789 15.595147 13.279359 C 15.61286 13.244031 15.607176 13.180399 15.57861 13.08712 C 15.516299 12.6141 15.29054 12.1739 14.922827 11.836532 C 14.975389 11.520092 15.246478 10.795213 15.938801 8.8780118 C 17.152799 5.5150152 17.654747 4.4561365 18.124746 4.2601367 C 18.459746 4.1201368 19.015215 3.7338451 19.356214 3.4038454 C 19.903214 2.8738459 19.93213 2.667027 19.600131 1.684028 C 19.295131 0.7790289 19.058011 0.49417385 18.364012 0.19417415 C 18.045012 0.055986789 17.729754 -0.0038951488 17.431238 0.00090140097 z M 17.711845 1.51401 C 18.049064 1.5119006 18.246339 1.7539011 18.250839 2.2039007 C 18.253839 2.4519004 18.05775 2.733195 17.81675 2.8291949 C 17.353751 3.0121947 16.731796 2.5337543 16.816796 2.0607548 C 16.843796 1.907755 17.074951 1.6987605 17.329951 1.5987606 C 17.471451 1.5425107 17.599439 1.5147131 17.711845 1.51401 z M 10.007291 2.2808997 C 10.071829 2.2817774 10.132404 2.2957027 10.18506 2.3258589 C 10.58906 2.5558587 10.710897 3.4448092 10.364897 3.633809 L 10.364897 3.6327754 C 10.013898 3.8247752 9.2177439 3.3991653 9.2047439 3.0131657 C 9.1920876 2.6596348 9.6587846 2.2761602 10.007291 2.2808997 z M 2.2541597 2.8105911 C 2.3186979 2.8114726 2.3792731 2.8259108 2.4319293 2.856067 C 2.8359289 3.0860668 2.9577656 3.9750173 2.611766 4.1640171 C 2.2607663 4.3550169 1.4651295 3.9288231 1.4521295 3.5418235 C 1.4394732 3.1891364 1.9056534 2.805831 2.2541597 2.8105911 z M 13.203526 12.748118 C 13.358542 12.737336 13.575388 12.790814 13.753888 12.892814 C 14.28277 13.194746 14.321914 13.611024 13.857243 13.990955 C 13.664186 14.147719 13.323979 14.171009 13.098105 14.041081 C 12.666105 13.795082 12.649783 13.011191 13.072783 12.781191 C 13.107033 12.762691 13.151854 12.751711 13.203526 12.748118 z M 5.4689987 13.615778 C 6.0779981 13.615778 6.3180778 13.959096 6.103078 14.519096 C 6.1024095 14.52084 6.1016953 14.52253 6.1010109 14.524263 C 5.9073344 14.678375 5.5694314 14.699886 5.3449734 14.570773 C 5.0644631 14.411038 4.9609121 14.025308 5.037494 13.710864 C 5.1545771 13.65067 5.2992552 13.615778 5.4689987 13.615778 z "
+  />
+</svg>
diff --git a/static/img/logo-white.svg b/static/img/logo-white.svg
new file mode 100644
index 0000000..19d5db1
--- /dev/null
+++ b/static/img/logo-white.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 19.816 16.406"
+   height="62.007"
+   width="74.894"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     showgrid="false"
+     inkscape:zoom="6.8540649"
+     inkscape:cx="24.948699"
+     inkscape:cy="37.933694"
+     inkscape:window-width="1920"
+     inkscape:window-height="1020"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M4.192 15.524c-.63-.738-.765-1.863-.32-2.684.405-.748.346-1.136-.583-3.84-.937-2.73-1.116-3.05-1.935-3.455-1.916-.95-1.765-3.453.242-4.001C3.488 1.027 4.97 2.93 4.014 4.649c-.416.75-.36 1.113.593 3.866.97 2.796 1.126 3.071 1.964 3.456 1.192.549 1.62 1.884.969 3.025-.65 1.14-2.566 1.441-3.348.528zm1.912-1.003c.465-.38.426-.796-.103-1.098-.238-.136-.544-.186-.681-.112-.423.23-.407 1.014.025 1.26.226.13.567.107.76-.05zM2.612 4.164c.346-.189.224-1.078-.18-1.308-.337-.193-.995.268-.98.686.013.387.809.813 1.16.622zM11.945 14.994c-.63-.738-.765-1.863-.32-2.684.405-.748.346-1.136-.583-3.84-.937-2.73-1.116-3.05-1.935-3.455-1.916-.95-1.765-3.453.242-4.001C11.24.497 12.723 2.4 11.767 4.119c-.416.75-.36 1.113.593 3.866.97 2.796 1.126 3.071 1.964 3.456 1.192.549 1.62 1.884.969 3.025-.65 1.14-2.566 1.441-3.348.528zm1.912-1.003c.465-.38.426-.796-.103-1.098-.238-.136-.544-.186-.681-.112-.423.23-.407 1.014.025 1.26.226.13.567.107.76-.05zM10.365 3.634c.346-.189.224-1.078-.18-1.308-.337-.193-.995.268-.98.687.013.386.809.812 1.16.62z"
+     id="path2"
+     style="fill:#ffffff" />
+  <path
+     d="M4.543 16.214c-2.027-1.187-1.3-4.185 1.015-4.185.75 0 .816-.177 1.864-1.169 1.047-.992 2.833-2.627 4.035-3.222.324.46.571 1.615.607 1.748-.772 0-2.75 1.515-3.588 2.538-.81.988-.985 1.4-.928 2.188.052.73-.081 1.11-.541 1.54-.78.728-1.787.958-2.464.562zm1.56-1.695c.215-.56-.025-.903-.634-.903-.594 0-.896.41-.693.94.198.515 1.125.49 1.327-.037zM13.185 12.054s.284-.565 1.392-3.717c1.44-4.078 1.509-4.407 1.096-5.263-.887-1.84.835-3.684 2.691-2.88.694.3.931.585 1.236 1.49.332.983.303 1.19-.244 1.72-.341.33-.896.716-1.231.856-.47.196-.972 1.255-2.186 4.618-1.443 3.996-1.06 2.817-.67 3.541.961 1.79-.26.492-2.083-.365zm5.066-9.85c-.006-.6-.355-.83-.921-.605-.255.1-.486.309-.513.462-.085.473.537.951 1 .768.241-.096.437-.377.434-.625z"
+     id="path4"
+     style="fill:#ffffff" />
+</svg>