diff --git a/docs/assets/icon.svg b/docs/assets/icon.svg
index da120aa..9ab1fac 100644
--- a/docs/assets/icon.svg
+++ b/docs/assets/icon.svg
@@ -2,7 +2,7 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	viewBox="20 20 140 140">
-	<g>
+	<g fill="#0E1836">
 		<g>
 			<g>
 				<path
diff --git a/docs/assets/icon_dark.svg b/docs/assets/icon_dark.svg
new file mode 100644
index 0000000..e5e2621
--- /dev/null
+++ b/docs/assets/icon_dark.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+   viewBox="20 20 140 140">
+   <g fill="#FFFFFF">
+      <g>
+         <g>
+            <path
+               d="M51.65,89.75L51.65,89.75c1.46-2.09-0.03-4.96-2.59-4.96h-6.68c-1.74,0-3.16,1.41-3.16,3.16v62.74
+				c0,1.74,1.41,3.16,3.16,3.16H68.4c1.74,0,3.16-1.41,3.16-3.16v-14.87c0-1.74,1.41-3.16,3.16-3.16h30.58
+				c1.74,0,3.16,1.41,3.16,3.16v14.87c0,1.74,1.41,3.16,3.16,3.16h26.01c1.74,0,3.16-1.41,3.16-3.16V87.95
+				c0-1.74-1.41-3.16-3.16-3.16h-23.14c-1.03,0-2,0.5-2.59,1.35l-21.47,30.71c-1,1.43-2.97,1.78-4.39,0.78l-33.6-23.48
+				C51,93.15,50.65,91.18,51.65,89.75z" />
+            <path
+               d="M44.17,61.44c-2.73,0-4.93,2.21-4.93,4.93v6.52c0,2.73,2.21,4.93,4.93,4.93h13.25
+				c1.61,0,3.12-0.79,4.04-2.11l4.56-6.52c2.29-3.27-0.05-7.76-4.04-7.76H44.17z" />
+            <path
+               d="M135.83,61.44h-4.11c-1.61,0-3.12,0.79-4.04,2.11l-4.56,6.52c-2.29,3.27,0.05,7.76,4.04,7.76h8.67
+				c2.73,0,4.93-2.21,4.93-4.93v-6.52C140.77,63.65,138.56,61.44,135.83,61.44z" />
+         </g>
+         <path
+            d="M84.64,107.99L61.96,92.14c-1.28-0.9-1.6-2.66-0.7-3.95l42.51-60.81c0.9-1.28,2.66-1.6,3.95-0.7l22.68,15.85
+			c1.28,0.9,1.6,2.66,0.7,3.95l-42.51,60.81C87.69,108.57,85.92,108.89,84.64,107.99z" />
+      </g>
+   </g>
+</svg>
\ No newline at end of file
diff --git a/docs/scripts/favicon.js b/docs/scripts/favicon.js
new file mode 100644
index 0000000..5b4405a
--- /dev/null
+++ b/docs/scripts/favicon.js
@@ -0,0 +1,17 @@
+function setFavicon(dark) {
+  console.log({ dark });
+
+  const favicon = document.querySelector('link[rel="icon"]');
+  const name = dark ? "icon_dark" : "icon";
+  favicon.href = `/assets/${name}.svg`;
+}
+
+document$.subscribe(() => {
+  const query = window.matchMedia("(prefers-color-scheme: dark)");
+
+  setFavicon(query.matches);
+
+  query.addEventListener("change", (event) => {
+    setFavicon(event.matches);
+  });
+});
diff --git a/mkdocs.yml b/mkdocs.yml
index 1fe5662..be9a1e5 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -68,3 +68,5 @@ plugins:
 
 extra_css:
   - styles/extra.css
+extra_javascript:
+  - scripts/favicon.js