diff --git a/qortal-ui-core/font/switch-theme.css b/qortal-ui-core/font/switch-theme.css
index 4c65b30c..6190e2f4 100644
--- a/qortal-ui-core/font/switch-theme.css
+++ b/qortal-ui-core/font/switch-theme.css
@@ -7,7 +7,9 @@ html {
--border: #d0d6de;
--border2: #dde2e8;
--copybutton: #707584;
- --chat-bubble: #efefef73;
+ --chat-bubble: #9f9f9f0a;
+ --chat-bubble-bg: #f3f3f3;
+ --chat-bubble-msg-color: #080808;
--sectxt: #576374;
--vdicon: #707b8a;
--tradehead: #6a6c75;
@@ -45,6 +47,8 @@ html[theme="dark"] {
--border2: #0b305e;
--copybutton: #d0d6de;
--chat-bubble: #9694941a;
+ --chat-bubble-bg: #2d3749;
+ --chat-bubble-msg-color: #ffffff;
--sectxt: #bbc3cd;
--vdicon: #d0d6de;
--tradehead: #008fd5;
diff --git a/qortal-ui-core/src/styles/switch-theme.css b/qortal-ui-core/src/styles/switch-theme.css
index 9c6c517e..26c78fd8 100644
--- a/qortal-ui-core/src/styles/switch-theme.css
+++ b/qortal-ui-core/src/styles/switch-theme.css
@@ -7,7 +7,9 @@ html {
--border: #d0d6de;
--border2: #dde2e8;
--copybutton: #707584;
- --chat-bubble: #efefef73;
+ --chat-bubble: #9f9f9f0a;
+ --chat-bubble-bg: #f3f3f3;
+ --chat-bubble-msg-color: #080808;
--sectxt: #576374;
--vdicon: #707b8a;
--tradehead: #6a6c75;
@@ -44,6 +46,8 @@ html[theme="dark"] {
--border2: #0b305e;
--copybutton: #d0d6de;
--chat-bubble: #9694941a;
+ --chat-bubble-bg: #2d3749;
+ --chat-bubble-msg-color: #ffffff;
--sectxt: #bbc3cd;
--vdicon: #d0d6de;
--tradehead: #008fd5;
diff --git a/qortal-ui-plugins/plugins/core/components/ChatPage.js b/qortal-ui-plugins/plugins/core/components/ChatPage.js
index fdfed413..f5f0f9ec 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatPage.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatPage.js
@@ -130,6 +130,7 @@ class ChatPage extends LitElement {
display: flex;
flex-direction: row;
align-items: center;
+ justify-content: center;
gap: 15px;
width: 100%;
}
@@ -138,7 +139,7 @@ class ChatPage extends LitElement {
display: flex;
flex-direction: column;
gap: 5px;
- width: 95%;
+ width: 92%;
}
@@ -639,13 +640,13 @@ class ChatPage extends LitElement {
${this.repliedToMessageObj.senderName ? this.repliedToMessageObj.senderName : this.repliedToMessageObj.sender}
${this.repliedToMessageObj.message}
+ this.closeRepliedToContainer()}
+ >
- this.closeRepliedToContainer()}
- >
`}
${this.editedMessageObj && html`
@@ -656,36 +657,40 @@ class ChatPage extends LitElement {
${translate("chatpage.cchange25")}
${this.editedMessageObj.message}
+ this.closeEditMessageContainer()}
+ >
- this.closeEditMessageContainer()}
- >
`}
-
-
this.closeEditMessageContainer()}
- >
-
-
+ `
+ )}