From 9a5d749b8db40933e0ca7b59d8441166b1582089 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 6 Jan 2024 01:04:14 +0800
Subject: [PATCH] Better search suggestion styles

Lighter style and fifferentiate between hover and focus
---
 src/pages/search.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/search.css b/src/pages/search.css
index 351c0378..0a49bbf0 100644
--- a/src/pages/search.css
+++ b/src/pages/search.css
@@ -115,22 +115,25 @@ ul.link-list.hashtag-list li a {
   display: none;
 }
 .search-popover-item:is(:hover, :focus, .focus) {
-  background-color: var(--button-bg-color);
-  color: var(--button-text-color);
+  background-color: var(--link-bg-color);
+  color: var(--text-color);
+}
+.search-popover-item:is(:focus, .focus) {
+  box-shadow: inset 4px 0 0 0 var(--button-bg-color);
 }
 .search-popover-item :is(mark, q) {
-  background-color: var(--bg-faded-blur-color);
-  color: inherit;
+  color: var(--text-color);
+  background-color: var(--link-bg-color);
 }
 .search-popover-item:is(:hover, :focus, .focus) :is(mark, q) {
-  background-color: var(--button-bg-color);
+  background-color: var(--link-bg-color);
 }
 .search-popover:hover .search-popover-item.focus:not(:hover, :focus),
 .search-popover:hover
   .search-popover-item.focus:not(:hover, :focus)
   :is(mark, q) {
-  background-color: unset;
-  color: unset;
+  /* background-color: unset; */
+  /* color: unset; */
 }
 .search-popover-item > span {
   min-width: 0;