diff --git a/assets/css/index.css b/assets/css/index.css
index 30a530e995..9aafdaff99 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -240,16 +240,16 @@ select {
 }
 
 .search-item {
-  @apply bg-white rounded-md relative text-redis-ink-900 border border-redis-pen-800;
+  @apply bg-gray-700 rounded-md relative text-gray-300 border border-gray-600;
 }
 
 .search-item[aria-selected] {
-  @apply bg-red-100;
+  @apply bg-gray-600;
 }
 
 .search-item:hover,
 .search-item:not([aria-selected]):focus-within {
-  @apply bg-red-50 text-redis-pen-800;
+  @apply bg-gray-600 text-white;
 }
 
 .search-item > a {
diff --git a/layouts/home.html b/layouts/home.html
index d5ba4cd856..f927831407 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -4,7 +4,7 @@
 {{ end }}
 
 {{ define "main" }}
-<main>
+<main class="bg-redis-ink-900 text-white">
   <header class="relative h-48 bg-redis-ink-900 text-white overflow-hidden">
     <div class="absolute w-1/2 h-full top-0 left-1/4">
       <div class="absolute w-fit -top-10 md:-top-6 -right-80 md:-left-96 scale-75 md:scale-100">
@@ -20,7 +20,7 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1>
         <label class="" for="search-home" id="search-label-home">
           {{ partial "icons/search.html" }}
         </label>
-        <input id="seach-home" name="q" class="appearance-none bg-transparent text-base sm:text-lg text-white placeholder-white w-full h-16 focus:outline-none" 
+        <input id="seach-home" name="q" class="appearance-none bg-transparent text-base sm:text-lg text-white placeholder-white w-full h-16 focus:outline-none"
                autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
                placeholder="Ask our AI-powered Redis copilot a question…" maxlength="500" type="text" value="" tabindex=""/>
         <!--<input type="submit" class="hover:text-redis-pen-300" value="&#x23CE;"/>-->
@@ -28,42 +28,43 @@ <h1 class="text-5xl font-medium">{{ .Title }}</h1>
       </form>
     </div>
   </header>
+  <div class="w-full h-px bg-[#163341]"></div>
   {{ partial "second-header.html" "disabled" }}
-  <div class="flex flex-col lg:flex-row gap-8 mx-auto px-4 md:px-11 py-6 md:py-28 max-w-[1920px]">
+  <div class="flex flex-col lg:flex-row gap-8 mx-auto px-4 md:px-11 py-6 md:py-28 max-w-[1920px] bg-redis-ink-900 text-white">
     <div class="lg:sticky lg:top-32 w-full lg:w-64 h-fit lg:h-full shrink-0 text-sm font-mono font-normal">
-      <nav class="lg:hidden w-full lg:w-64 z-40 bg-white h-fit lg:h-full leading-7">
-        <div class="border border-opacity-50 border-redis-ink-900 rounded-md flex flex-col">
-          <button class="px-6 py-4 text-redis-ink-900 font-medium flex justify-between cursor-pointer lg:cursor-default" onclick="dropdownToggle()">
+      <nav class="lg:hidden w-full lg:w-64 z-40 bg-redis-ink-900 h-fit lg:h-full leading-7">
+        <div class="border border-opacity-50 border-white rounded-md flex flex-col bg-redis-ink-900">
+          <button class="px-6 py-4 text-white font-medium flex justify-between cursor-pointer lg:cursor-default" onclick="dropdownToggle()">
             <div class="uppercase">Docs</div>
             <div id="dropdownChevron" class="lg:hidden self-center">{{ partial "icons/chevron.html" }}</div>
           </button>
-          <div id="dropdown" class="hidden lg:block border-t border-opacity-50 border-redis-ink-900 text-redis-pen-800">
+          <div id="dropdown" class="hidden lg:block border-t border-opacity-50 border-white text-gray-300 bg-redis-ink-900">
             <ul class="p-6">
-              <li><a class="py-2 hover:underline hover:text-redis-pen-600" href='{{ relURL "develop" }}'>Develop with Redis</a></li>
-              <li><a class="py-2 hover:underline hover:text-redis-pen-600" href='{{ relURL "integrate" }}'>Libraries and tools</a></li>
-              <li><a class="py-2 hover:underline hover:text-redis-pen-600" href='{{ relURL "operate" }}'>Redis products</a></li>
-              <li><a class="py-2 hover:underline hover:text-redis-pen-600" href='{{ relURL "commands" }}'>Commands</a></li>
-              <li><a class="py-2 hover:underline hover:text-redis-pen-600" href='{{ relURL "apis" }}'>APIs</a></li>
+              <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "develop" }}'>Develop with Redis</a></li>
+              <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "integrate" }}'>Libraries and tools</a></li>
+              <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "operate" }}'>Redis products</a></li>
+              <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "commands" }}'>Commands</a></li>
+              <li><a class="py-2 hover:underline hover:text-white" href='{{ relURL "apis" }}'>APIs</a></li>
             </ul>
           </div>
         </div>
       </nav>
       <nav class="hidden lg:block w-full lg:w-64 z-40 h-full leading-7">
         <div class="flex flex-col gap-4">
-          <div class="flex flex-col border border-redis-ink-900 border-opacity-50 rounded-md">
-            <a class="px-6 py-4 rounded-t-md hover:bg-redis-pen-200" href='{{ relURL "develop" }}'>Develop with Redis</a>
-            <a class="px-6 py-4 hover:bg-redis-pen-200 border-y border-redis-ink-900 border-opacity-50" href='{{ relURL "integrate" }}'>Libraries and tools</a>
-            <a class="px-6 py-4 rounded-b-md hover:bg-redis-pen-200" href='{{ relURL "operate" }}'>Redis products</a>
+          <div class="flex flex-col border border-white border-opacity-50 rounded-md bg-redis-ink-900">
+            <a class="px-6 py-4 rounded-t-md hover:bg-redis-pen-800 text-white" href='{{ relURL "develop" }}'>Develop with Redis</a>
+            <a class="px-6 py-4 hover:bg-redis-pen-800 border-y border-white border-opacity-50 text-white" href='{{ relURL "integrate" }}'>Libraries and tools</a>
+            <a class="px-6 py-4 rounded-b-md hover:bg-redis-pen-800 text-white" href='{{ relURL "operate" }}'>Redis products</a>
           </div>
