Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Fix MUC icon colors in controlbox

Browse Source 
The default icon color is used elsewhere and is sufficient.

The `var(--inverse-link-color)` used previously did not have enough
contrast in the default theme.
This commit is contained in:
JC Brand 2022-10-26 09:25:15 +02:00
parent 40024f4599
commit cc6a20b3e6
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/plugins/roomslist/templates/roomslist.js
View File

@ -16,7 +16,7 @@ const bookmark = (o) => {
@click=${o.removeBookmark}
title="${ o.bookmarked ? i18n_remove_bookmark : i18n_add_bookmark }">
<converse-icon class="fa fa-bookmark" size="1.2em" color="var(--inverse-link-color)"></converse-icon>
<converse-icon class="fa fa-bookmark" size="1.2em" color="${ o.currently_open(o.room) ? 'var(--inverse-link-color)' : '' }"></converse-icon>
</a>`;
} else {
return html`
@ -26,7 +26,7 @@ const bookmark = (o) => {
@click=${o.addBookmark}
title="${ o.bookmarked ? i18n_remove_bookmark : i18n_add_bookmark }">
<converse-icon class="fa fa-bookmark" size="1.2em" color="var(--inverse-link-color)"></converse-icon>
<converse-icon class="fa fa-bookmark" size="1.2em" color="${ o.currently_open(o.room) ? 'var(--inverse-link-color)' : '' }"></converse-icon>
</a>`;
}
}
@ -57,7 +57,7 @@ const room_item = (o) => {
title="${__('Show more information on this groupchat')}"
@click=${o.showRoomDetailsModal}>
<converse-icon class="fa fa-info-circle" size="1.2em" color="var(--inverse-link-color)"></converse-icon>
<converse-icon class="fa fa-info-circle" size="1.2em" color="${ o.currently_open(o.room) ? 'var(--inverse-link-color)' : '' }""></converse-icon>
</a>
<a class="list-item-action close-room"
@ -66,7 +66,7 @@ const room_item = (o) => {
title="${i18n_leave_room}"
@click=${o.closeRoom}>
<converse-icon class="fa fa-sign-out-alt" size="1.2em" color="var(--inverse-link-color)"></converse-icon>
<converse-icon class="fa fa-sign-out-alt" size="1.2em" color="${ o.currently_open(o.room) ? 'var(--inverse-link-color)' : '' }"></converse-icon>
</a>
</div>`;
}