deploy css changes to production

docs/tools/rpc.md

@@ -1 +1 @@
-# RPCs
+# RPC

docusaurus.config.ts

@@ -73,10 +73,6 @@ const config: Config = {
               label: '🔌 RPC',
               to: '/tools/rpc',
             },
-            {
-              label: '👥 Multisig Wallets',
-              to: '/tools/multisig-wallets',
-            },
             {
               label: '🌉 Bridge',
               to: '/tools/bridge',
@@ -89,30 +85,6 @@ const config: Config = {
               label: '🔎 Block Explorers',
               to: '/tools/block-explorers',
             },
-            {
-              label: '📊 Data Indexers',
-              to: '/tools/data-indexers',
-            },
-            {
-              label: '🔮 Oracles',
-              to: '/tools/oracles',
-            },
-            {
-              label: '🔗 Interoperability',
-              to: '/tools/interoperability',
-            },
-            {
-              label: '🎲 Randomness',
-              to: '/tools/randomness',
-            },
-            {
-              label: '🛠️ General Tooling',
-              to: '/tools/general-tooling',
-            },
-            {
-              label: '🖥️ Node Operators',
-              to: '/tools/node-operators',
-            },
           ],
         },
         {

sidebars.ts

@@ -101,11 +101,6 @@ const sidebars: SidebarsConfig = {
           id: 'tools/rpc',
           label: '🔌 RPC',
         },
-        {
-          type: 'doc',
-          id: 'tools/multisig-wallets',
-          label: '👥 Multisig Wallets',
-        },
         {
           type: 'doc',
           id: 'tools/bridge',
@@ -121,36 +116,6 @@ const sidebars: SidebarsConfig = {
           id: 'tools/block-explorers',
           label: '🔎 Block Explorers',
         },
-        {
-          type: 'doc',
-          id: 'tools/data-indexers',
-          label: '📊 Data Indexers',
-        },
-        {
-          type: 'doc',
-          id: 'tools/oracles',
-          label: '🔮 Oracles',
-        },
-        {
-          type: 'doc',
-          id: 'tools/interoperability',
-          label: '🔗 Interoperability',
-        },
-        {
-          type: 'doc',
-          id: 'tools/randomness',
-          label: '🎲 Randomness',
-        },
-        {
-          type: 'doc',
-          id: 'tools/general-tooling',
-          label: '🛠️ General Tooling',
-        },
-        {
-          type: 'doc',
-          id: 'tools/node-operators',
-          label: '🖥️ Node Operators',
-        },
       ],
     },
     {

src/css/custom.css

@@ -3,19 +3,19 @@
 
 /* Custom Properties */
 :root {
-  /* Color Palette */
-  --ifm-color-primary: #4360DF;
-  --ifm-color-primary-dark: #3D57CC;
-  --ifm-color-primary-darker: #3751BF;
-  --ifm-color-primary-darkest: #2F44A6;
-  --ifm-color-primary-light: #5B75E6;
-  --ifm-color-primary-lighter: #7288EC;
-  --ifm-color-primary-lightest: #8A9BF2;
+  /* Updated Color Palette to match status.network */
+  --ifm-color-primary: #5EAEA4;
+  --ifm-color-primary-dark: #55A097;
+  --ifm-color-primary-darker: #4C928A;
+  --ifm-color-primary-darkest: #43847D;
+  --ifm-color-primary-light: #6FB9B0;
+  --ifm-color-primary-lighter: #80C4BC;
+  --ifm-color-primary-lightest: #91CFC8;
 
   /* Enhanced Secondary Colors */
-  --status-purple: #887AF9;
+  --status-purple: #8247E5;
   --status-blue: #51D0F0;
-  --status-green: #51D0A7;
+  --status-green: #5EAEA4;
   --status-yellow: #FFD506;
   --status-orange: #FF8F6B;
   --status-pink: #FF6B8F;
@@ -46,9 +46,9 @@
   --content-padding: clamp(1rem, 5vw, 3rem);
 
   /* Effects */
-  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
-  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
-  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
+  --shadow-sm: 0 2px 4px rgba(94, 174, 164, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(94, 174, 164, 0.1), 0 2px 4px -1px rgba(94, 174, 164, 0.06);
+  --shadow-lg: 0 10px 15px -3px rgba(94, 174, 164, 0.1), 0 4px 6px -2px rgba(94, 174, 164, 0.05);
 
   /* Animations */
   --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -58,18 +58,18 @@
 
 /* Dark Mode Overrides */
 [data-theme='dark'] {
-  --ifm-color-primary: #5B75E6;
-  --ifm-color-primary-dark: #4360DF;
+  --ifm-color-primary: #6FB9B0;
+  --ifm-color-primary-dark: #5EAEA4;
   --ifm-background-color: #0A0A0C;
   --ifm-background-surface-color: #151519;
 
   /* Dark mode specific shadows */
-  --shadow-sm: 0 2px 4px rgba(0,0,0,0.2);
-  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -1px rgba(0,0,0,0.2);
-  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -2px rgba(0,0,0,0.2);
+  --shadow-sm: 0 2px 4px rgba(94, 174, 164, 0.2);
+  --shadow-md: 0 4px 6px -1px rgba(94, 174, 164, 0.3), 0 2px 4px -1px rgba(94, 174, 164, 0.2);
+  --shadow-lg: 0 10px 15px -3px rgba(94, 174, 164, 0.3), 0 4px 6px -2px rgba(94, 174, 164, 0.2);
 }
 
-/* Base background colors */
+/* Base background colors - removing gradient */
 html,
 html body {
   background: #ffffff !important;
@@ -80,30 +80,14 @@ html[data-theme='dark'] body {
   background: #0A0A0C !important;
 }
 
-/* Light mode gradient background */
+/* Remove gradient background */
 html::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: 
-    radial-gradient(circle at 0% 0%, rgba(67, 96, 223, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 100% 0%, rgba(136, 122, 249, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 100% 100%, rgba(81, 208, 240, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 0% 100%, rgba(81, 208, 167, 0.2) 0%, transparent 50%);
-  pointer-events: none;
-  z-index: 0;
+  display: none;
 }
 
-/* Dark mode gradient background */
+/* Dark mode gradient background - remove */
 html[data-theme='dark']::before {
-  background: 
-    radial-gradient(circle at 0% 0%, rgba(67, 96, 223, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 100% 0%, rgba(136, 122, 249, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 100% 100%, rgba(81, 208, 240, 0.2) 0%, transparent 50%),
-    radial-gradient(circle at 0% 100%, rgba(81, 208, 167, 0.2) 0%, transparent 50%);
+  display: none;
 }
 
 /* Ensure content appears above the gradient */
@@ -167,27 +151,27 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Enhanced Navbar */
 .navbar {
-  background: rgba(255, 255, 255, 0.8);
-  border-bottom: 1px solid rgba(229, 231, 235, 0.5);
+  background: rgba(255, 255, 255, 0.95);
+  border-bottom: 1px solid rgba(229, 231, 235, 0.8);
+  backdrop-filter: blur(8px);
   animation: navbarFadeIn 0.5s ease-out;
 }
 
 [data-theme='dark'] .navbar {
-  background: rgba(10, 10, 12, 0.8);
-  border-bottom: 1px solid rgba(38, 38, 42, 0.5);
+  background: rgba(10, 10, 12, 0.95);
+  border-bottom: 1px solid rgba(38, 38, 42, 0.8);
 }
 
 /* Enhanced Card Styling */
 .card {
   border: 1px solid var(--status-gray-200);
   border-radius: 16px;
-  background: rgba(255, 255, 255, 0.6);
-  backdrop-filter: blur(8px);
+  background: white;
   transition: var(--transition-normal);
 }
 
 [data-theme='dark'] .card {
-  background: rgba(21, 21, 25, 0.6);
+  background: var(--ifm-background-surface-color);
   border-color: var(--status-gray-700);
 }
 
@@ -224,14 +208,14 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Hub Button Styling */
 .hub-button {
-  background: linear-gradient(135deg, var(--ifm-color-primary) 0%, var(--status-purple) 100%) !important;
+  background: #7140FD !important;
   color: white !important;
   padding: 0.4rem 1.2rem !important;
   border-radius: 12px !important;
   font-weight: 500 !important;
   font-size: 0.9rem !important;
   transition: var(--transition-normal) !important;
-  box-shadow: 0 4px 12px rgba(67, 96, 223, 0.2);
+  box-shadow: 0 4px 12px rgba(113, 64, 253, 0.2);
   position: relative;
   overflow: hidden;
   margin-right: 16px;
@@ -243,14 +227,14 @@ h1, h2, h3, h4, h5, h6 {
   position: absolute;
   width: 100%;
   height: 100%;
-  background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.1) 100%);
+  background: rgba(255, 255, 255, 0.1);
   transition: var(--transition-normal);
   opacity: 0;
 }
 
 .hub-button:hover {
   transform: translateY(-2px);
-  box-shadow: 0 8px 16px rgba(67, 96, 223, 0.3);
+  box-shadow: 0 8px 16px rgba(113, 64, 253, 0.3);
 }
 
 .hub-button:hover::before {
@@ -321,21 +305,21 @@ main {
 }
 
 .menu__link:hover {
-  background: rgba(67, 96, 223, 0.08);
+  background: rgba(94, 174, 164, 0.08);
   transform: translateX(4px);
 }
 
 [data-theme='dark'] .menu__link:hover {
-  background: rgba(67, 96, 223, 0.15);
+  background: rgba(94, 174, 164, 0.15);
 }
 
 .menu__link--active {
-  background: rgba(67, 96, 223, 0.1) !important;
+  background: rgba(94, 174, 164, 0.1) !important;
   font-weight: 500;
 }
 
 [data-theme='dark'] .menu__link--active {
-  background: rgba(67, 96, 223, 0.2) !important;
+  background: rgba(94, 174, 164, 0.2) !important;
 }
 
 /* Remove all sidebar borders */
@@ -355,7 +339,7 @@ div[class*='sidebarViewport'] {
 }
 
 .table-of-contents__link:hover {
-  background: rgba(67, 96, 223, 0.1);
+  background: rgba(94, 174, 164, 0.1);
   border-radius: 4px;
 }
 
@@ -371,7 +355,7 @@ div[class*='sidebarViewport'] {
   left: 0;
   width: 100%;
   height: 2px;
-  background: linear-gradient(90deg, var(--ifm-color-primary), var(--status-purple));
+  background: linear-gradient(90deg, var(--status-green), var(--status-purple));
   animation: loadingProgress 1s infinite;
 }