From b3e10c798ebeb4c4d63def2cc5aeffc5db49325e Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 11:08:40 +0200
Subject: [PATCH 1/7] chore: fix search result color

---
 assets/css/global.css        | 6 ++++++
 layouts/_default/search.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/global.css b/assets/css/global.css
index 90887417a2ab..72cf3af64039 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -95,3 +95,9 @@ input[type="search"]::-ms-clear {
 .navbar-group:first-of-type {
   margin-top: 0.2rem !important;
 }
+
+#search-bar-results {
+  mark:where(.dark, .dark *) {
+    color: var(--color-blue-400);
+  }
+}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index f83708f9c24b..7f4d12bfd9e2 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -133,7 +133,7 @@ <h1 class="py-4">{{ .Title }}</h1>
         }
 
         // Generate the search results HTML
-        let resultsHTML = `<div class="text-gray-200 dark:text-gray-500 p-2">${resultsLength} results</div>`;
+        let resultsHTML = `<div class="text-gray-400 dark:text-gray-500 p-2">${resultsLength} results</div>`;
 
         // Map results to HTML
         resultsHTML += results

From bc7da757b574860ef225d0cca6c67025567f05e9 Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 11:21:41 +0200
Subject: [PATCH 2/7] update

---
 layouts/_default/search.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 7f4d12bfd9e2..1ac86ded7bd1 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -140,7 +140,7 @@ <h1 class="py-4">{{ .Title }}</h1>
           .map((item) => {
             return `<div class="p-4">
          <div class="flex flex-col">
-           <span class="text-gray-200 dark:texty-gray-dark text-sm">${item.meta.breadcrumbs}</span>
+           <span class="text-gray-400 dark:texty-gray-dark text-sm">${item.meta.breadcrumbs}</span>
            <a class="link" href="${item.url}" data-query="${query}" data-index="${item.index}">${item.meta.title}</a>
            <p class="text-black dark:text-white overflow-hidden">…${item.excerpt}…</p>
          </div>

From e538bcee9ea0e9b9655ddb4cbfe6e5a0c96eacfa Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 11:56:51 +0200
Subject: [PATCH 3/7] update

---
 layouts/partials/search-bar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/search-bar.html b/layouts/partials/search-bar.html
index b2483e959101..48c1d166d0d5 100644
--- a/layouts/partials/search-bar.html
+++ b/layouts/partials/search-bar.html
@@ -104,7 +104,7 @@
             searchBarResults.classList.add("hidden");
           }
 
-          let resultsHTML = `<div class="p-2 text-gray-200 dark:text-gray-500">${resultsLength} results</div>`;
+          let resultsHTML = `<div class="p-2 text-gray-400 dark:text-gray-500">${resultsLength} results</div>`;
           resultsHTML += results
             .map((item) => {
               return `<div class="p-2">

From 965d093b80f778b2801390eb8925dbdb83f9593c Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 12:02:24 +0200
Subject: [PATCH 4/7] fix

---
 assets/css/global.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/global.css b/assets/css/global.css
index 72cf3af64039..82f0fc386479 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -96,7 +96,7 @@ input[type="search"]::-ms-clear {
   margin-top: 0.2rem !important;
 }
 
-#search-bar-results {
+#search-page-results {
   mark:where(.dark, .dark *) {
     color: var(--color-blue-400);
   }

From 4d26785d4fa839b7be11af2650c4574c72179a1b Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 12:12:28 +0200
Subject: [PATCH 5/7] update page number bg

---
 layouts/_default/search.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 1ac86ded7bd1..300f97090349 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -157,8 +157,8 @@ <h1 class="py-4">{{ .Title }}</h1>
                 <a href="/search/?q=${query}&page=${i}" class="block h-6 w-6 rounded-sm bg-blue-light dark:bg-blue-dark">${i}</a>
               </li>`;
             } else {
-              resultsHTML += `<li class="text-center text-gray-200 dark:text-gray-500">
-                <a href="/search/?q=${query}&page=${i}" class="block h-6 w-6 rounded-sm bg-gray-200 dark:bg-gray-800">${i}</a>
+              resultsHTML += `<li class="text-center text-gray-600 dark:text-gray-400">
+                <a href="/search/?q=${query}&page=${i}" class="block h-6 w-6 rounded-sm bg-gray-100 dark:bg-gray-900">${i}</a>
               </li>`;
             }
           }

