diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx
index bf9d3a18db6d7..089f71ac64fe0 100644
--- a/docs/components/pages/landing/index.tsx
+++ b/docs/components/pages/landing/index.tsx
@@ -144,10 +144,10 @@ function LandingPage() {
return (
<>
-
diff --git a/docs/components/pages/repo-home/RepoHero.tsx b/docs/components/pages/repo-home/RepoHero.tsx
index ac054b3dc786b..80f5d1eeadf49 100644
--- a/docs/components/pages/repo-home/RepoHero.tsx
+++ b/docs/components/pages/repo-home/RepoHero.tsx
@@ -121,13 +121,13 @@ export function RepoHero() {
y2="9.2848"
gradientUnits="userSpaceOnUse"
>
-
-
+
+
diff --git a/docs/public/images/favicon-dark/android-chrome-192x192.png b/docs/public/images/favicon-dark/android-chrome-192x192.png
new file mode 100644
index 0000000000000..3f804c026c253
Binary files /dev/null and b/docs/public/images/favicon-dark/android-chrome-192x192.png differ
diff --git a/docs/public/images/favicon-dark/android-chrome-512x512.png b/docs/public/images/favicon-dark/android-chrome-512x512.png
new file mode 100644
index 0000000000000..232e502d911d6
Binary files /dev/null and b/docs/public/images/favicon-dark/android-chrome-512x512.png differ
diff --git a/docs/public/images/favicon-dark/apple-touch-icon.png b/docs/public/images/favicon-dark/apple-touch-icon.png
new file mode 100644
index 0000000000000..524ef03b0302a
Binary files /dev/null and b/docs/public/images/favicon-dark/apple-touch-icon.png differ
diff --git a/docs/public/images/favicon-dark/favicon-16x16.png b/docs/public/images/favicon-dark/favicon-16x16.png
new file mode 100644
index 0000000000000..a12a09dcb1b01
Binary files /dev/null and b/docs/public/images/favicon-dark/favicon-16x16.png differ
diff --git a/docs/public/images/favicon-dark/favicon-32x32.png b/docs/public/images/favicon-dark/favicon-32x32.png
new file mode 100644
index 0000000000000..5c7cc3d6c8674
Binary files /dev/null and b/docs/public/images/favicon-dark/favicon-32x32.png differ
diff --git a/docs/public/images/favicon-dark/favicon.ico b/docs/public/images/favicon-dark/favicon.ico
new file mode 100644
index 0000000000000..28f07df190528
Binary files /dev/null and b/docs/public/images/favicon-dark/favicon.ico differ
diff --git a/docs/public/images/favicon-dark/safari-pinned-tab.svg b/docs/public/images/favicon-dark/safari-pinned-tab.svg
new file mode 100644
index 0000000000000..32ec931683442
--- /dev/null
+++ b/docs/public/images/favicon-dark/safari-pinned-tab.svg
@@ -0,0 +1,45 @@
+
+
+
diff --git a/docs/public/images/favicon-dark/site.webmanifest b/docs/public/images/favicon-dark/site.webmanifest
new file mode 100644
index 0000000000000..4a488841fef5f
--- /dev/null
+++ b/docs/public/images/favicon-dark/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "Turborepo",
+ "short_name": "Turborepo",
+ "icons": [
+ {
+ "src": "/favicons/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/favicons/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/docs/public/images/favicon-light/android-chrome-192x192.png b/docs/public/images/favicon-light/android-chrome-192x192.png
new file mode 100644
index 0000000000000..4a10575b29861
Binary files /dev/null and b/docs/public/images/favicon-light/android-chrome-192x192.png differ
diff --git a/docs/public/images/favicon-light/android-chrome-512x512.png b/docs/public/images/favicon-light/android-chrome-512x512.png
new file mode 100644
index 0000000000000..6a55c2a2470ce
Binary files /dev/null and b/docs/public/images/favicon-light/android-chrome-512x512.png differ
diff --git a/docs/public/images/favicon-light/apple-touch-icon.png b/docs/public/images/favicon-light/apple-touch-icon.png
new file mode 100644
index 0000000000000..5c8b00d962418
Binary files /dev/null and b/docs/public/images/favicon-light/apple-touch-icon.png differ
diff --git a/docs/public/images/favicon-light/favicon-16x16.png b/docs/public/images/favicon-light/favicon-16x16.png
new file mode 100644
index 0000000000000..412aadfbb4ea4
Binary files /dev/null and b/docs/public/images/favicon-light/favicon-16x16.png differ
diff --git a/docs/public/images/favicon-light/favicon-32x32.png b/docs/public/images/favicon-light/favicon-32x32.png
new file mode 100644
index 0000000000000..2a99ec603e649
Binary files /dev/null and b/docs/public/images/favicon-light/favicon-32x32.png differ
diff --git a/docs/public/images/favicon-light/favicon.ico b/docs/public/images/favicon-light/favicon.ico
new file mode 100644
index 0000000000000..8c5a3f2316405
Binary files /dev/null and b/docs/public/images/favicon-light/favicon.ico differ
diff --git a/docs/public/images/favicon-light/safari-pinned-tab.svg b/docs/public/images/favicon-light/safari-pinned-tab.svg
new file mode 100644
index 0000000000000..32ec931683442
--- /dev/null
+++ b/docs/public/images/favicon-light/safari-pinned-tab.svg
@@ -0,0 +1,45 @@
+
+
+
diff --git a/docs/public/images/favicon/site.webmanifest b/docs/public/images/favicon-light/site.webmanifest
similarity index 100%
rename from docs/public/images/favicon/site.webmanifest
rename to docs/public/images/favicon-light/site.webmanifest
diff --git a/docs/public/images/favicon/android-chrome-192x192.png b/docs/public/images/favicon/android-chrome-192x192.png
deleted file mode 100644
index 7dd84c0cb2788..0000000000000
Binary files a/docs/public/images/favicon/android-chrome-192x192.png and /dev/null differ
diff --git a/docs/public/images/favicon/android-chrome-512x512.png b/docs/public/images/favicon/android-chrome-512x512.png
deleted file mode 100644
index 805ceaca51bb8..0000000000000
Binary files a/docs/public/images/favicon/android-chrome-512x512.png and /dev/null differ
diff --git a/docs/public/images/favicon/apple-touch-icon.png b/docs/public/images/favicon/apple-touch-icon.png
deleted file mode 100644
index 770da4bfcd2e4..0000000000000
Binary files a/docs/public/images/favicon/apple-touch-icon.png and /dev/null differ
diff --git a/docs/public/images/favicon/fav.png b/docs/public/images/favicon/fav.png
deleted file mode 100644
index 472359573f022..0000000000000
Binary files a/docs/public/images/favicon/fav.png and /dev/null differ
diff --git a/docs/public/images/favicon/favicon-16x16.png b/docs/public/images/favicon/favicon-16x16.png
deleted file mode 100644
index 98794e5e327c7..0000000000000
Binary files a/docs/public/images/favicon/favicon-16x16.png and /dev/null differ
diff --git a/docs/public/images/favicon/favicon-32x32.png b/docs/public/images/favicon/favicon-32x32.png
deleted file mode 100644
index 45fb08da2f514..0000000000000
Binary files a/docs/public/images/favicon/favicon-32x32.png and /dev/null differ
diff --git a/docs/public/images/favicon/favicon.ico b/docs/public/images/favicon/favicon.ico
deleted file mode 100644
index 56ed187c389ff..0000000000000
Binary files a/docs/public/images/favicon/favicon.ico and /dev/null differ
diff --git a/docs/theme.config.js b/docs/theme.config.js
index 021601f538311..c8af0c916dd5c 100644
--- a/docs/theme.config.js
+++ b/docs/theme.config.js
@@ -1,5 +1,5 @@
import { useRouter } from "next/router";
-import { useConfig } from "nextra-theme-docs";
+import { useConfig, useTheme } from "nextra-theme-docs";
import { Footer } from "./components/Footer";
import Navigation from "./components/Navigation";
import HeaderLogo from "./components/HeaderLogo";
@@ -32,6 +32,7 @@ const theme = {
logoLink: false,
head: function Head() {
const router = useRouter();
+ const { systemTheme = "dark" } = useTheme();
const { frontMatter, title } = useConfig();
const fullUrl =
router.asPath === "/" ? SITE_ROOT : `${SITE_ROOT}${router.asPath}`;
@@ -41,26 +42,29 @@ const theme = {
-
+
@@ -81,6 +85,10 @@ const theme = {
/>
+
+
+
+
>
);
},
@@ -94,13 +102,5 @@ const theme = {
nextThemes: {
defaultTheme: "dark",
},
- head: (
- <>
-
-
-
-
- >
- ),
};
export default theme;