docs: Updated docs styling

docs/custom.css

@@ -0,0 +1,48 @@
+/* ── Nango Docs custom styles ──────────────────────────────────── */
+
+/* 1. Grid opacity — override Mintlify's default decoration strength */
+[class*="background-decoration"] {
+    opacity: 0.02; /* 2% — very subtle grid */
+  }
+
+  /* 2. Solid top nav — no grid bleed + left-aligned nav links (Vercel style) */
+  #navbar {
+    background-color: #0c0c15 !important;
+  }
+
+  /* Move nav links to sit immediately after the logo on the left */
+  #navbar .navbar-links {
+    margin-left: 0 !important;
+    margin-right: auto !important;
+  }
+
+  /* Push Sign Up CTA to the far right */
+  #navbar .navbar-primary {
+    margin-left: auto;
+  }
+
+  /* 3. Solid sidebar — no grid bleed */
+  #sidebar-content {
+    background-color: #0c0c15 !important;
+  }
+
+  /* 4. Vignette fade on content area edges */
+  #content-area {
+    -webkit-mask-image:
+      linear-gradient(
+        to right,
+        #0c0c15 0%,
+        transparent 5%,
+        transparent 95%,
+        #0c0c15 100%
+      ),
+      linear-gradient(
+        to bottom,
+        #0c0c15 0%,
+        transparent 4%,
+        transparent 96%,
+        #0c0c15 100%
+      );
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+  }

docs/docs.json

@@ -1,15 +1,26 @@
 {
   "$schema": "https://mintlify.com/docs.json",
-  "theme": "mint",
+  "theme": "maple",
   "name": "Nango Docs",
   "colors": {
-    "primary": "#1A43DB",
-    "light": "#C7D3FE",
-    "dark": "#000000"
+    "primary": "#29abe2",
+    "light": "#7dd3f0",
+    "dark": "#217ea6"
+  },
+  "fonts": {
+    "family": "Albert Sans"
   },
   "appearance": {
-    "default": "system"
+    "default": "dark"
+  },
+  "background": {
+    "decoration": "grid",
+    "color": {
+      "dark": "#0c0c15",
+      "light": "#ffffff"
+    }
   },
+  "css": "custom.css",
   "logo": {
     "light": "/logo/light.svg",
     "dark": "/logo/dark.svg",
@@ -35,13 +46,30 @@
   "navbar": {
     "links": [
       {
-        "label": "Sign Up",
-        "href": "https://app.nango.dev/signup"
+        "label": "Integrations",
+        "href": "https://www.nango.dev/api-integrations"
+      },
+      {
+        "label": "Pricing",
+        "href": "https://www.nango.dev/pricing"
+      },
+      {
+        "label": "Customers",
+        "href": "https://www.nango.dev/customers"
+      },
+      {
+        "label": "Log In",
+        "href": "https://app.nango.dev/"
+      },
+      {
+        "type": "github",
+        "href": "https://github.com/NangoHQ/nango"
       }
     ],
     "primary": {
-      "type": "github",
-      "href": "https://github.com/nangoHQ/nango"
+      "type": "button",
+      "label": "Sign Up",
+      "href": "https://app.nango.dev/signup"
     }
   },
   "footer": {
@@ -89,9 +117,10 @@
     }
   ],
   "navigation": {
-    "tabs": [
+    "anchors": [
       {
-        "tab": "Documentation",
+        "anchor": "Documentation",
+        "icon": "book-open",
         "groups": [
           {
             "group": "Getting Started",
@@ -210,7 +239,8 @@
         ]
       },
       {
-        "tab": "APIs & Integrations",
+        "anchor": "APIs & Integrations",
+        "icon": "plug",
         "groups": [
           {
             "group": "700+ APIs & Integrations",
@@ -950,7 +980,8 @@
         ]
       },
       {
-        "tab": "Reference",
+        "anchor": "Reference",
+        "icon": "square-terminal",
         "groups": [
           {
             "group": "Frontend",
@@ -1088,7 +1119,8 @@
         ]
       },
       {
-        "tab": "Updates",
+        "anchor": "Updates",
+        "icon": "clock",
         "groups": [
           {
             "group": "Updates",
@@ -1112,4 +1144,4 @@
       }
     }
   }
-}
+}