From bb7795c8195bdb2dd7d1110a41d6d6a02c09fa9e Mon Sep 17 00:00:00 2001
From: TuyenTran <trandinhtuyen2018@gmail.com>
Date: Fri, 17 Oct 2025 09:22:54 +0700
Subject: [PATCH] [FIX] viin_brand: bad UI 2

---
 viin_brand_common/__manifest__.py                      |  1 +
 .../static/src/core/emoji_picker/emoji_picker.scss     |  3 +++
 viin_brand_im_livechat/__manifest__.py                 |  5 +++++
 .../static/src/embed/common/livechat_button.xml        | 10 ++++++++++
 .../static/src/core/common/chat_window.scss            |  1 +
 5 files changed, 20 insertions(+)
 create mode 100644 viin_brand_common/static/src/core/emoji_picker/emoji_picker.scss
 create mode 100644 viin_brand_im_livechat/static/src/embed/common/livechat_button.xml

diff --git a/viin_brand_common/__manifest__.py b/viin_brand_common/__manifest__.py
index 40460cd0..47702e11 100755
--- a/viin_brand_common/__manifest__.py
+++ b/viin_brand_common/__manifest__.py
@@ -68,6 +68,7 @@
             # common branding
             'viin_brand_common/static/src/legacy/scss/navbar.scss',
             'viin_brand_common/static/src/legacy/scss/systray.scss',
+            ('after', 'web/static/src/core/emoji_picker/emoji_picker.scss', 'viin_brand_common/static/src/core/emoji_picker/emoji_picker.scss'),
             ('after', 'web/static/src/webclient/webclient.scss', 'viin_brand_common/static/src/webclient/webclient.scss'),
             ('after', 'web/static/src/search/search_panel/search_view.scss', 'viin_brand_common/static/src/search/search_panel/search_view.scss'),
             ('after', 'web/static/src/search/search_bar/search_bar.scss', 'viin_brand_common/static/src/search/search_bar/search_bar.scss'),
diff --git a/viin_brand_common/static/src/core/emoji_picker/emoji_picker.scss b/viin_brand_common/static/src/core/emoji_picker/emoji_picker.scss
new file mode 100644
index 00000000..294f14fe
--- /dev/null
+++ b/viin_brand_common/static/src/core/emoji_picker/emoji_picker.scss
@@ -0,0 +1,3 @@
+.o-EmojiPicker .o-EmojiPicker-navbar .o-Emoji > span {
+    filter: none;
+}
diff --git a/viin_brand_im_livechat/__manifest__.py b/viin_brand_im_livechat/__manifest__.py
index a110a897..fbb98ded 100644
--- a/viin_brand_im_livechat/__manifest__.py
+++ b/viin_brand_im_livechat/__manifest__.py
@@ -44,6 +44,11 @@
     'demo': [
         'data/im_livechat_channel_demo.xml'
     ],
+    'assets': {
+        'im_livechat.assets_embed_core': [
+            'viin_brand_im_livechat/static/src/embed/common/livechat_button.xml',
+        ],
+    },
     'data': [
         'data/digest_data.xml',
         'data/im_livechat_chatbot_data.xml',
diff --git a/viin_brand_im_livechat/static/src/embed/common/livechat_button.xml b/viin_brand_im_livechat/static/src/embed/common/livechat_button.xml
new file mode 100644
index 00000000..b06127ec
--- /dev/null
+++ b/viin_brand_im_livechat/static/src/embed/common/livechat_button.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+    <t t-inherit="im_livechat.LivechatButton" t-inherit-mode="extension">
+        <xpath expr="//button" position="attributes">
+            <attribute name="t-attf-style">
+                color: {{livechatService.options.button_text_color}}; background-color: #00bbce; width: {{size}}px; height: {{size}}px; min-width: 56px; top: {{ position.top }}; left: {{ position.left }};
+            </attribute>
+        </xpath>
+    </t>
+</templates>
diff --git a/viin_brand_mail/static/src/core/common/chat_window.scss b/viin_brand_mail/static/src/core/common/chat_window.scss
index 8987c541..12a7f71a 100644
--- a/viin_brand_mail/static/src/core/common/chat_window.scss
+++ b/viin_brand_mail/static/src/core/common/chat_window.scss
@@ -1,3 +1,4 @@
 .o-mail-ChatWindow-header {
     background-color: $brand-primary-dark !important;
+    color: white;
 }