diff --git a/docs.json b/docs.json
index 88ff511..15e91af 100644
--- a/docs.json
+++ b/docs.json
@@ -7,7 +7,10 @@
"light": "#07C983",
"dark": "#15803D"
},
- "favicon": "/favicon.svg",
+ "favicon": {
+ "light": "/favicon-light.png",
+ "dark": "/favicon-dark.png"
+ },
"navigation": {
"tabs": [
{
@@ -286,8 +289,8 @@
}
},
"logo": {
- "light": "/logo/light.svg",
- "dark": "/logo/dark.svg"
+ "light": "/logo/light.png",
+ "dark": "/logo/dark.png"
},
"navbar": {
"links": [
diff --git a/favicon-dark.png b/favicon-dark.png
new file mode 100644
index 0000000..de1d0eb
Binary files /dev/null and b/favicon-dark.png differ
diff --git a/favicon-light.png b/favicon-light.png
new file mode 100644
index 0000000..2d2f374
Binary files /dev/null and b/favicon-light.png differ
diff --git a/favicon-theme.js b/favicon-theme.js
new file mode 100644
index 0000000..003a3ff
--- /dev/null
+++ b/favicon-theme.js
@@ -0,0 +1,24 @@
+(function () {
+ const LIGHT = '/favicon-light.png?v=4';
+ const DARK = '/favicon-dark.png?v=4';
+
+ function apply() {
+ const href = document.documentElement.classList.contains('dark') ? DARK : LIGHT;
+ document
+ .querySelectorAll('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]')
+ .forEach(function (link) {
+ if (link.getAttribute('href') !== href) {
+ link.type = 'image/png';
+ link.removeAttribute('sizes');
+ link.setAttribute('href', href);
+ }
+ });
+ }
+
+ apply();
+ new MutationObserver(apply).observe(document.documentElement, {
+ attributes: true,
+ attributeFilter: ['class'],
+ });
+ new MutationObserver(apply).observe(document.head, { childList: true, subtree: true });
+})();
diff --git a/favicon.svg b/favicon.svg
deleted file mode 100644
index ca55eea..0000000
--- a/favicon.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/logo/dark.png b/logo/dark.png
new file mode 100644
index 0000000..1a4cce9
Binary files /dev/null and b/logo/dark.png differ
diff --git a/logo/dark.svg b/logo/dark.svg
deleted file mode 100644
index 5684d0f..0000000
--- a/logo/dark.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/logo/light.png b/logo/light.png
new file mode 100644
index 0000000..6a5519a
Binary files /dev/null and b/logo/light.png differ
diff --git a/logo/light.svg b/logo/light.svg
deleted file mode 100644
index f8460a3..0000000
--- a/logo/light.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..915fa18
--- /dev/null
+++ b/style.css
@@ -0,0 +1,5 @@
+/* Mintlify defaults the navbar logo to h-6 (24px). Size the lockup to sit in the header. */
+img.nav-logo {
+ height: 1.8rem !important;
+ width: auto !important;
+}