From 4c77ada1015fb374d3775d1aeea4ed9da67323a1 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Sat, 18 May 2024 07:56:46 -0300
Subject: css: tweak search reuslt image & placeholder appearance

---
 src/static/css/site.css | 8 +++++++-
 src/static/js/client.js | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/static/css/site.css b/src/static/css/site.css
index abaebc45..ca0e3921 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -610,17 +610,23 @@ summary .group-name {
   margin-right: 6px;
   border-radius: 2px;
   overflow: hidden;
+
+  background-color: var(--deep-color);
+  border: 2px solid var(--deep-color);
 }
 
 .wiki-search-result-image,
 .wiki-search-result-image-placeholder {
+  display: block;
   width: 1.8em;
   height: 1.8em;
   aspect-ratio: 1 / 1;
+  border-radius: 1.5px;
 }
 
 .wiki-search-result-image-placeholder {
-  display: inline-block;
+  background-color: #0004;
+  box-shadow: 0 1px 3px -1px #0008 inset;
 }
 
 .wiki-search-results:not(:has(.wiki-search-result-image)) .wiki-search-result-image-placeholder {
diff --git a/src/static/js/client.js b/src/static/js/client.js
index 9bef44a2..8e731dfd 100644
--- a/src/static/js/client.js
+++ b/src/static/js/client.js
@@ -4301,6 +4301,7 @@ function generateSidebarSearchResultTemplate(slots) {
     try {
       const colors = getColors(slots.color, {chroma});
       cssProp(link, '--light-ghost-color', colors.lightGhost);
+      cssProp(link, '--deep-color', colors.deep);
     } catch (error) {
       console.warn(error);
     }
-- 
cgit 1.3.0-6-gf8a5