From 26074fc564c97320727d18717cce2588700b5b51 Mon Sep 17 00:00:00 2001
From: Roman Gilg <romangg@manjaro.org>
Date: Sat, 13 Jul 2024 13:46:25 +0200
Subject: [PATCH] fix: increase breadcrumbs hover background intensity

In light mode the background gray was too light according to user feedback.
---
 components/iso-breadcrumbs.vue | 6 +++---
 pages/news/[year]/[title].vue  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/iso-breadcrumbs.vue b/components/iso-breadcrumbs.vue
index 4ded8d7..b258301 100644
--- a/components/iso-breadcrumbs.vue
+++ b/components/iso-breadcrumbs.vue
@@ -6,7 +6,7 @@
     <ol class="inline-flex flex-wrap items-center mb-3 sm:mb-0">
       <li>
         <NuxtLink
-          class="inline-flex items-center px-2 py-2 gap-2 text-center rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
+          class="inline-flex items-center px-2 py-2 gap-2 text-center rounded-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
           href="/products"
         >
           <svg
@@ -35,7 +35,7 @@
       <li>
         <NuxtLink
           href="/products"
-          class="inline-flex items-center px-2 py-2 gap-1.5 text-center rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
+          class="inline-flex items-center px-2 py-2 gap-1.5 text-center rounded-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
         >
           Download
         </NuxtLink>
@@ -55,7 +55,7 @@
           <div
             tabindex="0"
             role="button"
-            class="inline-flex items-center px-2 py-2 gap-1.5 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
+            class="inline-flex items-center px-2 py-2 gap-1.5 text-center rounded-lg hover:bg-gray-200 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
           >
             {{ current }}
           </div>
diff --git a/pages/news/[year]/[title].vue b/pages/news/[year]/[title].vue
index e43111c..15a5bd3 100644
--- a/pages/news/[year]/[title].vue
+++ b/pages/news/[year]/[title].vue
@@ -7,7 +7,7 @@
       <ol class="inline-flex flex-wrap items-center mb-3 sm:mb-0">
         <li>
           <NuxtLink
-            class="inline-flex items-center px-2 py-2 gap-2 text-center rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
+            class="inline-flex items-center px-2 py-2 gap-2 text-center rounded-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:hover:bg-gray-800 dark:focus:ring-gray-700"
             href="/news"
           >
             <svg