From f4ef8af53246a6193bc989bcef99c77423e9bc02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Jaussoin?= <edhelas@movim.eu>
Date: Tue, 6 May 2025 20:09:22 +0200
Subject: [PATCH] Darken a bit the colored cards

---
 app/Widgets/Communities/_communities_posts.tpl | 2 +-
 app/Widgets/Search/_search.tpl                 | 2 +-
 public/theme/css/card.css                      | 4 ++++
 public/theme/css/color.css                     | 3 +--
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/Widgets/Communities/_communities_posts.tpl b/app/Widgets/Communities/_communities_posts.tpl
index d7ddba026..0f9c75603 100644
--- a/app/Widgets/Communities/_communities_posts.tpl
+++ b/app/Widgets/Communities/_communities_posts.tpl
@@ -1,7 +1,7 @@
 <br />
 <ul class="list flex third middle active card shadow">
     {if="$type == 'all' && ($page == 1 || $posts->count() < $limit)"}
-        <li class="block color accent" onclick="MovimUtils.reload('{$c->route('explore', 'servers')}')">
+        <li class="block color" onclick="MovimUtils.reload('{$c->route('explore', 'servers')}')">
             <i class="material-symbols main">view_cozy</i>
             <span class="primary icon bubble color transparent">
                 <i class="material-symbols">view_agenda</i>
diff --git a/app/Widgets/Search/_search.tpl b/app/Widgets/Search/_search.tpl
index df016b857..ed0b7bb34 100644
--- a/app/Widgets/Search/_search.tpl
+++ b/app/Widgets/Search/_search.tpl
@@ -2,7 +2,7 @@
     {if="$chatroomactions"}
         <br />
         <ul class="list flex active card shadow thick">
-            <li class="block color accent" onclick="RoomsExplore_ajaxSearch();">
+            <li class="block color" onclick="RoomsExplore_ajaxSearch();">
                 <i class="main material-symbols">chat</i>
                 <span class="primary icon">
                     <i class="material-symbols">explore</i>
diff --git a/public/theme/css/card.css b/public/theme/css/card.css
index 7a439e674..42c6689cf 100644
--- a/public/theme/css/card.css
+++ b/public/theme/css/card.css
@@ -29,6 +29,10 @@
     margin-right: 0.5rem;
 }
 
+.card li.block.color {
+    background-image: linear-gradient(rgba(0, 0, 0, 0.5));
+}
+
 .card > .block:not(.subheader):not(.simple) {
     animation: fadein 0.3s;
     border-radius: 1rem;
diff --git a/public/theme/css/color.css b/public/theme/css/color.css
index 8925415d7..66fb1ced1 100644
--- a/public/theme/css/color.css
+++ b/public/theme/css/color.css
@@ -125,7 +125,7 @@ ul li div > p > span.moderator,
 .button.black,  .icon.black , span.resource.black    { color: var(--p-black); }
 .button.gray,   .icon.gray  , span.resource.gray     { color: var(--p-gray); }
 
-.color,
+.color          { color: white; background-color: var(--movim-accent); border-color: var(--movim-accent) }
 .color.gray     { color: white; background-color: var(--p-gray); border-color: var(--p-gray) }
 .color.dorange  { color: white; background-color: var(--p-dorange); border-color: var(--p-dorange) }
 .color.orange   { color: white; background-color: var(--p-orange); border-color: var(--p-orange) }
@@ -150,7 +150,6 @@ span.icon:not(.composing):not([data-counter]):not(.story).status.xa:after,
 span.icon:not(.composing):not([data-counter]):not(.story).status.dnd:after,
 .color.red      { color: white; background-color: var(--p-red); border-color: var(--p-red) }
 .color.black    { color: white; background-color: var(--p-black); border-color: var(--p-black) }
-.color.accent   { color: white; background-color: var(--movim-accent); border-color: var(--movim-accent) }
 
 .color.none { color: white; background-color: transparent; }
 .color.transparent { color: white; backdrop-filter: blur(1rem); background-color: rgba(0, 0, 0, 0.25); }