improve navigation

Author: ericbrown99

docs/docs.json

@@ -71,6 +71,11 @@
               "anchor": "Bridge",
               "href": "https://docs.base.org/base-chain/network-information/bridges-mainnet",
               "icon": "coin"
+            },
+            {
+              "anchor": "Blog",
+              "href": "https://blog.base.dev/",
+              "icon": "scroll"
             }
           ]
         }
@@ -167,6 +172,11 @@
               "anchor": "Support",
               "href": "https://discord.com/invite/buildonbase",
               "icon": "discord"
+            },
+            {
+              "anchor": "Blog",
+              "href": "https://blog.base.dev/",
+              "icon": "scroll"
             }
           ]
         }
@@ -1445,23 +1455,23 @@
   },
   "navbar": {
     "links": [
-      {
-        "label": "Blog",
-        "href": "https://blog.base.dev/"
-      },
       {
         "label": "GitHub",
-        "href": "https://github.com/base"
+        "href": "https://github.com/base",
+        "icon": "github"
       },
       {
         "label": "Support",
-        "href": "https://discord.com/invite/buildonbase"
-      },
+        "href": "https://discord.com/invite/buildonbase",
+        "icon": "discord"
+      }
+    ],
+    "primary":
       {
-        "label": "Base.org",
-        "href": "https://base.org"
+        "type": "button",
+        "label": "Base Build",
+        "href": "https://base.dev"
       }
-    ]
   },
   "footer": {
     "socials": {
@@ -1478,6 +1488,10 @@
             "label": "Base.org",
             "href": "https://base.org"
           },
+          {
+            "label": "Blog",
+            "href": "https://blog.base.dev/"
+          },
           {
             "label": "Privacy Policy",
             "href": "https://docs.base.org/privacy-policy"

docs/custom.css docs/style.cssdocs/custom.css renamed to docs/style.css

@@ -39,6 +39,7 @@
 
 .base_header_img {
   margin: auto;
+  height: 1rem;
 }
 
 .homepage_wrapper {
@@ -52,6 +53,25 @@
   padding-bottom: 0 !important;
 }
 
+.navbar-link {
+  background-color: rgba(156, 163, 175, 0.1);
+  padding: 6px 12px;
+  border-radius: 9999px;
+  transition: background-color 0.2s ease;
+}
+
+.navbar-link:hover {
+  background-color: rgba(156, 163, 175, 0.2);
+}
+
+.dark .navbar-link {
+  background-color: rgba(75, 85, 99, 0.1); /* Reduced opacity for dark mode */
+}
+
+.dark .navbar-link:hover {
+  background-color: rgba(75, 85, 99, 0.2); /* Increased opacity on hover for better visibility */
+}
+
 .home_header h1 {
   margin-bottom: 24px;
 }