| 3719 |
stevensc |
1 |
.conversejs {
|
|
|
2 |
--chatbox-border-radius: 10px !important;
|
|
|
3 |
--background: var(--bg-color) !important;
|
|
|
4 |
--foreground: var(--font-color) !important;
|
|
|
5 |
--muc-color: var(--font-color) !important;
|
|
|
6 |
--chat-color: var(--font-color) !important;
|
|
|
7 |
--chat-toolbar-btn-color: rgb(231, 163, 62) !important;
|
|
|
8 |
}
|
|
|
9 |
|
|
|
10 |
.conversejs converse-chats.converse-overlayed .chatbox .box-flyout {
|
|
|
11 |
border-radius: var(--chatbox-border-radius);
|
|
|
12 |
box-shadow:
|
|
|
13 |
rgba(0, 0, 0, 0.2) 1px 1px 1px -1px,
|
|
|
14 |
rgba(0, 0, 0, 0.2) 1px 2px 4px;
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
.conversejs.bottom-panel {
|
|
|
18 |
border-top: var(--chatbox-message-input-border-top);
|
|
|
19 |
display: flex;
|
|
|
20 |
flex-direction: row-reverse;
|
|
|
21 |
}
|
|
|
22 |
|
|
|
23 |
.conversejs .chatbox converse-chat-toolbar {
|
|
|
24 |
border-top: none !important;
|
|
|
25 |
flex: 1;
|
|
|
26 |
}
|
|
|
27 |
|
|
|
28 |
.conversejs converse-chat-bottom-panel.bottom-panel {
|
|
|
29 |
display: flex;
|
|
|
30 |
flex-direction: row-reverse;
|
|
|
31 |
border-top: 1px solid var(--border-primary);
|
|
|
32 |
}
|
|
|
33 |
|
|
|
34 |
.conversejs converse-message-form {
|
|
|
35 |
flex-grow: 1;
|
|
|
36 |
}
|
|
|
37 |
|
|
|
38 |
.conversejs .chatbox .bottom-panel .sendXMPPMessage .chat-textarea {
|
|
|
39 |
padding: 0.5rem !important;
|
|
|
40 |
min-height: auto !important;
|
|
|
41 |
}
|
|
|
42 |
|
|
|
43 |
.conversejs converse-message-history {
|
|
|
44 |
padding: 0 0.3rem;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
.conversejs .chatbox .send-button {
|
|
|
48 |
background-color: var(--button-bg) !important;
|
|
|
49 |
color: var(--button-text-color) !important;
|
|
|
50 |
}
|
|
|
51 |
|
|
|
52 |
.conversejs .chat-toolbar .toolbar-buttons * {
|
|
|
53 |
margin-top: 0;
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
.conversejs .message.chat-msg .chat-msg__author a {
|
|
|
57 |
max-width: 12ch;
|
|
|
58 |
text-overflow: ellipsis;
|
|
|
59 |
overflow: hidden;
|
|
|
60 |
}
|
|
|
61 |
|
|
|
62 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon {
|
|
|
63 |
color: var(--icons-color) !important;
|
|
|
64 |
}
|
|
|
65 |
|
|
|
66 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon:hover {
|
|
|
67 |
color: var(--icons-color) !important;
|
|
|
68 |
}
|
|
|
69 |
|
|
|
70 |
.conversejs #controlbox .controlbox-section .controlbox-heading__btn converse-icon svg {
|
|
|
71 |
fill: currentColor !important;
|
|
|
72 |
}
|
|
|
73 |
|
|
|
74 |
.conversejs .message {
|
|
|
75 |
max-width: 85% !important;
|
|
|
76 |
}
|
|
|
77 |
|
|
|
78 |
.conversejs .message.chat-msg:hover {
|
|
|
79 |
background-color: transparent !important;
|
|
|
80 |
}
|
|
|
81 |
|
|
|
82 |
.conversejs .message.chat-msg .chat-msg__heading .chat-msg__time {
|
|
|
83 |
color: var(--subtitle-color) !important;
|
|
|
84 |
}
|
|
|
85 |
|
|
|
86 |
.conversejs .avatar {
|
|
|
87 |
border-radius: 50% !important;
|
|
|
88 |
}
|
|
|
89 |
|
|
|
90 |
converse-message-actions .chat-msg__actions button {
|
|
|
91 |
background-color: transparent !important;
|
|
|
92 |
color: var(--font-color) !important;
|
|
|
93 |
}
|
|
|
94 |
|
|
|
95 |
converse-message-actions .chat-msg__actions button svg {
|
|
|
96 |
fill: currentColor !important;
|
|
|
97 |
}
|
|
|
98 |
|
|
|
99 |
.online converse-icon {
|
|
|
100 |
color: rgb(80, 250, 123) !important;
|
|
|
101 |
}
|
|
|
102 |
|
|
|
103 |
.conversejs #converse-roster .roster-contacts .list-item:hover {
|
|
|
104 |
background-color: rgba(0, 0, 0, 0.04) !important;
|
|
|
105 |
}
|
|
|
106 |
|
|
|
107 |
.conversejs .items-list .list-item .list-item-action {
|
|
|
108 |
opacity: 1 !important;
|
|
|
109 |
}
|
|
|
110 |
|
|
|
111 |
.conversejs .items-list .list-item .list-item-action svg {
|
|
|
112 |
fill: var(--icons-color) !important;
|
|
|
113 |
}
|
|
|
114 |
|
|
|
115 |
.conversejs .chatbox converse-chat-toolbar {
|
|
|
116 |
gap: 0.3rem;
|
|
|
117 |
}
|
|
|
118 |
|
|
|
119 |
.conversejs converse-chats.converse-overlayed .toggle-controlbox {
|
|
|
120 |
background-color: var(--button-bg) !important;
|
|
|
121 |
}
|
|
|
122 |
|
|
|
123 |
.conversejs converse-chats.converse-overlayed .toggle-controlbox span {
|
|
|
124 |
color: var(--button-text-color) !important;
|
|
|
125 |
}
|
|
|
126 |
|
|
|
127 |
.conversejs .message .chat-msg__author > .show-msg-author-modal {
|
|
|
128 |
color: var(--subtitle-color) !important;
|
|
|
129 |
}
|
|
|
130 |
|
|
|
131 |
.conversejs
|
|
|
132 |
.chatbox
|
|
|
133 |
converse-emoji-picker
|
|
|
134 |
converse-emoji-picker-content
|
|
|
135 |
.emoji-picker__lists
|
|
|
136 |
.emoji-lists__container {
|
|
|
137 |
display: flex;
|
|
|
138 |
flex-direction: column;
|
|
|
139 |
}
|