-          <div class="flex flex-col border border-redis-ink-900 border-opacity-50 rounded-md">
-            <a class="px-6 py-4 rounded-t-md hover:bg-redis-pen-200 text-redis-red-600" href='{{ relURL "commands" }}'>Commands</a>
-            <a class="px-6 py-4 rounded-b-md hover:bg-redis-pen-200 border-t border-redis-ink-900 border-opacity-50" href='{{ relURL "apis" }}'>APIs</a>
+          <div class="flex flex-col border border-white border-opacity-50 rounded-md bg-redis-ink-900">
+            <a class="px-6 py-4 rounded-t-md hover:bg-redis-pen-800 text-redis-red-500" href='{{ relURL "commands" }}'>Commands</a>
+            <a class="px-6 py-4 rounded-b-md hover:bg-redis-pen-800 border-t border-white border-opacity-50 text-white" href='{{ relURL "apis" }}'>APIs</a>
           </div>
         </div>
       </nav>
     </div>
     <div class="lg:px-11 w-full flex flex-col gap-3">
-      <h2 class="text-5xl font-medium" id="operate">Get Started</h2>
+      <h2 class="text-5xl font-medium text-white" id="operate">Get Started</h2>
         {{ partial "docs-section.html" (dict
           "Title" "Quickly set up a Redis cache, primary, vector, or custom database"
           "Description" "Set up a Free Redis-managed database on AWS, GCP, or Azure"
@@ -116,7 +117,7 @@ <h2 class="text-5xl font-medium" id="operate">Get Started</h2>
           )  ) }}
       </div>
       <div class="lg:px-11 w-full flex flex-col gap-3">
