From 85ee6f2031f6fa6177105a1b21c731b5367021fe Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 16 Aug 2023 15:27:20 +0200
Subject: [PATCH] Chat List: Icon refinements

---
 src/components/left/main/Chat.scss         | 10 +++++-----
 src/components/left/main/ChatBadge.scss    |  2 +-
 src/components/left/main/Topic.module.scss |  2 +-
 src/styles/_variables.scss                 |  2 +-
 src/styles/index.scss                      |  2 +-
 src/styles/themes.json                     |  2 +-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss
index 95976285c..fef603ab1 100644
--- a/src/components/left/main/Chat.scss
+++ b/src/components/left/main/Chat.scss
@@ -103,7 +103,7 @@
         --color-text-meta: var(--color-white);
         --color-text-secondary: var(--color-white);
         --color-error: var(--color-white);
-        --color-pinned: var(--color-white);
+        --color-list-icon: var(--color-white);
         --color-chat-username: var(--color-white);
       }
 
@@ -262,10 +262,9 @@
     }
 
     .icon-muted {
-      font-size: 1.25rem;
-      margin-top: -0.0625rem;
+      font-size: 1.125rem;
       margin-left: 0.25rem;
-      color: #c6c8ca;
+      color: var(--color-list-icon);
 
       body.is-ios & {
         margin-top: 0;
@@ -322,8 +321,9 @@
       }
 
       .forward {
-        font-size: 0.875rem;
         display: inline-block;
+        color: var(--color-list-icon);
+        font-size: 0.875rem;
         transform: translateY(1px);
       }
 
diff --git a/src/components/left/main/ChatBadge.scss b/src/components/left/main/ChatBadge.scss
index 1201585df..8aba6f631 100644
--- a/src/components/left/main/ChatBadge.scss
+++ b/src/components/left/main/ChatBadge.scss
@@ -65,7 +65,7 @@
   }
 
   &.pinned {
-    color: var(--color-pinned);
+    color: var(--color-list-icon);
     background: transparent;
     width: 1.5rem;
     padding: 0;
diff --git a/src/components/left/main/Topic.module.scss b/src/components/left/main/Topic.module.scss
index 614e6c0bf..f89d3a5f7 100644
--- a/src/components/left/main/Topic.module.scss
+++ b/src/components/left/main/Topic.module.scss
@@ -31,7 +31,7 @@
 }
 
 .closed-icon {
-  color: var(--color-pinned);
+  color: var(--color-list-icon);
   font-size: 0.75rem;
   margin-top: -0.5rem;
   margin-right: 0.25rem;
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index fb8eaa82e..e8ad6178e 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -130,7 +130,7 @@ $color-message-story-mention-to: #74bcff;
 
   --color-placeholders: #{$color-placeholders};
 
-  --color-pinned: #{$color-white};
+  --color-list-icon: #{$color-white};
 
   --color-code: #4a729a;
   --color-code-bg: #{rgba($color-text-secondary, 0.08)};
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 11e62717b..621be7d53 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -342,7 +342,7 @@ body:not(.is-ios) {
   --color-dividers-android: rgb(15, 15, 15);
   --color-links: rgb(135, 116, 225);
   --color-gray: rgb(113, 117, 121);
-  --color-pinned: rgb(112, 117, 121);
+  --color-list-icon: rgb(112, 117, 121);
   --color-default-shadow: rgb(16, 16, 16, 0.612);
   --color-light-shadow: rgb(0, 0, 0, 0.251);
   --color-green: rgb(135, 116, 225);
diff --git a/src/styles/themes.json b/src/styles/themes.json
index 560cef989..40397367d 100644
--- a/src/styles/themes.json
+++ b/src/styles/themes.json
@@ -27,7 +27,7 @@
   "--color-dividers-android": ["#E7E7E7", "#0F0F0F"],
   "--color-links": ["#3390EC", "#8774E1"],
   "--color-gray": ["#C4C9CC", "#717579"],
-  "--color-pinned": ["#C4C9CC", "#707579"],
+  "--color-list-icon": ["#ABAFB1", "#A2A2A2"],
   "--color-default-shadow": ["#72727240", "#1010109c"],
   "--color-light-shadow": ["#7272722B", "#00000040"],
   "--color-green": ["#00C73E", "#8774E1"],