From b271e4481f33522bdb42d1a057735931d236c006 Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 12:19:07 +0200
Subject: [PATCH 6/7] fix alignment

---
 layouts/_default/search.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 300f97090349..e0dab644b16d 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -153,12 +153,12 @@ <h1 class="py-4">{{ .Title }}</h1>
           resultsHTML += `<ul class="flex flex-wrap gap-1 pt-4 pb-8 justify-center text-sm">`;
           for (let i = 1; i <= resultsLength / 10; i++) {
             if (i == currentPage) {
-              resultsHTML += `<li class="text-center text-white">
-                <a href="/search/?q=${query}&page=${i}" class="block h-6 w-6 rounded-sm bg-blue-light dark:bg-blue-dark">${i}</a>
+              resultsHTML += `<li class="flex items-center justify-center">
+                 <a href="/search/?q=${query}&page=${i}" class="flex items-center justify-center h-8 w-8 rounded-sm bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-200">${i}</a>
               </li>`;
             } else {
-              resultsHTML += `<li class="text-center text-gray-600 dark:text-gray-400">
-                <a href="/search/?q=${query}&page=${i}" class="block h-6 w-6 rounded-sm bg-gray-100 dark:bg-gray-900">${i}</a>
+              resultsHTML += `<li class="flex items-center justify-center">
+                <a href="/search/?q=${query}&page=${i}" class="flex items-center justify-center h-8 w-8 rounded-sm bg-gray-100 dark:bg-gray-900 text-gray-600 dark:text-gray-400">${i}</a>
               </li>`;
             }
           }

From dfacb68928a853848145b73925a671d575a948c6 Mon Sep 17 00:00:00 2001
From: ArthurFlag <arthur.flageul@docker.com>
Date: Tue, 1 Jul 2025 12:36:32 +0200
Subject: [PATCH 7/7] use utility

---
 assets/css/utilities.css     | 4 ++++
 layouts/_default/search.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/css/utilities.css b/assets/css/utilities.css
index d3cbc10a734f..ee01aaadc7ff 100644
--- a/assets/css/utilities.css
+++ b/assets/css/utilities.css
@@ -253,3 +253,7 @@
 @utility chip {
   @apply border-divider-light dark:border-divider-dark inline-flex items-center gap-1 rounded-full border bg-gray-100 px-2 text-sm text-gray-800 select-none dark:bg-gray-700 dark:text-gray-200;
 }
+
+@utility pagination-link {
+  @apply flex items-center justify-center rounded-sm p-2;
+}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index e0dab644b16d..841cd4276baa 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -154,11 +154,11 @@ <h1 class="py-4">{{ .Title }}</h1>
           for (let i = 1; i <= resultsLength / 10; i++) {
             if (i == currentPage) {
               resultsHTML += `<li class="flex items-center justify-center">
-                 <a href="/search/?q=${query}&page=${i}" class="flex items-center justify-center h-8 w-8 rounded-sm bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-200">${i}</a>
+                 <a href="/search/?q=${query}&page=${i}" class="pagination-link bg-gray-200 dark:bg-gray-800 dark:text-gray-200">${i}</a>
               </li>`;
             } else {
               resultsHTML += `<li class="flex items-center justify-center">
-                <a href="/search/?q=${query}&page=${i}" class="flex items-center justify-center h-8 w-8 rounded-sm bg-gray-100 dark:bg-gray-900 text-gray-600 dark:text-gray-400">${i}</a>
+                <a href="/search/?q=${query}&page=${i}" class="pagination-link bg-gray-100 dark:bg-gray-900 dark:text-gray-400">${i}</a>
               </li>`;
             }
           }