diff --git a/.vitepress/config.mjs b/.vitepress/config.mjs
index da5e66b..cd10b61 100644
--- a/.vitepress/config.mjs
+++ b/.vitepress/config.mjs
@@ -40,7 +40,7 @@ export default defineConfig({
     ],
 
     footer: {
-      message: 'Written while 🤔 & 🙇🏽‍♂️ & 🧐',
+      message: 'Written while 🤔 & 🙇🏽‍♂️ & 🧐<br><i>Need a <a target="_blank" href="https://bhupesh.me/hire/#domain-b-as-a-technical-writer">technical writer</a> for your dev tools? Maybe I can help!</i>',
     },
 
     search: {
diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css
index 4ff77bc..484c0e9 100644
--- a/.vitepress/theme/style.css
+++ b/.vitepress/theme/style.css
@@ -44,6 +44,9 @@
  * -------------------------------------------------------------------------- */
 
 :root {
+  --vp-c-bg: floralwhite;
+  --vp-sidebar-bg-color: floralwhite;
+
   --vp-c-default-1: var(--vp-c-gray-1);
   --vp-c-default-2: var(--vp-c-gray-2);
   --vp-c-default-3: var(--vp-c-gray-3);
@@ -70,6 +73,15 @@
   --vp-c-danger-soft: var(--vp-c-red-soft);
 }
 
+
+.dark {
+  --vp-c-bg: #1b1b1f;
+  --vp-c-bg-alt: #161618;
+  --vp-c-bg-elv: #202127;
+  --vp-c-bg-soft: #202127;
+  --vp-sidebar-bg-color: #161618;
+}
+
 /**
  * Component: Button
  * -------------------------------------------------------------------------- */