From d24cdad44b83cad3e8fdeddb3e278606629c8bbd Mon Sep 17 00:00:00 2001
From: paoloredis <paolo.lazzari@redis.com>
Date: Wed, 16 Apr 2025 10:06:39 +0200
Subject: [PATCH 1/2] Update css for header buttons

---
 layouts/partials/header.html                    | 2 +-
 layouts/partials/header/products-dropdown.html  | 2 +-
 layouts/partials/header/resources-dropdown.html | 2 +-
 tailwind.config.js                              | 9 +++++++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8e019c1c27..be4ac6b8ad 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -40,7 +40,7 @@
         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-500 hover:bg-redis-yellow-500 hover:text-midnight-900 h-full px-[27px]"
+      <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]"
         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">
diff --git a/layouts/partials/header/products-dropdown.html b/layouts/partials/header/products-dropdown.html
index 7564d73d5e..4bd5dc656e 100644
--- a/layouts/partials/header/products-dropdown.html
+++ b/layouts/partials/header/products-dropdown.html
@@ -54,7 +54,7 @@ <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium upperc
     </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
-        class="w-9/12 rounded border border-redis-pen-600 bg-redis-yellow-500 px-6 py-4 font-mono font-normal hover:bg-redis-pen-800 hover:text-white"
+        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>
   </div>
diff --git a/layouts/partials/header/resources-dropdown.html b/layouts/partials/header/resources-dropdown.html
index 014ce43fa8..814982a327 100644
--- a/layouts/partials/header/resources-dropdown.html
+++ b/layouts/partials/header/resources-dropdown.html
@@ -56,7 +56,7 @@ <h2 class="mb-6 border-b border-redis-pencil-250 pb-2 text-xs font-medium upperc
     </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
-        class="w-9/12 rounded border border-redis-pen-600 bg-redis-yellow-500 p-4 font-mono font-normal hover:bg-redis-pen-800 hover:text-white"
+        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>
   </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index e62b5d1e2a..5f1c60bce5 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -21,7 +21,8 @@ module.exports = {
 				},
 				'redis-red': {
 					500: '#FF4438',
-					600: '#D52D1F'
+					600: '#D52D1F',
+					700: '#E4291E',
 				},
 				'redis-yellow': {
 					100: '#FBFFE8',
@@ -38,7 +39,8 @@ module.exports = {
 					400: '#8A99A0',
 					600: '#5C707A',
 					700: '#2D4754',
-					800: '#163341'
+					800: '#163341',
+					900: '#8A221C',
 				},
 				'redis-pencil': {
 					200: '#E5E5E5',
@@ -61,6 +63,9 @@ module.exports = {
 					200: '#F9F9F9',
 					600: '#bfc2c4',
 					800: '#4E545B'
+				},
+				'redis-white': {
+					200: '#FFF',
 				}
 			},
       typography: (theme) => (  {

From 9d7dabbe742031486ae1154cdd1db1af0d056c5a Mon Sep 17 00:00:00 2001
From: paoloredis <paolo.lazzari@redis.com>
Date: Thu, 17 Apr 2025 11:28:45 +0200
Subject: [PATCH 2/2] Update css for mobile buttons

---
 layouts/partials/header.html                  | 2 +-
 layouts/partials/header/products-mobile.html  | 2 +-
 layouts/partials/header/resources-mobile.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index be4ac6b8ad..beb742613a 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -81,7 +81,7 @@
     </ul>
     <ul class="pt-6">
       <li class="mx-auto flex w-11/12 text-center"><a
-          class="my-2 w-full rounded-md border border-redis-pen-600 bg-redis-yellow-500 py-3 text-black active:bg-redis-pen-800 active:text-white"
+          class="my-2 w-full rounded-md border border-redis-pen-600 bg-redis-red-700 py-3 text-redis-white-200 font-sans font-bold active:bg-redis-pen-900 active:text-white"
           href="https://redis.io/try-free/">Try Redis</a></li>
       <li class="mx-auto flex w-11/12 text-center"><a
           class="my-2 w-full rounded-md border border-redis-pen-600 py-3 active:bg-redis-pen-800 active:text-white"
diff --git a/layouts/partials/header/products-mobile.html b/layouts/partials/header/products-mobile.html
index f4b016c702..4c4de2b2a9 100644
--- a/layouts/partials/header/products-mobile.html
+++ b/layouts/partials/header/products-mobile.html
@@ -48,7 +48,7 @@ <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">Tools</h2>
         <div class="pt-4">
             <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">Get Redis</h2>
             <div class="flex text-center"><a
-                    class="w-full rounded border border-redis-pen-600 bg-redis-yellow-500 py-4 font-mono font-normal active:bg-redis-pen-800 active:text-white"
+                    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>
         </div>
     </div>
diff --git a/layouts/partials/header/resources-mobile.html b/layouts/partials/header/resources-mobile.html
index f3f9e2f61c..c129a6dacd 100644
--- a/layouts/partials/header/resources-mobile.html
+++ b/layouts/partials/header/resources-mobile.html
@@ -51,7 +51,7 @@ <h2 class="pb-2 text-xs uppercase tracking-[2px] text-gray-400">Latest</h2>
         <div class="mb-4">
             <h2 class="mb-6 pb-2 text-xs uppercase tracking-[2px] text-gray-400">See how it works</h2>
             <div class="flex text-center"><a
-                    class="w-full rounded border border-redis-pen-600 bg-redis-yellow-500 py-4 font-mono font-normal active:bg-redis-pen-800 active:text-white"
+                    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>
         </div>
     </div>