stakewise · Cast0001 · Dec 30, 2025 · Dec 30, 2025
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -30,14 +30,20 @@ const config: Config = {
       {
         docs: {
           path: 'docs',
-          remarkPlugins: [remarkMath],
-          rehypePlugins: [rehypeKatex],
+          remarkPlugins: [ remarkMath ],
+          rehypePlugins: [ rehypeKatex ],
           sidebarPath: './sidebars.ts',
           showLastUpdateTime: true,
           routeBasePath: '/',
           breadcrumbs: true,
           admonitions: {
-            keywords: ['custom-info', 'custom-tips', 'custom-warning', 'custom-notes', 'custom-stakewise'],
+            keywords: [
+              'custom-info',
+              'custom-tips',
+              'custom-notes',
+              'custom-warning',
+              'custom-stakewise',
+            ],
             extendDefaults: true,
           },
         },
@@ -67,12 +73,18 @@ const config: Config = {
         path: 'operator',
         routeBasePath: 'operator',
         sidebarPath: './sidebarsOperator.ts',
-        remarkPlugins: [remarkMath],
-        rehypePlugins: [rehypeKatex],
+        remarkPlugins: [ remarkMath ],
+        rehypePlugins: [ rehypeKatex ],
         showLastUpdateTime: true,
         breadcrumbs: true,
         admonitions: {
-          keywords: ['custom-info', 'custom-tips', 'custom-warning', 'custom-notes', 'custom-stakewise'],
+          keywords: [
+            'custom-info',
+            'custom-tips',
+            'custom-notes',
+            'custom-warning',
+            'custom-stakewise'
+          ],
           extendDefaults: true,
         },
       },
@@ -84,12 +96,18 @@ const config: Config = {
         path: 'operator-v3',
         routeBasePath: 'operator/v3',
         sidebarPath: './sidebarsOperatorV3.ts',
-        remarkPlugins: [remarkMath],
-        rehypePlugins: [rehypeKatex],
+        remarkPlugins: [ remarkMath ],
+        rehypePlugins: [ rehypeKatex ],
         showLastUpdateTime: true,
         breadcrumbs: true,
         admonitions: {
-          keywords: ['custom-info', 'custom-tips', 'custom-warning', 'custom-notes', 'custom-stakewise'],
+          keywords: [
+            'custom-info',
+            'custom-tips',
+            'custom-notes',
+            'custom-warning',
+            'custom-stakewise'
+          ],
           extendDefaults: true,
         },
       },

diff --git a/operator-v3/alternative-key-management/dvt/index.mdx b/operator-v3/alternative-key-management/dvt/index.mdx
@@ -24,7 +24,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node A - Top */}
-    <div style={{position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node A</strong>
     </div>
     <div style={{position: 'absolute', top: '25%', left: '50%', transform: 'translate(-50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -33,7 +33,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node B - Right */}
-    <div style={{position: 'absolute', top: '50%', right: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '50%', right: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node B</strong>
     </div>
     <div style={{position: 'absolute', top: '50%', right: '25%', transform: 'translate(50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -42,7 +42,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node C - Bottom */}
-    <div style={{position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node C</strong>
     </div>
     <div style={{position: 'absolute', bottom: '25%', left: '50%', transform: 'translate(-50%, 50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -51,7 +51,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node D - Left */}
-    <div style={{position: 'absolute', top: '50%', left: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '50%', left: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node D</strong>
     </div>
     <div style={{position: 'absolute', top: '50%', left: '25%', transform: 'translate(-50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>

diff --git a/operator/alternative-key-management/dvt/index.mdx b/operator/alternative-key-management/dvt/index.mdx
@@ -24,7 +24,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node A - Top */}
-    <div style={{position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node A</strong>
     </div>
     <div style={{position: 'absolute', top: '25%', left: '50%', transform: 'translate(-50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -33,7 +33,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node B - Right */}
-    <div style={{position: 'absolute', top: '50%', right: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '50%', right: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node B</strong>
     </div>
     <div style={{position: 'absolute', top: '50%', right: '25%', transform: 'translate(50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -42,7 +42,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node C - Bottom */}
-    <div style={{position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', bottom: '0', left: '50%', transform: 'translateX(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node C</strong>
     </div>
     <div style={{position: 'absolute', bottom: '25%', left: '50%', transform: 'translate(-50%, 50%)', textAlign: 'center', color: 'var(--grey)'}}>
@@ -51,7 +51,7 @@ StakeWise Vaults support both [Obol ↗](https://obol.org) and [SSV ↗](https:/
     </div>
 
     {/* Node D - Left */}
-    <div style={{position: 'absolute', top: '50%', left: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--coral)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
+    <div style={{position: 'absolute', top: '50%', left: '0', transform: 'translateY(-50%)', padding: '8px 12px', background: 'var(--fog)', border: '1px solid var(--lavender)', borderRadius: '6px', fontSize: '0.85em', textAlign: 'center'}}>
       <strong>Node D</strong>
     </div>
     <div style={{position: 'absolute', top: '50%', left: '25%', transform: 'translate(-50%, -50%)', textAlign: 'center', color: 'var(--grey)'}}>

diff --git a/package.json b/package.json
@@ -52,5 +52,6 @@
   },
   "engines": {
     "node": ">=22.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/src/components/BrandAssets/BrandAssets.tsx b/src/components/BrandAssets/BrandAssets.tsx
@@ -7,7 +7,7 @@ const BrandAssets: React.FC = () => (
       href="/stakewise-brand-assets.zip"
       download
     >
-      <div className="text-t16m text-coral underline">
+      <div className="text-t16m text-lavender underline">
         Download StakeWise brand assets
       </div>
     </a>

diff --git a/src/components/DocsSections/DocsSections.tsx b/src/components/DocsSections/DocsSections.tsx
@@ -9,7 +9,7 @@ const DocsSections: React.FC = () => {
 
   return (
     <div className="pt-40 flex flex-col items-center w-full">
-      <h1 className="text-coral! text-center">{siteConfig.title}</h1>
+      <h1 className="text-lavender! text-center">{siteConfig.title}</h1>
       <h3 className="text-center">{siteConfig.tagline}</h3>
       <Blocks />
     </div>

diff --git a/src/components/index.ts b/src/components/index.ts
@@ -1,6 +1,6 @@
 export { default as DocsSections } from './DocsSections/DocsSections'
 export { default as BrandAssets } from './BrandAssets/BrandAssets'
+export { default as Tooltip } from './Tooltip/Tooltip'
 export { default as GitHub } from './GitHub/GitHub'
 export { default as Links } from './Links/Links'
 export { default as FAQ } from './FAQ/FAQ'
-export { default as Tooltip } from './Tooltip/Tooltip'
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -2,25 +2,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Fragment+Mono:ital,wght@0,400;1,400&display=swap');
 
 :root {
-  --coral: #018970; /* default (light) */
-  --fog: #FFFFFF4D; /* fog effect */
-  --ifm-color-info-dark: #018970;
+  --ifm-color-info-dark: #5c0189;
   --code: #f6f7f8; /* code background */
   --docusaurus-highlighted-code-line-bg: rgba(255, 255, 0, 0.2);
   --grey: #666666;
   --blue: #e3f2fd;
   --ifm-navbar-height: 4.5rem;
   --ifm-font-family-monospace: 'Fragment Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
-  --navbar-bg: #c0d4c6; /* navbar background */
-}
-
-html[data-theme='dark'] {
-  --coral: #40E9DE;
-  --blue: #2c3d4a;
-  --grey: #aaaaaa;
-  --fog: #FFFFFF1A;
-  --ifm-color-info-dark: #40E9DE;
-  --navbar-bg: #2b3c3f; /* navbar background */
 }
 
 html {
@@ -40,18 +28,15 @@ body::before {
   z-index: -20;
   width: 100%;
   height: 100%;
-  background-repeat: no-repeat;
-  background-position: top center;
-  background-size: 100% 1500px;
   content: '';
 }
 
 html[data-theme='dark'] body::before {
-  background-image: linear-gradient(171.89deg, #2e4145 2.92%, #4b605a 54.05%, #23414b 85.21%);
+  background-image: linear-gradient(171.89deg, #211E24 0%, #3C3642 60%, #3E3947 72%, #45404f 84%, #5E576B 100%);
 }
 
 html[data-theme='light'] body::before {
-  background-image: linear-gradient(171.89deg, #c4ddd2 2.92%, #f2e5c4 55.54%, #d0ccb1 87.6%);
+  background-image: linear-gradient(171.89deg, #F4F1F8 0%, #F4F1F8 60%, #EEE9F6 78%, #d9d2e6 90%, #d3cbe4 100%);
 }
 
 html[data-theme='dark'] .alert--success {
@@ -68,7 +53,7 @@ html[data-theme='dark'] .alert--warning {
 }
 
 .markdown a {
-  color: var(--coral);
+  color: var(--lavender);
 }
 
 p {
@@ -173,15 +158,15 @@ html[data-theme='light'] .crystal-button-block:hover {
 
 html[data-theme='dark'] .crystal-button-block {
   box-shadow: 0 7px 12px 0 rgba(39, 40, 42, .35);
-  background: rgba(39, 40, 42, .5);
-  border: solid 1px rgba(39, 40, 42, .5);
+  background: rgba(82, 77, 87, .5);
+  border: solid 1px rgba(82, 77, 87, .9);
 }
 
 html[data-theme='dark'] .crystal-button-block:hover {
   transform: scale(1.05);
   text-decoration: none;
-  background: rgba(39, 40, 42, .8);
-  border: solid 1px rgba(39, 40, 42, .8);
+  background: rgba(82, 77, 87, .8);
+  border: solid 1px rgb(82, 77, 87);
 }
 
 html[data-theme='light'] .crystal-bg {
@@ -192,8 +177,8 @@ html[data-theme='light'] .crystal-bg {
 
 html[data-theme='dark'] .crystal-bg {
   box-shadow: 0 7px 12px 0 rgba(39, 40, 42, .35);
-  background: rgba(39, 40, 42, .5);
-  border: solid 1px rgba(39, 40, 42, .5);
+  background: rgba(82, 77, 87, .5);
+  border: solid 1px rgba(82, 77, 87, .9);
 }
 
 .footer__link-item svg,
@@ -202,12 +187,12 @@ html[data-theme='dark'] .crystal-bg {
 }
 
 .alert a {
-  text-decoration-color: var(--color-coral) !important;
+  text-decoration-color: var(--color-lavender) !important;
 }
 
 /* Force admonition links to have same styling as regular links */
 .theme-admonition a {
-  color: var(--coral);
+  color: var(--lavender);
   text-decoration: none;
 }
 
@@ -275,7 +260,7 @@ ol {
 
 hr {
   border: none;
-  border-top: 1px solid var(--coral);
+  border-top: 1px solid var(--lavender);
 }
 
 /* Customized admonitions */
@@ -295,7 +280,7 @@ hr {
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
-  color: var(--coral);
+  color: var(--lavender);
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -347,11 +332,11 @@ html[data-theme='dark'] .admonition-content code {
 
 /* Customized <details> and <summary> elements */
 details.custom-details > summary::before {
-  border-color: transparent transparent transparent var(--coral);
+  border-color: transparent transparent transparent var(--lavender);
 }
 
 details.custom-details > summary {
-  color: var(--coral);
+  color: var(--lavender);
   opacity: 0.8;
 }
 
@@ -365,7 +350,7 @@ details.custom-details {
 }
 
 .custom-details a {
-  color: var(--coral);
+  color: var(--lavender);
   text-decoration: none;
 }
 
@@ -377,9 +362,9 @@ details.custom-details {
 
 /* Tooltip links styling to match admonition links */
 .tooltip-link {
-  color: var(--coral);
+  color: var(--lavender);
   text-decoration: underline;
-  text-decoration-color: var(--coral);
+  text-decoration-color: var(--lavender);
 }
 
 .tooltip-link:hover {