Pinned messages UI issues (#15687)

* Pinned messages UI issues

* Fix

* Fixes

src/status_im2/contexts/chat/menus/pinned_messages/style.cljs

@@ -4,7 +4,8 @@
 (def heading
   {:margin-horizontal 20})
 
-(def heading-container
+(defn heading-container
+  []
   {:flex-direction    :row
    :background-color  (colors/theme-colors colors/neutral-10 colors/neutral-80)
    :border-radius     20
@@ -14,13 +15,17 @@
    :padding           4
    :margin-top        8})
 
-(def heading-text
+(defn heading-text
+  []
   {:margin-left  6
-   :margin-right 4})
+   :margin-right 4
+   :color        (colors/theme-colors colors/neutral-60 colors/neutral-20)})
 
-(def chat-name-text
+(defn chat-name-text
+  []
   {:margin-left  4
-   :margin-right 8})
+   :margin-right 8
+   :color        (colors/theme-colors colors/neutral-60 colors/neutral-20)})
 
 (defn list-footer
   [bottom-inset]

src/status_im2/contexts/chat/menus/pinned_messages/view.cljs

@@ -40,15 +40,14 @@
                 :style  style/heading}
                (i18n/label :t/pinned-messages)]
               (when community
-                [rn/view
-                 {:style style/heading-container}
-                 [rn/text {:style style/heading-text} (:name community)]
+                [rn/view {:style (style/heading-container)}
+                 [rn/text {:style (style/heading-text)} (:name community)]
                  [quo/icon
                   :i/chevron-right
-                  {:color (colors/theme-colors colors/neutral-50 colors/neutral-40)
+                  {:color (colors/theme-colors colors/neutral-60 colors/neutral-30)
                    :size  12}]
                  [rn/text
-                  {:style style/chat-name-text}
+                  {:style (style/chat-name-text)}
                   (str "# " (:chat-name current-chat))]])]
              (if (pos? (count pinned-messages))
                [rn/flat-list

src/status_im2/contexts/chat/messages/content/pin/style.cljs

@@ -12,3 +12,7 @@
 (def pin-author-text
   {:color  colors/primary-50
    :bottom 2})
+
+(defn pinned-message-text
+  []
+  {:color (colors/theme-colors colors/neutral-100 colors/white)})

src/status_im2/contexts/chat/messages/content/pin/view.cljs

@@ -51,7 +51,10 @@
          :disabled in-popover?
          :on-press #(rf/dispatch [:chat.ui/show-profile from])}
         [old-message/message-author-name from {} 20]]
-       [rn/text {:style {:font-size 13}} (str " " (i18n/label :t/pinned-a-message))]
+       [quo/text
+        {:size  :label
+         :style (style/pinned-message-text)}
+        (str " " (i18n/label :t/pinned-a-message))]
        [rn/text
         {:style               (merge
                                {:padding-left 5