session-desktop/stylesheets/_session_theme.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;
}