Commit 9243f59c authored by Gaëlle Morin's avatar Gaëlle Morin

Styles Converse 5 corrected

parent 7c887f13
Pipeline #5644 passed with stage
in 1 minute and 15 seconds
......@@ -46,7 +46,7 @@ export const SibChat = {
});
this.element.shadowRoot.append(...Helpers.importCSS(
'https://unpkg.com/converse.js@5.0/dist/converse.css',
'https://unpkg.com/@startinblox/component-chat/themes/converse-hd.css'
'http://localhost:3000/lib/sib-chat/themes/converse-hd.css'
));
if (window.converse_sib === undefined) {
this.initializeConverse();
......
......@@ -71,6 +71,8 @@
--message-text-color: #7A7F85;
--chat-textarea-color: #7A7F85;
--chat-head-color: #e3e7eb;
--chatroom-head-color: var(--chat-head-color);
--message-input-color: var(--chatroom-head-color);
--chat-correcting-color: var(--hd-chat-correcting-color);
--chat-info-color: #ABAABA;
--progress-bar-color: #3C3F57;
......@@ -490,7 +492,12 @@
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar {
border-top: none;
border-top: 1px solid var(--chat-head-color);
}
#conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker,
#conversejs .chatbox .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker {
background-color: var(--chatroom-head-color)
}
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa,
......@@ -524,6 +531,55 @@
font-size: var(--font-size);
}
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .fa,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .far,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .fas,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .fas:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .far,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas:hover {
color: var(--message-text-color);
font-size: var(--font-size-huge);
}
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .far,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .far,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fas,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fas:hover {
color: var(--message-text-color);
}
#conversejs .chatbox .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__header,
#conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-picker__header {
background-color: var(--message-text-color);
}
#conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-picker__header .emoji-category.picked {
border: 1px var(--message-text-color) solid;
}
#conversejs .chatbox .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker,
#conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker {
background-color: var(--message-text-color);
}
#conversejs .chat-head-headline {
background-color: var(--headline-head-color);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment