CSS: Also color the room and contact toggles
This commit is contained in:
parent
1d55b131f6
commit
f3f819b67a
@ -9320,6 +9320,7 @@ readers do not read off random characters that represent icons */
|
|||||||
--flyout-padding: 1.2em;
|
--flyout-padding: 1.2em;
|
||||||
--chat-head-color: #3AA569;
|
--chat-head-color: #3AA569;
|
||||||
--chat-head-color-dark: #1E9652;
|
--chat-head-color-dark: #1E9652;
|
||||||
|
--chat-head-color-darker: #0E763B;
|
||||||
--chat-head-color-lighten-50-percent: #e7f7ee;
|
--chat-head-color-lighten-50-percent: #e7f7ee;
|
||||||
--chat-head-text-color: white;
|
--chat-head-text-color: white;
|
||||||
--chat-correcting-color: var(--chat-head-color-lighten-50-percent);
|
--chat-correcting-color: var(--chat-head-color-lighten-50-percent);
|
||||||
@ -10690,6 +10691,10 @@ body.reset {
|
|||||||
|
|
||||||
#conversejs #controlbox {
|
#conversejs #controlbox {
|
||||||
margin-right: calc(3 * var(--chat-gutter)); }
|
margin-right: calc(3 * var(--chat-gutter)); }
|
||||||
|
#conversejs #controlbox .open-rooms-toggle, #conversejs #controlbox .open-rooms-toggle .fa {
|
||||||
|
color: var(--chatroom-head-color) !important; }
|
||||||
|
#conversejs #controlbox .open-rooms-toggle:hover, #conversejs #controlbox .open-rooms-toggle .fa:hover {
|
||||||
|
color: var(--chatroom-head-color-dark) !important; }
|
||||||
#conversejs #controlbox .box-flyout {
|
#conversejs #controlbox .box-flyout {
|
||||||
background-color: white; }
|
background-color: white; }
|
||||||
#conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
|
#conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
|
||||||
@ -11190,6 +11195,10 @@ body.reset {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
padding-bottom: 0.3rem; }
|
padding-bottom: 0.3rem; }
|
||||||
|
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle, #conversejs #converse-roster .roster-contacts .roster-group .group-toggle .fa {
|
||||||
|
color: var(--chat-head-color-dark) !important; }
|
||||||
|
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle:hover, #conversejs #converse-roster .roster-contacts .roster-group .group-toggle .fa:hover {
|
||||||
|
color: var(--chat-head-color-darker) !important; }
|
||||||
#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
|
#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact a {
|
||||||
line-height: var(--line-height); }
|
line-height: var(--line-height); }
|
||||||
#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
|
#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
|
||||||
@ -12013,6 +12022,11 @@ body.reset {
|
|||||||
#conversejs.converse-overlayed #minimized-chats .chat-head-message-count-hidden {
|
#conversejs.converse-overlayed #minimized-chats .chat-head-message-count-hidden {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
|
#conversejs #controlbox .bookmarks-toggle, #conversejs #controlbox .bookmarks-toggle .fa {
|
||||||
|
color: var(--chatroom-head-color) !important; }
|
||||||
|
#conversejs #controlbox .bookmarks-toggle:hover, #conversejs #controlbox .bookmarks-toggle .fa:hover {
|
||||||
|
color: var(--chatroom-head-color-dark) !important; }
|
||||||
|
|
||||||
#conversejs.fullscreen #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room {
|
#conversejs.fullscreen #controlbox #chatrooms .bookmarks-list dl.rooms-list.bookmarks dd.available-chatroom a.open-room {
|
||||||
width: 80%; }
|
width: 80%; }
|
||||||
|
|
||||||
|
@ -1,3 +1,14 @@
|
|||||||
|
#conversejs {
|
||||||
|
#controlbox {
|
||||||
|
.bookmarks-toggle, .bookmarks-toggle .fa {
|
||||||
|
color: var(--chatroom-head-color) !important;
|
||||||
|
&:hover {
|
||||||
|
color: var(--chatroom-head-color-dark) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#conversejs.fullscreen {
|
#conversejs.fullscreen {
|
||||||
#controlbox {
|
#controlbox {
|
||||||
#chatrooms {
|
#chatrooms {
|
||||||
|
@ -61,6 +61,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#controlbox {
|
#controlbox {
|
||||||
|
|
||||||
|
.open-rooms-toggle, .open-rooms-toggle .fa {
|
||||||
|
color: var(--chatroom-head-color) !important;
|
||||||
|
&:hover {
|
||||||
|
color: var(--chatroom-head-color-dark) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
@ -67,6 +67,13 @@
|
|||||||
padding-bottom: 0.3rem;
|
padding-bottom: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.group-toggle, .group-toggle .fa {
|
||||||
|
color: var(--chat-head-color-dark) !important;
|
||||||
|
&:hover {
|
||||||
|
color: var(--chat-head-color-darker) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
&.requesting-xmpp-contact {
|
&.requesting-xmpp-contact {
|
||||||
a {
|
a {
|
||||||
|
@ -46,7 +46,8 @@ $font-path: "webfonts/icomoon/fonts/" !default;
|
|||||||
--flyout-padding: 1.2em;
|
--flyout-padding: 1.2em;
|
||||||
|
|
||||||
--chat-head-color: #3AA569; // $green
|
--chat-head-color: #3AA569; // $green
|
||||||
--chat-head-color-dark: #1E9652; // $green
|
--chat-head-color-dark: #1E9652;
|
||||||
|
--chat-head-color-darker: #0E763B;
|
||||||
--chat-head-color-lighten-50-percent: #e7f7ee; // lighten($green, 50%)
|
--chat-head-color-lighten-50-percent: #e7f7ee; // lighten($green, 50%)
|
||||||
--chat-head-text-color: white;
|
--chat-head-text-color: white;
|
||||||
--chat-correcting-color: var(--chat-head-color-lighten-50-percent);
|
--chat-correcting-color: var(--chat-head-color-lighten-50-percent);
|
||||||
|
Loading…
Reference in New Issue
Block a user