From 4c32af31369476f0da472599960363b53f053ab9 Mon Sep 17 00:00:00 2001
From: Anso <dev@saelix.com>
Date: Fri, 27 Mar 2026 18:44:37 -0400
Subject: [PATCH] docs: align documentation theme with Sencho app branding
 (#199)

* docs: align documentation theme with Sencho app branding

- Change dark background from #0F172A (blue-tinted slate) to #090909 (neutral dark)
- Update accent colors to match app brand oklch(0.72 0.14 200)
- Add custom.css to increase navbar and footer logo size from 28px to 36px

* fix(deps): resolve npm audit vulnerabilities in backend

Fix path-to-regexp (high) and brace-expansion (moderate) via npm audit fix.
---
 backend/package-lock.json | 14 +++++++-------
 docs/custom.css           |  8 ++++++++
 docs/docs.json            |  6 +++---
 3 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 docs/custom.css

diff --git a/backend/package-lock.json b/backend/package-lock.json
index f9306fbd..ccf0dd49 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -1551,16 +1551,16 @@
       }
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.2.tgz",
-      "integrity": "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^4.0.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/braces": {
@@ -3981,9 +3981,9 @@
       }
     },
     "node_modules/path-to-regexp": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
-      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.0.tgz",
+      "integrity": "sha512-PuseHIvAnz3bjrM2rGJtSgo1zjgxapTLZ7x2pjhzWwlp4SJQgK3f3iZIQwkpEnBaKz6seKBADpM4B4ySkuYypg==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
diff --git a/docs/custom.css b/docs/custom.css
new file mode 100644
index 00000000..57474ca0
--- /dev/null
+++ b/docs/custom.css
@@ -0,0 +1,8 @@
+/* Increase logo size in navbar and footer to match the Sencho app */
+#navbar .nav-logo {
+  height: 36px !important;
+}
+
+footer .nav-logo {
+  height: 36px !important;
+}
diff --git a/docs/docs.json b/docs/docs.json
index 9d32380f..75c0770f 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -4,8 +4,8 @@
   "name": "Sencho",
   "colors": {
     "primary": "#00BEC7",
-    "light": "#0891B2",
-    "dark": "#22D3EE"
+    "light": "#007982",
+    "dark": "#00BEC7"
   },
   "logo": {
     "light": "/images/logo/logo-light.png",
@@ -22,7 +22,7 @@
   "background": {
     "decoration": "gradient",
     "color": {
-      "dark": "#0F172A"
+      "dark": "#090909"
     }
   },
   "navbar": {