-        <h2 class="text-5xl font-medium" id="operate">Deploy</h2>
+        <h2 class="text-5xl font-medium text-white" id="operate">Deploy</h2>
         {{ partial "docs-section.html" (dict
             "Title" "Control your Redis deployments on-premises and on cloud platforms"
           "Description" "Robust support for hybrid and multi-AZ environments"
diff --git a/layouts/partials/components/button-link.html b/layouts/partials/components/button-link.html
index 1a606d028d..934a4dcb0c 100644
--- a/layouts/partials/components/button-link.html
+++ b/layouts/partials/components/button-link.html
@@ -1,6 +1,6 @@
 {{ $defaultWidth := "fit" }}
 {{ if eq .AltColors true }}
-<a class="w-{{- .Width | default $defaultWidth }} p-4 text-sm font-mono bg-white text-redis-ink-900 border border-redis-pen-600 rounded hover:bg-redis-yellow-500 hover:border-redis-yellow-500 transition-colors" href="{{ .Href }}">{{ .Text }}</a>
+<a class="w-{{- .Width | default $defaultWidth }} p-4 text-sm font-mono bg-white text-redis-ink-900 border border-redis-pen-600 rounded hover:bg-[#163341] hover:border-[#163341] hover:text-white transition-colors" href="{{ .Href }}">{{ .Text }}</a>
 {{ else }}
-<a class="w-{{- .Width | default $defaultWidth }} p-4 text-sm font-mono bg-redis-yellow-500 text-redis-ink-900 border border-redis-pen-600 rounded  hover:bg-redis-ink-900 hover:text-white transition-colors" href="{{ .Href }}">{{ .Text }}</a>
+<a class="w-{{- .Width | default $defaultWidth }} p-4 text-sm font-mono bg-[#163341] text-white border border-white border-opacity-30 rounded hover:bg-[#1a3a4a] hover:border-opacity-50 transition-colors" href="{{ .Href }}">{{ .Text }}</a>
 {{ end }}
diff --git a/layouts/partials/docs-section.html b/layouts/partials/docs-section.html
index 87baa9dfc4..29bc42cd30 100644
--- a/layouts/partials/docs-section.html
+++ b/layouts/partials/docs-section.html
@@ -1,22 +1,22 @@
-<div class="w-full border-t border-t-redis-pen-300 mt-14 pt-14 flex flex-col md:flex-row gap-11 md:gap-0">
+<div class="w-full border-t border-t-white border-opacity-30 mt-14 pt-14 flex flex-col md:flex-row gap-11 md:gap-0">
   <div class="flex flex-col gap-5 flex-1">
-    <h3 class="text-2xl">{{ .Title }}</h3>
-    <p>{{ .Description }}</p>
+    <h3 class="text-2xl text-white">{{ .Title }}</h3>
+    <p class="text-gray-300">{{ .Description }}</p>
     {{ partial "components/button-link.html" (dict "Href" .ButtonLink "Text" .ButtonLabel) }}
   </div>
   <div class="flex-1 font-mono">
-    <div class="h-full flex flex-col md:flex-row gap-11 md:gap-8 md:pl-8 md:ml-8 md:border-l md:border-l-redis-pen-300">
+    <div class="h-full flex flex-col md:flex-row gap-11 md:gap-8 md:pl-8 md:ml-8 md:border-l md:border-l-white md:border-opacity-30">
       <div class="flex flex-col gap-5 flex-1">
-        <p class="uppercase">{{ .LinksLeftTitle }}</p>
+        <p class="uppercase text-gray-400">{{ .LinksLeftTitle }}</p>
         {{ range .LinksLeft }}
-          <a class="hover:text-redis-red-500 transition-colors text-balance" href="{{ .URL }}">{{ .Text }}&nbsp;→</a>
+          <a class="hover:text-redis-red-500 transition-colors text-balance text-gray-300" href="{{ .URL }}">{{ .Text }}&nbsp;→</a>
         {{ end }}
       </div>
       {{ if .LinksRight }}
       <div class="flex flex-col gap-5 flex-1">
-        <p class="uppercase">{{ .LinksRightTitle }}</p>
+        <p class="uppercase text-gray-400">{{ .LinksRightTitle }}</p>
         {{ range .LinksRight }}
-          <a class="hover:text-redis-red-500 transition-colors text-balance" href="{{ .URL }}">{{ .Text }}&nbsp;→</a>
+          <a class="hover:text-redis-red-500 transition-colors text-balance text-gray-300" href="{{ .URL }}">{{ .Text }}&nbsp;→</a>
         {{ end }}
       </div>
       {{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 62643b4bba..f0c495abf8 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,8 +1,8 @@
 <footer
-  class="relative z-50 flex justify-center bg-white px-0 py-24 text-redis-pen-600 border border-t-redis-pen-300 text-[13px] font-sans">
+  class="relative z-50 flex justify-center bg-redis-ink-900 px-0 py-24 text-gray-300 border-t border-t-white border-opacity-30 text-[13px] font-sans">
   <div class="flex w-full max-w-7xl flex-col gap-6 px-4 md:flex-row lg:px-8">
     <div class="flex flex-col gap-8 md:max-w-[40%] md:flex-[40%]">
-      <a class="relative hover:text-redis-pen-400 w-[82px] mb-4" href="https://redis.io/">
+      <a class="relative hover:text-white w-[82px] mb-4" href="https://redis.io/">
         {{ partial "icons/logo-script.html" }}
       </a>
       <div class="flex flex-col justify-between mt-8 lg:mt-0 lg:mr-8 gap-8">
@@ -11,115 +11,115 @@
         </div>
         */}}
         <div class="flex flex-row gap-5 order-first">
-          <a class="hover:text-redis-pen-400" href="https://www.facebook.com/Redisinc">
+          <a class="hover:text-white" href="https://www.facebook.com/Redisinc">
             {{ partial "icons/Facebook.html" }}
           </a>
-          <a class="hover:text-redis-pen-400" href="https://www.youtube.com/c/redisinc">
+          <a class="hover:text-white" href="https://www.youtube.com/c/redisinc">
             {{ partial "icons/Youtube.html" }}
           </a>
-          <a class="hover:text-redis-pen-400" href="https://www.linkedin.com/company/redisinc/">
+          <a class="hover:text-white" href="https://www.linkedin.com/company/redisinc/">
             {{ partial "icons/LinkedIn.html" }}
           </a>
-          <a class="hover:text-redis-pen-400" href="https://www.instagram.com/redisinc/">
+          <a class="hover:text-white" href="https://www.instagram.com/redisinc/">
             {{ partial "icons/Instagram.html" }}
           </a>
-          <a class="hover:text-redis-pen-400" href="https://twitter.com/Redisinc">
+          <a class="hover:text-white" href="https://twitter.com/Redisinc">
             {{ partial "icons/X.html" }}
           </a>
-          <a class="hover:text-redis-pen-400" href="https://github.com/redis/">
+          <a class="hover:text-white" href="https://github.com/redis/">
             {{ partial "icons/Github.html" }}
           </a>
         </div>
       </div>
       <div class="hidden flex-col gap-4 md:flex">
-        <a class="hover:text-redis-pen-800" href="https://trust.redis.io/">Trust</a>
-        <a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">Privacy</a>
-        <a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
-        <a class="hover:text-redis-pen-800" href="https://redis.io/legal/">Legal notices</a>
+        <a class="hover:text-white" href="https://trust.redis.io/">Trust</a>
+        <a class="hover:text-white" href="https://redis.io/legal/privacy-policy/">Privacy</a>
+        <a class="hover:text-white" href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
+        <a class="hover:text-white" href="https://redis.io/legal/">Legal notices</a>
       </div>
     </div>
     <div class="flex flex-col gap-8 md:max-w-[15%] md:flex-[15%]">
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Use Cases</h3>
+        <h3 class="font-medium text-base uppercase text-white">Use Cases</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/vector-database/">Vector database</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/feature-stores/">Feature stores</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/redis-for-ai/">Semantic cache</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/caching/">Caching</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/nosql/what-is-nosql/">NoSQL database</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/leaderboards/">Leaderboards</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/deduplication/">Data deduplication</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/messaging/">Messaging</a>
-          <a class="hover:text-redis-pen-800"
+          <a class="hover:text-white" href="https://redis.io/solutions/vector-database/">Vector database</a>
+          <a class="hover:text-white" href="https://redis.io/solutions/feature-stores/">Feature stores</a><a
+            class="hover:text-white" href="https://redis.io/redis-for-ai/">Semantic cache</a>
+          <a class="hover:text-white" href="https://redis.io/solutions/caching/">Caching</a><a
+            class="hover:text-white" href="https://redis.io/nosql/what-is-nosql/">NoSQL database</a>
+          <a class="hover:text-white" href="https://redis.io/solutions/leaderboards/">Leaderboards</a>
+          <a class="hover:text-white" href="https://redis.io/solutions/deduplication/">Data deduplication</a>
+          <a class="hover:text-white" href="https://redis.io/solutions/messaging/">Messaging</a>
+          <a class="hover:text-white"
             href="https://redis.io/solutions/authentication-token-storage/">Authentication token storage</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions/fast-data-ingest/">Fast-data ingest</a>
-          <a class="hover:text-redis-pen-800"
+          <a class="hover:text-white" href="https://redis.io/solutions/fast-data-ingest/">Fast-data ingest</a>
+          <a class="hover:text-white"
             href="https://redis.io/solutions/query-caching-with-redis-enterprise/">Query caching</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/solutions">All solutions</a>
+          <a class="hover:text-white" href="https://redis.io/solutions">All solutions</a>
         </div>
       </div>
     </div>
     <div class="flex flex-col gap-8 md:grid md:max-w-[45%] md:flex-[45%] md:grid-cols-3 md:justify-between">
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Industries</h3>
+        <h3 class="font-medium text-base uppercase text-white">Industries</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/industries/financial-services/">Financial
+          <a class="hover:text-white" href="https://redis.io/industries/financial-services/">Financial
             Services</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/industries/gaming/">Gaming</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/industries/healthcare/">Healthcare</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/industries/retail/">Retail</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/industries/">All industries</a>
+          <a class="hover:text-white" href="https://redis.io/industries/gaming/">Gaming</a><a
+            class="hover:text-white" href="https://redis.io/industries/healthcare/">Healthcare</a>
+          <a class="hover:text-white" href="https://redis.io/industries/retail/">Retail</a>
+          <a class="hover:text-white" href="https://redis.io/industries/">All industries</a>
         </div>
       </div>
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Compare</h3>
+        <h3 class="font-medium text-base uppercase text-white">Compare</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/compare/elasticache/">Redis vs Elasticache</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/compare/memcached/">Redis vs Memcached</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/compare/memorystore/">Redis vs Memory Store</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/compare/community-edition/">Redis vs Source
+          <a class="hover:text-white" href="https://redis.io/compare/elasticache/">Redis vs Elasticache</a>
+          <a class="hover:text-white" href="https://redis.io/compare/memcached/">Redis vs Memcached</a>
+          <a class="hover:text-white" href="https://redis.io/compare/memorystore/">Redis vs Memory Store</a>
+          <a class="hover:text-white" href="https://redis.io/compare/community-edition/">Redis vs Source
             Available</a>
         </div>
       </div>
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Company</h3>
+        <h3 class="font-medium text-base uppercase text-white">Company</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/company/">Mission &amp; values</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/company/team/">Leadership</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/careers/">Careers</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
+          <a class="hover:text-white" href="https://redis.io/company/">Mission &amp; values</a><a
+            class="hover:text-white" href="https://redis.io/company/team/">Leadership</a>
+          <a class="hover:text-white" href="https://redis.io/careers/">Careers</a><a
+            class="hover:text-white" href="https://redis.io/company/news/">News</a>
         </div>
       </div>
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Connect</h3>
+        <h3 class="font-medium text-base uppercase text-white">Connect</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/community/">Community</a><a
-            class="hover:text-redis-pen-800" href="https://redis.io/events/">Events &amp; webinars</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
+          <a class="hover:text-white" href="https://redis.io/community/">Community</a><a
+            class="hover:text-white" href="https://redis.io/events/">Events &amp; webinars</a>
+          <a class="hover:text-white" href="https://redis.io/company/news/">News</a>
         </div>
       </div>
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Partners</h3>
+        <h3 class="font-medium text-base uppercase text-white">Partners</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/aws/">Amazon Web Services</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/google/">Google Cloud</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/azure/">Microsoft Azure</a>
-          <a class="hover:text-redis-pen-800" href="https://redis.io/partners/">All partners</a>
+          <a class="hover:text-white" href="https://redis.io/cloud-partners/aws/">Amazon Web Services</a>
+          <a class="hover:text-white" href="https://redis.io/cloud-partners/google/">Google Cloud</a>
+          <a class="hover:text-white" href="https://redis.io/cloud-partners/azure/">Microsoft Azure</a>
+          <a class="hover:text-white" href="https://redis.io/partners/">All partners</a>
         </div>
       </div>
       <div>
-        <h3 class="font-medium text-base uppercase text-redis-ink-900">Support</h3>
+        <h3 class="font-medium text-base uppercase text-white">Support</h3>
         <div class="flex flex-col gap-4 pt-4">
-          <a class="hover:text-redis-pen-800" href="https://redis.io/services/professional-services/">Professional
-            services</a><a class="hover:text-redis-pen-800" href="https://redis.io/support/">Support</a>
+          <a class="hover:text-white" href="https://redis.io/services/professional-services/">Professional
+            services</a><a class="hover:text-white" href="https://redis.io/support/">Support</a>
         </div>
       </div>
     </div>
     <div class="absolute bottom-0 left-0 flex w-full flex-row gap-8 p-4 md:hidden">
-      <a href="https://trust.redis.io/">Trust</a>
-      <a href="https://redis.io/legal/privacy-policy/">Privacy</a>
-      <a href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
-      <a href="https://redis.io/legal/">Legal notices</a>
+      <a class="hover:text-white" href="https://trust.redis.io/">Trust</a>
+      <a class="hover:text-white" href="https://redis.io/legal/privacy-policy/">Privacy</a>
+      <a class="hover:text-white" href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
+      <a class="hover:text-white" href="https://redis.io/legal/">Legal notices</a>
     </div>
   </div>
 </footer>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 5f7c0a719b..776cb72125 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <header
-  class="sticky top-0 h-[70px] z-50 w-full border-b border-redis-pen-300 bg-white text-midnight-900 font-mono text-[15px] flex justify-center">
+  class="sticky top-0 h-[70px] z-50 w-full border-b border-white border-opacity-30 bg-redis-ink-900 text-white font-mono text-[15px] flex justify-center">
   {{/* {{ partial "banner.html" . }} */}}
   <div class="flex h-[70px] px-4 lg:pl-11 lg:pr-0 items-center self-center grow">
     <a class="relative text-redis-red-500 w-[82px] -mt-[5px] mr-[4px]" href="https://redis.io/">
@@ -9,7 +9,7 @@
       <div class="hidden lg:flex flex-row h-full items-center">
         <div class="group h-full px-2 xl:px-[14px]">
           <div class="flex flex-row h-full items-center cursor-pointer w-[18ch] justify-between">
-            <div class="relative flex rounded-[20px] border border-[#091a23] px-4 pl-9 py-1 transition-all duration-500 group-hover:border-[#ff4438]">
+            <div class="relative flex rounded-[20px] border border-white border-opacity-50 px-4 pl-9 py-1 transition-all duration-500 group-hover:border-[#ff4438]">
               <svg class="absolute top-0 left-[-112px] right-0 bottom-0 m-auto w-4 h-4" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
                 <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>
@@ -44,14 +44,15 @@
     </div>
 
     <div class="h-full flex gap-[18px] xl:gap-7 items-center text-center">
-      <button id="search-button" type="button" class="p-1 mt-1 transition-colors hover:text-redis-red-500">
+      <button id="search-button" type="button" class="hidden lg:flex items-center gap-2 px-6 py-2 bg-[#163341] text-white rounded-full border border-white border-opacity-30 hover:bg-[#1a3a4a] hover:border-opacity-50 transition-colors">
         {{ partial "icons/search.html" }}
+        Search
       </button>
       <a class="hidden lg:block py-1 transition-colors hover:text-redis-red-500"
         href="https://cloud.redis.io/">Login</a>
       <a class="hidden lg:block py-1 transition-colors hover:text-redis-red-500" href="https://redis.io/meeting/">Book a
         meeting</a>
-      <a class="hidden lg:inline-flex transition-colors hover:duration-0 duration-500 ease-out items-center justify-center bg-redis-red-700 hover:bg-redis-pen-900 text-redis-white-200 font-bold hover:text-midnight-900 h-full px-[22px]"
+      <a class="hidden lg:inline-flex items-center justify-center px-6 py-2 mr-4 border-2 border-redis-red-500 text-white font-bold rounded-md hover:bg-redis-red-500 transition-colors"
         href="https://redis.io/try-free/">Try Redis</a>
       <button data-menu-toggle aria-expanded="false" type="button"
         class="menu-toggle lg:hidden p-1 mt-1 transition-colors hover:text-redis-red-500">
@@ -63,19 +64,19 @@
   </div>
 
   <nav data-menu
-    class="hidden absolute left-0 top-[70px] h-[calc(100vh-70px)] w-full overflow-y-auto bg-white pb-12 xl:hidden">
-    <ul class="space-y-4 bg-white p-4">
-      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-redis-pen-300 py-4 last:border-none">
+    class="hidden absolute left-0 top-[70px] h-[calc(100vh-70px)] w-full overflow-y-auto bg-redis-ink-900 pb-12 xl:hidden">
+    <ul class="space-y-4 bg-redis-ink-900 p-4">
+      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
         <div class="flex items-center justify-between">
-          <a href="https://redis.io/redis-for-ai/" class="text-lg font-medium flex items-center gap-2">Redis for AI
+          <a href="https://redis.io/redis-for-ai/" class="text-lg font-medium flex items-center gap-2 text-white">Redis for AI
             <svg class="" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-150" id="star-bottom" d="M11.1718 9.68706C11.2845 9.38235 11.7155 9.38235 11.8282 9.68706L12.3895 11.2037C12.4249 11.2995 12.5005 11.3751 12.5963 11.4105L14.1129 11.9717C14.4176 12.0845 14.4176 12.5155 14.1129 12.6282L12.5963 13.1895C12.5005 13.2249 12.4249 13.3004 12.3895 13.3962L11.8282 14.9129C11.7155 15.2176 11.2845 15.2176 11.1718 14.9129L10.6105 13.3962C10.5751 13.3004 10.4995 13.2249 10.4037 13.1895L8.88708 12.6282C8.58236 12.5155 8.58236 12.0845 8.88708 11.9717L10.4037 11.4105C10.4995 11.3751 10.5751 11.2995 10.6105 11.2037L11.1718 9.68706Z" fill="#FF4438"></path>
             <path class="transform origin-center transition-transform duration-300 group-hover:scale-50" id="star-top" d="M5.27175 1.68707C5.38451 1.38235 5.81549 1.38235 5.92825 1.68706L7.05666 4.73654C7.09211 4.83235 7.16764 4.90788 7.26344 4.94333L10.3129 6.07174C10.6176 6.18449 10.6176 6.61548 10.3129 6.72824L7.26344 7.85665C7.16764 7.8921 7.09211 7.96763 7.05666 8.06343L5.92825 11.1129C5.81549 11.4176 5.38451 11.4176 5.27175 11.1129L4.14334 8.06343C4.10789 7.96763 4.03236 7.8921 3.93656 7.85665L0.887077 6.72824C0.582361 6.61548 0.58236 6.18449 0.887077 6.07174L3.93656 4.94333C4.03236 4.90788 4.10789 4.83235 4.14334 4.73654L5.27175 1.68707Z" fill="#FF4438"></path>
           </svg></a>
         </div>
       </li>
-      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-redis-pen-300 py-4 last:border-none">
-        <div class="flex items-center justify-between"><span class="text-lg font-medium">Products</span>
+      <li data-products-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
+        <div class="flex items-center justify-between"><span class="text-lg font-medium text-white">Products</span>
           <button>
             <span data-products-mobile-menu-open-icon>{{ partial "icons/plus-red.html" }}</span>
             <span data-products-mobile-menu-close-icon class="hidden">{{ partial "icons/minus-red.html" }}</span>
@@ -83,8 +84,8 @@
         </div>
         {{ partial "header/products-mobile.html" }}
       </li>
-      <li data-resources-mobile-menu-toggle aria-expanded="false" class="border-b border-b-redis-pen-300 py-4 last:border-none">
-        <div class="flex items-center justify-between"><span class="text-lg font-medium">Resources</span>
+      <li data-resources-mobile-menu-toggle aria-expanded="false" class="border-b border-b-white border-opacity-30 py-4 last:border-none">
+        <div class="flex items-center justify-between"><span class="text-lg font-medium text-white">Resources</span>
           <button>
             <span data-resources-mobile-menu-open-icon>{{ partial "icons/plus-red.html" }}</span>
             <span data-resources-mobile-menu-close-icon class="hidden">{{ partial "icons/minus-red.html" }}</span>
@@ -92,11 +93,11 @@
         </div>
         {{ partial "header/resources-mobile.html" }}
       </li>
-      <li class="border-b border-b-redis-pen-300">
-        <div class="flex items-center justify-between"><a href="https://redis.io/docs/" class="block py-4 w-full text-lg font-medium">Docs</a></div>
+      <li class="border-b border-b-white border-opacity-30">
+        <div class="flex items-center justify-between"><a href="https://redis.io/docs/" class="block py-4 w-full text-lg font-medium text-white">Docs</a></div>
       </li>
       <li>
-        <div class="flex items-center justify-between"><a href="https://redis.io/pricing/" class="block py-4 w-full text-lg font-medium">Pricing</a></div>
+        <div class="flex items-center justify-between"><a href="https://redis.io/pricing/" class="block py-4 w-full text-lg font-medium text-white">Pricing</a></div>
       </li>
     </ul>
     <ul class="pt-6">
diff --git a/layouts/partials/header/products-dropdown.html b/layouts/partials/header/products-dropdown.html
index f3414c4a30..8c203714a4 100644
--- a/layouts/partials/header/products-dropdown.html
+++ b/layouts/partials/header/products-dropdown.html
@@ -1,49 +1,49 @@
 <div
-  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-white lg:border-opacity-30 bg-redis-ink-900 lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
   <div class="p-10">
-    <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
+    <h2 class="mb-6 border-b border-white border-opacity-30 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">
       Products</h2>
     <ul class="grid grid-cols-1 gap-x-7 gap-y-3.5">
       <li class="w-[16rem]">
-        <a class="font-medium hover:text-redis-red-500" href="https://redis.io/cloud/">
+        <a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/cloud/">
           Redis Cloud
-          <p class="mt-2 text-xs font-normal text-gray-600">Fully managed and integrated with Google Cloud, Azure, and
+          <p class="mt-2 text-xs font-normal text-gray-300">Fully managed and integrated with Google Cloud, Azure, and
             AWS.</p>
         </a>
       </li>
       <li class="w-[16rem]">
-        <a class="font-medium hover:text-redis-red-500" href="https://redis.io/software/">
+        <a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/software/">
           Redis Software
-          <p class="mt-2 text-xs font-normal text-gray-600">Self-managed software with enterprise-grade compliance and
+          <p class="mt-2 text-xs font-normal text-gray-300">Self-managed software with enterprise-grade compliance and
             reliability.</p>
         </a>
       </li>
       <li class="w-[16rem]">
-        <a class="font-medium hover:text-redis-red-500" href="https://redis.io/open-source/">
+        <a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/open-source/">
           Redis Open Source
-          <p class="mt-2 text-xs font-normal text-gray-600">In-memory database for caching &amp; streaming.</p>
+          <p class="mt-2 text-xs font-normal text-gray-300">In-memory database for caching &amp; streaming.</p>
         </a>
       </li>
     </ul>
 
   </div>
-  <div class="flex flex-col bg-redis-neutral-200 p-8">
+  <div class="flex flex-col bg-redis-pen-800 p-8">
     <div class="mb-4">
-      <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
+      <h2 class="mb-6 border-b border-white border-opacity-30 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">
         Tools</h2>
       <ul class="space-y-4">
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/langcache/">Redis
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/langcache/">Redis
             LangCache</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/insight/">Redis
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/insight/">Redis
             Insight</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/data-integration/">Redis
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/data-integration/">Redis
             Data Integration</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/clients/">Clients
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/clients/">Clients
             & Connectors</a></li>
       </ul>
     </div>
     <div class="mt-auto">
-      <h2 class="mb-6 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">Get Redis</h2><a
+      <h2 class="mb-6 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">Get Redis</h2><a
         class="w-9/12 rounded border-redis-pen-600 bg-redis-red-700 px-12 py-4 text-redis-white-200 font-sans font-bold text-[16px] weight-[400] hover:bg-redis-pen-900"
         href="https://redis.io/downloads/">Downloads</a>
     </div>
diff --git a/layouts/partials/header/products-mobile.html b/layouts/partials/header/products-mobile.html
index 2ab7cedf76..757a887c73 100644
--- a/layouts/partials/header/products-mobile.html
+++ b/layouts/partials/header/products-mobile.html
@@ -1,42 +1,42 @@
 <div data-products-mobile-menu class="hidden">
     <ul class="space-y-4 py-4">
         <li class="active:text-redis-red-500">
-            <a class="block w-full py-2" href="https://redis.io/cloud/">
+            <a class="block w-full py-2 text-white" href="https://redis.io/cloud/">
                 Redis Cloud
-                <p class="mt-2 text-xs font-normal text-gray-600">Fully managed and integrated with Google Cloud, Azure,
+                <p class="mt-2 text-xs font-normal text-gray-300">Fully managed and integrated with Google Cloud, Azure,
                     and AWS.</p>
             </a>
         </li>
         <li class="active:text-redis-red-500">
-            <a class="block w-full py-2" href="https://redis.io/software/">
+            <a class="block w-full py-2 text-white" href="https://redis.io/software/">
                 Redis Software
-                <p class="mt-2 text-xs font-normal text-gray-600">Self-managed software with enterprise-grade compliance
+                <p class="mt-2 text-xs font-normal text-gray-300">Self-managed software with enterprise-grade compliance
                     and reliability.</p>
             </a>
         </li>
         <li class="active:text-redis-red-500">
-            <a class="block w-full py-2" href="https://redis.io/open-source/">
+            <a class="block w-full py-2 text-white" href="https://redis.io/open-source/">
                 Redis Open Source
-                <p class="mt-2 text-xs font-normal text-gray-600">In-memory database for caching &amp; streaming.</p>
+                <p class="mt-2 text-xs font-normal text-gray-300">In-memory database for caching &amp; streaming.</p>
             </a>
         </li>
     </ul>
     <div class="flex flex-col pt-4">
         <div class="mb-4">
-            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">Tools</h2>
+            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-300">Tools</h2>
             <ul class="space-y-4">
-                <li class="active:text-redis-red-500"><a class="block w-full py-2"
+                <li class="active:text-redis-red-500"><a class="block w-full py-2 text-white"
                         href="https://redis.io/langcache/">Redis LangCache</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-2"
+                <li class="active:text-redis-red-500"><a class="block w-full py-2 text-white"
                         href="https://redis.io/insight/">Redis Insight</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-2"
+                <li class="active:text-redis-red-500"><a class="block w-full py-2 text-white"
                         href="https://redis.io/data-integration/">Redis Data Integration</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-2"
+                <li class="active:text-redis-red-500"><a class="block w-full py-2 text-white"
                         href="https://redis.io/clients/">Clients & Connectors</a></li>
             </ul>
         </div>
         <div class="pt-4">
-            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">Get Redis</h2>
+            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-300">Get Redis</h2>
             <div class="flex text-center"><a
                     class="w-full rounded border border-redis-pen-600 bg-redis-red-700 py-4 text-redis-white-200 font-sans font-bold active:bg-redis-pen-900 active:text-white"
                     href="https://redis.io/downloads/">Downloads</a></div>
diff --git a/layouts/partials/header/resources-dropdown.html b/layouts/partials/header/resources-dropdown.html
index e5f62827c6..4add7e2783 100644
--- a/layouts/partials/header/resources-dropdown.html
+++ b/layouts/partials/header/resources-dropdown.html
@@ -1,60 +1,60 @@
 <div
-  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-redis-pencil-300 bg-white lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
+  class="flex flex-col font-sans lg:hidden lg:group-hover:flex lg:absolute lg:left-20 lg:border lg:border-white lg:border-opacity-30 bg-redis-ink-900 lg:flex-row lg:rounded-b-md gap-8 text-[15px]">
   <div class="p-10">
     <div>
-      <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
+      <h2 class="mb-6 border-b border-white border-opacity-30 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">
         Connect</h2>
       <ul class="grid grid-cols-3 gap-x-7 gap-y-3.5">
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/customers/">Customer Stories</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/partners/">Partners</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/support/">Support</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/community/">Community</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/events/">Events
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/events/">Events
             &amp; Webinars</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/services/professional-services/">Professional Services</a></li>
       </ul>
     </div>
     <div>
       <h2
-        class="mb-6 mt-12 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
+        class="mb-6 mt-12 border-b border-white border-opacity-30 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">
         Learn</h2>
       <ul class="grid grid-cols-3 gap-x-7 gap-y-3.5">
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/docs/">Docs</a>
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/docs/">Docs</a>
         </li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/commands/">Commands</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/docs/latest/get-started/">Quick
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/docs/latest/get-started/">Quick
             starts</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/learn/">Tutorials</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://university.redis.io/">University</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/kb/">FAQs</a></li>
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/kb/">FAQs</a></li>
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/resources/">Resources</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/blog/">Blog</a>
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/blog/">Blog</a>
         </li>
       </ul>
     </div>
   </div>
-  <div class="flex flex-col bg-redis-neutral-200 p-10">
+  <div class="flex flex-col bg-redis-pen-800 p-10">
     <div class="mb-4">
-      <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">
+      <h2 class="mb-6 border-b border-white border-opacity-30 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">
         Latest</h2>
       <ul class="space-y-4">
-        <li><a class="font-medium hover:text-redis-red-500"
+        <li><a class="font-medium text-white hover:text-redis-red-500"
             href="https://redis.io/release/">Releases</a></li>
-        <li><a class="font-medium hover:text-redis-red-500" href="https://redis.io/company/news/">News
+        <li><a class="font-medium text-white hover:text-redis-red-500" href="https://redis.io/company/news/">News
             &amp; Updates</a></li>
       </ul>
     </div>
     <div class="mt-auto">
-      <h2 class="mb-6 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-400">See how it works</h2><a
+      <h2 class="mb-6 pb-2 text-xs font-medium uppercase tracking-[2px] text-gray-300">See how it works</h2><a
         class="w-9/12 rounded border-redis-pen-600 bg-redis-red-700 px-6 py-4 text-redis-white-200 font-sans font-bold text-[16px] weight-[400] hover:bg-redis-pen-900"
         href="https://redis.io/demo-center/"><span>Visit Demo Center</span></a>
     </div>
diff --git a/layouts/partials/header/resources-mobile.html b/layouts/partials/header/resources-mobile.html
index c129a6dacd..ebbc71b7f0 100644
--- a/layouts/partials/header/resources-mobile.html
+++ b/layouts/partials/header/resources-mobile.html
@@ -1,55 +1,54 @@
 <div data-resources-mobile-menu class="hidden">
     <ul class="py-4">
-        <li class="active:text-redis-red-500"><a class="block w-full py-4" href="https://redis.io/customers/">Customer
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white" href="https://redis.io/customers/">Customer
                 Stories</a></li>
-        <li class="active:text-redis-red-500"><a class="block w-full py-4"
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                 href="https://redis.io/partners/">Partners</a></li>
-        <li class="active:text-redis-red-500"><a class="block w-full py-4" href="https://redis.io/support/">Support</a>
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white" href="https://redis.io/support/">Support</a>
         </li>
-        <li class="active:text-redis-red-500"><a class="block w-full py-4"
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                 href="https://redis.io/community/">Community</a></li>
-        <li class="active:text-redis-red-500"><a class="block w-full py-4" href="https://redis.io/events/">Events
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white" href="https://redis.io/events/">Events
                 &amp; Webinars</a></li>
-        <li class="active:text-redis-red-500"><a class="block w-full py-4"
+        <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                 href="https://redis.io/services/professional-services/">Professional Services</a></li>
     </ul>
     <div class="flex flex-col pt-4">
         <div class="mb-4">
-            <h2 class="pb-2 text-xs uppercase tracking-[2px] text-gray-400">Learn</h2>
+            <h2 class="pb-2 text-xs uppercase tracking-[2px] text-gray-300">Learn</h2>
             <ul>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/docs/">Docs</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/commands/">Commands</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4" href="https://redis.io/docs/latest/get-started/">Quick
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white" href="https://redis.io/docs/latest/get-started/">Quick
                         starts</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/learn/">Tutorials</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://university.redis.io/">University</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4" href="https://redis.io/kb/">Knowledge
-                        Base</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white" href="https://redis.io/kb/">FAQs</a></li>
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/resources/">Resources</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/blog/">Blog</a></li>
             </ul>
         </div>
     </div>
-    <div class="flex flex-col bg-redis-neutral-200 pt-4">
+    <div class="flex flex-col bg-redis-pen-800 pt-4">
         <div class="mb-4">
-            <h2 class="pb-2 text-xs uppercase tracking-[2px] text-gray-400">Latest</h2>
+            <h2 class="pb-2 text-xs uppercase tracking-[2px] text-gray-300">Latest</h2>
             <ul class="space-y-4">
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/release/">Releases</a></li>
-                <li class="active:text-redis-red-500"><a class="block w-full py-4"
+                <li class="active:text-redis-red-500"><a class="block w-full py-4 text-white"
                         href="https://redis.io/company/news/">News &amp; Updates</a></li>
             </ul>
         </div>
     </div>
-    <div class="flex flex-col bg-redis-neutral-200 pt-4">
+    <div class="flex flex-col bg-redis-pen-800 pt-4">
         <div class="mb-4">
-            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">See how it works</h2>
+            <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-300">See how it works</h2>
             <div class="flex text-center"><a
                     class="w-full rounded border border-redis-pen-600 bg-redis-red-700 py-4 text-redis-white-200 font-sans font-bold active:bg-redis-pen-900 active:text-white"
                     href="https://redis.io/demo-center/">Visit Demo Center</a></div>
diff --git a/layouts/partials/search-modal.html b/layouts/partials/search-modal.html
index 127deed4d5..7b2cc3f648 100644
--- a/layouts/partials/search-modal.html
+++ b/layouts/partials/search-modal.html
@@ -4,26 +4,48 @@
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
-    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>');
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>');
     background-repeat: no-repeat;
     background-position: right 1rem center;
     background-size: 1rem;
   }
+
+  .search-magnifier-label svg {
+    color: #9ca3af;
+  }
+
+
+
+  .search-item-title {
+    font-weight: 500;
+  }
+
+  .search-item-path {
+    font-size: 0.875rem;
+    color: #9ca3af;
+  }
+
+  .search-term-match {
+    background-color: #fbbf24;
+    color: #1f2937;
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+  }
 </style>
 <div class="sr-only w-screen h-screen fixed z-[200] top-0 left-0 cursor-auto flex flex-col bg-redis-ink-900/75 p-4 sm:p-6 md:p-[10vh] lg:p-[12vh]" id="search-container" role="button" aria-expanded="true" aria-haspopup="listbox" aria-labelledby="search-label" tabindex="0">
-<div class="my-0 mx-auto w-full max-w-[47.375rem] flex flex-col min-h-0 rounded-lg shadow-lg bg-white p-6 gap-4">
+<div class="my-0 mx-auto w-full max-w-[47.375rem] flex flex-col min-h-0 rounded-lg shadow-lg bg-redis-ink-900 border border-white border-opacity-30 p-6 gap-4">
   <header class="flex flex-row gap-4 p-2">
     <form id="search-form" class="grow flex flex-row gap-3 items-center" style="position: relative;">
       <label class="search-magnifier-label" for="search-input" id="search-label" style="position: absolute;  left:20px; pointer-events: none;">
         {{ partial "icons/search.html" }}
       </label>
-      <input id="search-input" style="height: calc(3rem - 2px);" class="w-full pl-12 border border-redis-pen-800 rounded-md search-input appearance-none focus:outline-none" aria-autocomplete="both" aria-labelledby="search-label" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search&hellip;" type="text" value="">
+      <input id="search-input" style="height: calc(3rem - 2px);" class="w-full pl-12 border border-white border-opacity-30 rounded-md search-input appearance-none focus:outline-none bg-redis-pen-800 text-white placeholder-gray-300" aria-autocomplete="both" aria-labelledby="search-label" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search&hellip;" type="text" value="">
       <button type="reset" title="Clear the query" class="search-reset" aria-label="Clear the query" hidden="">
         <svg width="20" height="20" viewBox="0 0 20 20">
           <path d="M10 10l5.09-5.09L10 10l5.09 5.09L10 10zm0 0L4.91 4.91 10 10l-5.09 5.09L10 10z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" />
         </svg>
       </button>
-      <select id="search-select" style="height: calc(3rem - 2px);" class="w-2/5 pl-3 grow-0 border border-redis-pen-800 rounded-md search-filter bg-white text-left pr-8 appearance-none hidden md:block" autocomplete="off">
+      <select id="search-select" style="height: calc(3rem - 2px);" class="w-2/5 pl-3 grow-0 border border-white border-opacity-30 rounded-md search-filter bg-redis-pen-800 text-white text-left pr-8 appearance-none hidden md:block" autocomplete="off">
         <option value="all" selected>All products</option>
         <option value="rs">Redis Enterprise</option>
         <option value="rc">Redis Cloud</option>
@@ -34,11 +56,11 @@
         <option value="clients">Client Libraries</option>
       </select>
     </form>
-    <button id="search-cancel" type="reset" aria-label="Cancel" class="px-3 border border-redis-pen-800 rounded-md text-center bg-redis-yellow-500 hover:bg-redis-yellow-300">
+    <button id="search-cancel" type="reset" aria-label="Cancel" class="px-3 border border-white border-opacity-30 rounded-md text-center bg-[#163341] text-white hover:bg-[#1a3a4a]">
       ESC
     </button>
   </header>
-  <dl id="search-results" class="min-h-48 overflow-auto px-2" role="listbox"></dl>
+  <dl id="search-results" class="min-h-48 overflow-auto px-2 text-white" role="listbox"></dl>
 </div>
 </div>