...
 
Commits (2)
......@@ -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);
}
......