From 33646f8d19e58e18d6088ea179141b0793b47169 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sat, 25 Jul 2026 18:09:07 +0400
Subject: [PATCH] fix: make search results count visible in dark mode

---
 css/search.css |  2 +-
 css/styles.css | 27 ++++++++++++++++++++++++---
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/css/search.css b/css/search.css
index 186e45d..268d6de 100644
--- a/css/search.css
+++ b/css/search.css
@@ -44,7 +44,7 @@
 
 .search-results-count {
     margin-bottom: 20px;
-    color: #666;
+    color: var(--text-secondary);
     font-size: 14px;
 }
 
diff --git a/css/styles.css b/css/styles.css
index 465f0fc..9d7a61d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3167,7 +3167,8 @@ i.icon-mastodon,
     text-align: center;
     margin-bottom: 20px;
     padding: 10px;
-    background-color: #f9f9f9;
+    background-color: var(--tag-bg);
+    color: var(--text-secondary);
     border-radius: 4px;
 }
 
@@ -3527,11 +3528,31 @@ i.icon-mastodon,
     }
 }
 
+/* Section « Tendances » (aside de l'accueil) : carte aérée et centrée */
+.tags-section-container {
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    gap: 6px;
+}
+
+.tags-section-container .tags-section {
+    margin: 6px 0 2px;
+    padding: 4px 0 6px;
+    overflow-x: visible;
+    white-space: normal;
+}
+
+.tags-section-container .tag {
+    font-size: 1rem;
+    padding: 10px 22px;
+}
+
 /* Rangée d'emoji décorative au-dessus des hashtags « Tendances » (accueil) */
 .trending-hashtag-emojis {
-    font-size: 1.15rem;
+    font-size: 1.35rem;
     letter-spacing: 0.3em;
     line-height: 1;
     text-align: center;
-    margin: 0 0 12px;
+    margin: 4px 0 10px;
 }