docs: Update color scheme and add custom typography and navbar styles (#2609)

* docs: update color scheme and add custom styles for typography and navbar

* fix: default to light mode

---------

Co-authored-by: Jubril Oyetunji <cyberdev01@protonmail.com>

Author: dshant

docs/docs.json

@@ -7,9 +7,25 @@
     "dismissible": true
   },
   "colors": {
-    "primary": "#8101E4",
-    "light": "#AF48FF",
-    "dark": "#8101E4"
+    "primary": "#131311",
+    "light": "#dfdfdf",
+    "dark": "#131311"
+  },
+  "background": {
+    "color": {
+      "light": "#f8f6f1",
+      "dark": "#0f0f0f"
+    }
+  },
+  "fonts": {
+    "heading": {
+      "family": "Newsreader",
+      "weight": 400
+    },
+    "body": {
+      "family": "Inter",
+      "weight": 400
+    }
   },
   "favicon": "/favicon.png",
   "redirects": [
@@ -263,5 +279,8 @@
       "slack": "https://diggertalk.slack.com/join/shared_invite/zt-1tocl4w0x-E3RkpPiK7zQkehl8O78g8Q#/shared-invite/email",
       "linkedin": "https://www.linkedin.com/company/diggerhq/"
     }
+  },
+  "modeToggle": {
+    "default": "light"
   }
 }

docs/styles/custom.css

@@ -0,0 +1,22 @@
+h5 {
+  font-family: 'Inter', sans-serif;
+}
+#navbar .nav-logo {
+  display: none;
+}
+#navbar a.select-none::before {
+  content: 'opentaco';
+  font-family: 'Newsreader', serif;
+  font-size: 24px;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  transition: letter-spacing 0.3s ease;
+  color: #131311;
+}
+#navbar a:hover::before {
+  letter-spacing: 0.06em;
+}
+
+.dark #navbar a.select-none::before {
+  color: #dfdfdf;
+}