1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
/* Mention bubbles in the chat input and messages */
.avatar-class-icon.icon-group-forced-white {
background-image: url(../img/icon-contacts-white.svg);
}
.avatar-class-icon.icon-user-forced-white {
background-image: url(../img/icon-contacts-white.svg);
}
.app-talk .icon-public,
.talk-modal .icon-public,
.sidebar-callview .icon-public,
#talk-panel .icon-public,
#talk-sidebar .icon-public,
#call-container .icon-public,
.talkChatTab .icon-public {
background-image: url(../img/icon-public-white.svg);
}
.app-talk .icon-contacts,
.talk-modal .icon-contacts,
.sidebar-callview .icon-contacts,
#talk-panel .icon-contacts,
#talk-sidebar .icon-contacts,
#call-container .icon-contacts,
.talkChatTab .icon-contacts {
background-image: url(../img/icon-contacts-white.svg);
}
.app-talk .icon-password,
.talk-modal .icon-password,
.sidebar-callview .icon-password,
#talk-panel .icon-password,
#talk-sidebar .icon-password,
#call-container .icon-password,
.talkChatTab .icon-password {
background-image: url(../img/icon-password-white.svg);
}
.app-talk .icon-file,
.talk-modal .icon-file,
.sidebar-callview .icon-file,
#talk-panel .icon-file,
#talk-sidebar .icon-file,
#call-container .icon-file,
.talkChatTab .icon-file {
background-image: url(../img/icon-text-white.svg);
}
.app-talk .icon-mail,
.talk-modal .icon-mail,
.sidebar-callview .icon-mail,
#talk-panel .icon-mail,
#talk-sidebar .icon-mail,
#call-container .icon-mail,
.talkChatTab .icon-mail {
background-image: url(../img/icon-mail-white.svg);
}
.app-talk .icon-changelog,
.talk-modal .icon-changelog,
.sidebar-callview .icon-changelog,
#talk-panel .icon-changelog,
#talk-sidebar .icon-changelog,
#call-container .icon-changelog,
.talkChatTab .icon-changelog {
background-image: url(../img/changelog.svg);
}
/* The atwho panel is a direct child of the body, so it is not affected by
* .app-Talk rules above.
* "forced-white" needs to be included in the class name as the Avatar does
* not accept several classes. */
.talk.candidate-mentions.atwho-panel .icon-group-forced-white {
background-image: url(../img/icon-contacts-white.svg);
}
/* Needed to use white color also in dark mode. */
.app-files .app-sidebar__close.forced-white {
color: #ffffff;
}
.dashboard-talk-icon {
background-image: url(../img/app-dark.svg);
}
|
