mirror of
https://github.com/oxen-io/session-desktop.git
synced 2023-12-14 02:12:57 +01:00
145 lines
2.6 KiB
SCSS
145 lines
2.6 KiB
SCSS
// Messages
|
|
@import 'themes.scss';
|
|
|
|
// body.dark-theme {
|
|
// @include themify($themes) {
|
|
// background-color: themed('cellBackground');
|
|
// }
|
|
// color: red;
|
|
|
|
// background-color: blue
|
|
// }
|
|
|
|
.conversation {
|
|
background: none !important;
|
|
}
|
|
.module-conversation-header {
|
|
@include themify($themes) {
|
|
background: themed('cellBackground');
|
|
}
|
|
}
|
|
|
|
.module-message {
|
|
&__text-error {
|
|
font-style: italic;
|
|
}
|
|
|
|
&__container--incoming {
|
|
@include themify($themes) {
|
|
background: themed('receivedMessageBackground');
|
|
}
|
|
|
|
.module-message__text {
|
|
@include themify($themes) {
|
|
color: themed('receivedMessageText');
|
|
}
|
|
a {
|
|
text-decoration: underline;
|
|
@include themify($themes) {
|
|
color: themed('receivedMessageText');
|
|
}
|
|
}
|
|
}
|
|
|
|
.module-message__author {
|
|
@include themify($themes) {
|
|
@include session-color-subtle(themed('receivedMessageText'));
|
|
}
|
|
}
|
|
}
|
|
|
|
&__container--outgoing {
|
|
@include themify($themes) {
|
|
background: themed('sentMessageBackground');
|
|
}
|
|
|
|
.module-message__text {
|
|
@include themify($themes) {
|
|
color: themed('sentMessageText');
|
|
}
|
|
a {
|
|
text-decoration: underline;
|
|
@include themify($themes) {
|
|
color: themed('sentMessageText');
|
|
}
|
|
}
|
|
}
|
|
|
|
.module-message__author {
|
|
@include themify($themes) {
|
|
@include session-color-subtle(themed('sentMessageText'));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.session-message-wrapper {
|
|
&.message-highlighted {
|
|
animation: highlightedMessageAnimation 1s ease-in-out;
|
|
}
|
|
|
|
&.message-selected {
|
|
.module-message {
|
|
&__container {
|
|
@include themify($themes) {
|
|
box-shadow: themed('sessionShadow');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.inbox {
|
|
@include themify($themes) {
|
|
background: themed('inboxBackground');
|
|
color: themed('textColor');
|
|
}
|
|
}
|
|
|
|
.conversation {
|
|
background: none;
|
|
}
|
|
|
|
@mixin session-h-title {
|
|
@include fontAccentBold();
|
|
}
|
|
|
|
h1 {
|
|
@include session-h-title;
|
|
color: $session-shade-16;
|
|
font-size: 25px;
|
|
margin: 0;
|
|
|
|
&.active {
|
|
@include themify($themes) {
|
|
color: themed('textColor');
|
|
}
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
@include session-h-title;
|
|
@include themify($themes) {
|
|
color: themed('textColor');
|
|
}
|
|
font-size: 22px;
|
|
text-align: center;
|
|
}
|
|
|
|
h3 {
|
|
@include session-h-title;
|
|
@include themify($themes) {
|
|
color: themed('textColor');
|
|
}
|
|
font-size: 18px;
|
|
padding-top: 22px;
|
|
}
|
|
|
|
h4 {
|
|
@include session-h-title;
|
|
@include themify($themes) {
|
|
color: themed('textColor');
|
|
}
|
|
font-size: 17px;
|
|
text-align: center;
|
|
}
|