requested changes fix

styles/_pages.scss

@@ -832,13 +832,6 @@
   }
 }
 
-
-.page-docs {
-  &::before {
-    background-image: url(../img/backgrounds/bg-docs.png);
-  }
-}
-
 .page-docs-index,
 .page-community {
   #community-heading {
@@ -966,7 +959,13 @@
     }
   }
 
-
+  #xrpl-design-assets {
+    padding-bottom: 5rem;
+    @include media-breakpoint-up(md) {
+      padding-top: 104px;
+      padding-bottom: 208px;
+    }
+  }
 }
 
 .page-community {
@@ -1283,19 +1282,19 @@
   @each $tool,
     $card-graphic
       in (
-        "xrp-explorer": "1-col-orange",
-        "bithomp-explorer": "2-col-light-blue",
+        "xrp-explorer": "3-col-orange",
+        "bithomp-explorer": "3-col-light-blue",
         "xrpscan": "3-col-pink",
-        "token-list": "4-col-pink2",
-        "websocket": "1-col-purple2",
-        "rpc": "2-col-green",
+        "token-list": "3-col-pink2",
+        "websocket": "3-col-purple2",
+        "rpc": "3-col-green",
         "technical-explorer": "3-col-purple-blue",
-        "faucets": "4-col-pink2",
-        "trasaction-sender": "5-col-light-blue2",
-        "domain": "1-col-green-purple",
-        "xrp-ledger": "2-col-dark-blue",
+        "faucets": "3-col-pink2",
+        "trasaction-sender": "3-col-light-blue2",
+        "domain": "3-col-green-purple",
+        "xrp-ledger": "3-col-dark-blue",
         "binary-visualizer": "3-col-purple-blue",
-        "token-metadata-lookup": "4-col-pink-purple"
+        "token-metadata-lookup": "3-col-pink-purple"
       )
   {
     ##{$tool} {
@@ -1314,12 +1313,11 @@
   }
 
   @media (max-width: 767.98px) {
-    .nav-tabs{
+    .nav-tabs {
       display: flex;
       list-style: none;
       margin-left: 0;
       padding-left: 0;
-      position:sticky;
       justify-content: space-between;
     }
     .nav-item {
@@ -1327,7 +1325,7 @@
       width: auto;
       list-style: outside none none;
     }
-    .nav-link{
+    .nav-link {
       display: inline-flex;
       width: auto;
       padding: 1em 1em;
@@ -1365,9 +1363,19 @@
   .btn-arrow-out:hover::after {
     background-position: left 4px bottom 4px;
   }
-  .nav-tabs {
-    @include media-breakpoint-up(md) {
-      position: sticky;
+}
+html.light {
+  .page-dev-tools {
+    .nav-link {
+      background-color: #f5f5f7;
+    }
+    .nav-link.active {
+      border-bottom-color: #9a52ff;
+      color: #000;
+      font-weight: bold;
+    }
+    .nav-link {
+      color: #000;
     }
   }
 }