|
|
|
|
// Messages
|
|
|
|
|
.dark-theme {
|
|
|
|
|
.module-conversation-header {
|
|
|
|
|
background-color: $session-color-dark-1;
|
|
|
|
|
}
|
|
|
|
|
.discussion-container {
|
|
|
|
|
background-color: $session-color-dark-2;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-conversation-header {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__author {
|
|
|
|
|
color: $session-color-dark-5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__metadata__badge {
|
|
|
|
|
color: $session-color-dark-4;
|
|
|
|
|
}
|
|
|
|
|
.module-message__metadata__date--incoming {
|
|
|
|
|
color: $session-color-dark-4;
|
|
|
|
|
}
|
|
|
|
|
.module-message__metadata__date--outgoing {
|
|
|
|
|
color: $session-color-dark-5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__container--incoming {
|
|
|
|
|
background-color: $session-color-dark-1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__container--outgoing {
|
|
|
|
|
background-color: $session-color-dark-3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__container {
|
|
|
|
|
transition: background-color 0.25s;
|
|
|
|
|
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.69);
|
|
|
|
|
}
|
|
|
|
|
.message-highlighted {
|
|
|
|
|
background-color: $session-color-dark-highlight;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-selected {
|
|
|
|
|
.module-message__container {
|
|
|
|
|
background-image: $session-green-gradient;
|
|
|
|
|
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__author {
|
|
|
|
|
color: $session-color-white;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.module-message__metadata__badge {
|
|
|
|
|
color: $session-color-white;
|
|
|
|
|
}
|
|
|
|
|
.module-message__metadata__date--incoming {
|
|
|
|
|
color: $session-color-white-subtle;
|
|
|
|
|
}
|
|
|
|
|
.module-message__metadata__date--outgoing {
|
|
|
|
|
color: $session-color-white-subtle;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message-read-receipt-container {
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
}
|