/* Chat Area Background */
.swx .conversationHistory .messageHistory,
:root .swx .chat .conversationHeader .headerMain .roster .grid {
background: #282828;
}
:root .swx .side {
background: #232323;
}
/* Chat message bubble from another user */
.swx .chat .conversation .message .bubble .content {
background: #424242;
}
/* Chat message bubble from you*/
.swx .chat .conversation .me.message:not(.media) .bubble .content {
background: #333333;
}
/* Chat Bubbles */
.swx .chat .message .bubble .content {
border-radius: 4px;
margin-bottom: 2px;
color: #e1e1e1;
}
/* Hide ugly chat bubble borders */
:root .swx .themeLight.chat .conversation .message.their .bubble,
:root .swx .themeLight.chat .conversation .message.me .bubble {
background: inherit;
}
/* Hide chat arrow images, as they're images and can't be styled */
.arrow:after {
display: none;
}
/* Typing indicator area */
.typing {
background: #282828;
}
/* User/Group Avatars */
.swx .tile>.tileAvatar.circle,
.swx .chat .message .tileAvatar,
.swx .chat .indicator .tileAvatar {
background: inherit;
border-radius: 999px;
border: 2px solid #bcd;
}
/* Chat Header */
:root .swx .chat .conversationHeader {
background: #282828;
}
/* Text in chat header */
:root .swx .chat .conversationHeader .headerMain .roster .grid.group .tile.conversationTopic h3>a,
:root .swx .chat .conversationHeader .headerMain .roster .grid.group .tile.conversationTopic .displayMessage>a {
color: #e1e1e1;
}
/* Text input area */
:root .swx .chat .input {
background: #282828;
}
/* TOP DIVIDER LINE */
.swx .chat .conversationHeader:after {
border-color: #464E59 !important;
}
/* BOTTOM DIVIDER LINE */
.swx .chat .input:before {
display: none;
}
/* SIDEBAR DIVIDER LINE */
.swx .themeWhite.side:before {
border-color: #464E59 !important;
}
.shell.main {
background: #f0f !important;
}
/* Sidebar */
.tileName h4 {
color: #d1d1d1;
}
:root .swx .peoplePicker .recent.active:before,
:root .swx .peoplePicker .recent:hover:before,
:root .swx .peoplePicker .searchItem.active:before,
:root .swx .peoplePicker .searchItem:hover:before,
:root .swx .side .recent.active:before,
:root .swx .side .recent:hover:before,
:root .swx .side .searchItem.active:before,
:root .swx .side .searchItem:hover:before {
background: #313131;
border-right: 1px solid #464E59;
}
:root .swx .fragmentsContainer div.fragment,
:root .swx .chat .conversation .history,
:root .swx .conversationHistory {
background: #282828;
}
.themeBlue {
background: #303030 !important;
border: 1px solid #464E59 !important;
}
:root .swx .search .input:before {
border-bottom: 1px solid #464E59;
}
:root .swx a {
color: #77bbee;
}
:root .swx a:hover, :root .swx a:focus {
color: #99ddff;
}
:root .swx .search .input input {
color: #99ddff;
}
.inputField .fontSize-p {
color: #f00;
}
.swx .chat .input.active
{
background: #282828 !important;
}
#footer {
display: none;
}
/* Message type area */
.swx .chat .input form textarea {
color: #e1e1e1 !important;
background: #fff;
border-radius: 8px;
padding: 10px;
}
:root .swx .btn>.iconfont:before {
background: #444;
color: #999;
border: none;
}
