From b621281f254713ef9c8628f676c8cc642ee7a192 Mon Sep 17 00:00:00 2001
From: Tushar <80577646+TusharThakur04@users.noreply.github.com>
Date: Tue, 26 May 2026 12:22:13 +0530
Subject: [PATCH] chore: inject webpack blue and neutral color palette

---
 components/Layout.jsx | 10 ++++++++++
 doc-kit.config.mjs    |  1 +
 styles/theme.css      | 27 +++++++++++++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 components/Layout.jsx
 create mode 100644 styles/theme.css

diff --git a/components/Layout.jsx b/components/Layout.jsx
new file mode 100644
index 0000000..9a7c224
--- /dev/null
+++ b/components/Layout.jsx
@@ -0,0 +1,10 @@
+import DefaultLayout from '@node-core/doc-kit/src/generators/web/ui/components/Layout/index.jsx';
+import '../styles/theme.css';
+
+export default function Layout(props) {
+  return (
+    <>
+      <DefaultLayout {...props} />
+    </>
+  );
+}
diff --git a/doc-kit.config.mjs b/doc-kit.config.mjs
index de1e52d..1c6e09a 100644
--- a/doc-kit.config.mjs
+++ b/doc-kit.config.mjs
@@ -40,6 +40,7 @@ export default {
     imports: {
       '#theme/Sidebar': join(ROOT, 'components/SideBar.jsx'),
       '#theme/site': join(ROOT, DOCS_DIR, 'site.json'),
+      '#theme/Layout': join(ROOT, 'components/Layout.jsx'),
     },
   },
 };
diff --git a/styles/theme.css b/styles/theme.css
new file mode 100644
index 0000000..7f33c9b
--- /dev/null
+++ b/styles/theme.css
@@ -0,0 +1,27 @@
+:root {
+  /* Brand — Webpack Cube Blue (Primary) */
+  --color-green-50: #f0f8fe;
+  --color-green-100: #e0effd;
+  --color-green-200: #b9def9;
+  --color-green-300: #8ed6fb;
+  --color-green-400: #4ba8de;
+  --color-green-500: #2b8fcf;
+  --color-green-600: #1c78c0;
+  --color-green-700: #175e96;
+  --color-green-800: #134c79;
+  --color-green-900: #0f3c61;
+  --color-green-950: #0a2c47;
+
+  /* Neutrals — Surfaces, Type, Borders */
+  --color-neutral-50: #fbfcfd;
+  --color-neutral-100: #f6f7f9;
+  --color-neutral-200: #e9edf0;
+  --color-neutral-300: #d9e1e4;
+  --color-neutral-400: #cbd4d9;
+  --color-neutral-500: #b1bcc2;
+  --color-neutral-600: #929fa5;
+  --color-neutral-700: #6e7b83;
+  --color-neutral-800: #556066;
+  --color-neutral-900: #2c3437;
+  --color-neutral-950: #0d121c;
+}