From 39aa27d1f416bc33fc2def8a2a0d619232271046 Mon Sep 17 00:00:00 2001
From: Shivam Sharma <shivxmsharma@gmail.com>
Date: Fri, 13 Mar 2026 16:11:23 +0530
Subject: [PATCH 1/3] feat(theme): add doc-kit.config.mjs with webpack theming

---
 doc-kit.config.mjs               | 11 +++++++++++
 package.json                     |  2 +-
 plugins/theme/ui/WebpackLogo.jsx | 15 +++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 doc-kit.config.mjs
 create mode 100644 plugins/theme/ui/WebpackLogo.jsx

diff --git a/doc-kit.config.mjs b/doc-kit.config.mjs
new file mode 100644
index 0000000..79df2f3
--- /dev/null
+++ b/doc-kit.config.mjs
@@ -0,0 +1,11 @@
+export default {
+  global: {
+    repository: "webpack/webpack",
+  },
+  web: {
+    title: "webpack",
+    imports: {
+      "#config/Logo": "./plugins/theme/ui/WebpackLogo.jsx",
+    },
+  },
+};
diff --git a/package.json b/package.json
index 872e929..83419b6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "scripts": {
     "generate-docs": "node generate-md.mjs",
-    "build-html": "doc-kit generate -t web -i ./pages/v5.x/**/*.md --type-map ./pages/v5.x/type-map.json -o out",
+    "build-html": "doc-kit generate --config-file ./doc-kit.config.mjs -t web -i ./pages/v5.x/**/*.md --type-map ./pages/v5.x/type-map.json -o out",
     "build": "npm run generate-docs && npm run build-html",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
diff --git a/plugins/theme/ui/WebpackLogo.jsx b/plugins/theme/ui/WebpackLogo.jsx
new file mode 100644
index 0000000..d332bd6
--- /dev/null
+++ b/plugins/theme/ui/WebpackLogo.jsx
@@ -0,0 +1,15 @@
+const WebpackLogo = (props) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 875.7" {...props}>
+    <path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z" />
+    <path
+      fill="#8ed6fb"
+      d="M704.9 641.7L399.8 814.3V679.9l190.1-104.6 115 66.4zm20.9-18.9V261.9l-111.6 64.5v232l111.6 64.4zM67.9 641.7L373 814.3V679.9L182.8 575.3 67.9 641.7zM47 622.8V261.9l111.6 64.5v232L47 622.8zm13.1-384.3L373 61.5v129.9L172.5 301.7l-1.6.9-110.8-64.1zm652.6 0l-312.9-177v129.9l200.5 110.2 1.6.9 110.8-64z"
+    />
+    <path
+      fill="#1c78c0"
+      d="M373 649.3L185.4 546.1V341.8L373 450.1v199.2zm26.8 0l187.6-103.1V341.8L399.8 450.1v199.2zm-13.4-207zM198.1 318.2l188.3-103.5 188.3 103.5-188.3 108.7-188.3-108.7z"
+    />
+  </svg>
+);
+
+export default WebpackLogo;

From 2af483f55511e8212b8951598f202c9f77e957b6 Mon Sep 17 00:00:00 2001
From: Shivam Sharma <shivxmsharma@gmail.com>
Date: Fri, 13 Mar 2026 16:34:57 +0530
Subject: [PATCH 2/3] fix(theme): use absolute path for logo alias and add SVG
 dimensions

---
 doc-kit.config.mjs               | 7 ++++++-
 plugins/theme/ui/WebpackLogo.jsx | 8 +++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/doc-kit.config.mjs b/doc-kit.config.mjs
index 79df2f3..3fce5a5 100644
--- a/doc-kit.config.mjs
+++ b/doc-kit.config.mjs
@@ -1,3 +1,8 @@
+import { resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+
 export default {
   global: {
     repository: "webpack/webpack",
@@ -5,7 +10,7 @@ export default {
   web: {
     title: "webpack",
     imports: {
-      "#config/Logo": "./plugins/theme/ui/WebpackLogo.jsx",
+      "#config/Logo": resolve(__dirname, "plugins/theme/ui/WebpackLogo.jsx"),
     },
   },
 };
diff --git a/plugins/theme/ui/WebpackLogo.jsx b/plugins/theme/ui/WebpackLogo.jsx
index d332bd6..deb1585 100644
--- a/plugins/theme/ui/WebpackLogo.jsx
+++ b/plugins/theme/ui/WebpackLogo.jsx
@@ -1,5 +1,11 @@
 const WebpackLogo = (props) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 875.7" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 774 875.7"
+    width="24"
+    height="28"
+    {...props}
+  >
     <path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z" />
     <path
       fill="#8ed6fb"

From 61597948cd206d0dd381a1b3f3294f2ea9baa578 Mon Sep 17 00:00:00 2001
From: Shivam Sharma <shivxmsharma@gmail.com>
Date: Fri, 13 Mar 2026 22:47:11 +0530
Subject: [PATCH 3/3] refactor(theme): move WebpackLogo to root ui/ folder

---
 doc-kit.config.mjs                       | 2 +-
 {plugins/theme/ui => ui}/WebpackLogo.jsx | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename {plugins/theme/ui => ui}/WebpackLogo.jsx (100%)

diff --git a/doc-kit.config.mjs b/doc-kit.config.mjs
index 3fce5a5..1134dd0 100644
--- a/doc-kit.config.mjs
+++ b/doc-kit.config.mjs
@@ -10,7 +10,7 @@ export default {
   web: {
     title: "webpack",
     imports: {
-      "#config/Logo": resolve(__dirname, "plugins/theme/ui/WebpackLogo.jsx"),
+      "#config/Logo": resolve(__dirname, "ui/WebpackLogo.jsx"),
     },
   },
 };
diff --git a/plugins/theme/ui/WebpackLogo.jsx b/ui/WebpackLogo.jsx
similarity index 100%
rename from plugins/theme/ui/WebpackLogo.jsx
rename to ui/WebpackLogo.jsx