session-desktop/stylesheets/_session_theme.scss

182 lines
3.3 KiB
SCSS
Raw Normal View History

2019-12-09 03:57:18 +01:00
// Messages
@import 'themes.scss';
2020-01-10 06:35:56 +01:00
.discussion-container {
2020-08-25 03:25:41 +02:00
@include themify($themes) {
background: none;
2020-01-10 06:35:56 +01:00
}
}
.conversation {
background: none !important;
}
.module-conversation-header {
2020-08-25 03:25:41 +02:00
@include themify($themes) {
background: themed('cellBackground');
}
2020-01-10 06:35:56 +01:00
}
2020-01-10 06:35:56 +01:00
.module-message {
2020-08-25 03:25:41 +02:00
&__text-error {
font-style: italic;
2019-12-09 03:57:18 +01:00
}
2019-12-09 03:48:04 +01:00
2020-01-10 06:35:56 +01:00
&__container--incoming {
2020-08-25 03:25:41 +02:00
@include themify($themes) {
background: themed('receivedMessageBackground');
2019-12-13 02:02:02 +01:00
}
2020-08-25 03:25:41 +02:00
.module-message__text {
@include themify($themes) {
color: themed('receivedMessageText');
}
a {
text-decoration: underline;
@include themify($themes) {
color: themed('receivedMessageText');
}
}
}
.module-message__author,
.module-message__metadata,
.module-message__metadata__date,
.module-message__metadata__badge,
.module-message__metadata__badge--separator {
@include themify($themes) {
@include session-color-subtle(themed('receivedMessageText'));
}
2019-12-13 02:02:02 +01:00
}
2020-01-10 06:35:56 +01:00
}
2019-12-09 03:48:04 +01:00
2020-01-10 06:35:56 +01:00
&__container--outgoing {
2020-08-25 03:25:41 +02:00
@include themify($themes) {
background: themed('sentMessageBackground');
2019-12-13 02:02:02 +01:00
}
2020-08-25 03:25:41 +02:00
.module-message__text {
@include themify($themes) {
color: themed('sentMessageText');
}
a {
text-decoration: underline;
@include themify($themes) {
color: themed('sentMessageText');
}
}
}
.module-message__author,
.module-message__metadata,
.module-message__metadata__date,
.module-message__metadata__badge,
.module-message__metadata__badge--separator {
@include themify($themes) {
@include session-color-subtle(themed('sentMessageText'));
}
2019-12-13 02:02:02 +01:00
}
2019-12-09 03:57:18 +01:00
}
2020-01-10 06:35:56 +01:00
&__container {
2020-08-25 03:25:41 +02:00
transition: background-color $session-transition-duration;
2020-01-10 06:35:56 +01:00
}
}
2020-01-10 06:35:56 +01:00
.message {
&-highlighted {
border-radius: 0;
2020-01-14 03:28:31 +01:00
2020-01-10 06:35:56 +01:00
@at-root .light-theme #{&} {
background-color: $session-shade-5;
}
@at-root .dark-theme #{&} {
background-color: $session-color-white;
}
}
2019-12-13 02:02:02 +01:00
2020-01-10 06:35:56 +01:00
&-selected {
.module-message {
&__container {
@include themify($themes) {
background-image: themed('messageSelected');
}
2020-01-10 06:35:56 +01:00
box-shadow: $session-dark-shadow;
2019-12-13 02:02:02 +01:00
}
2020-01-10 06:35:56 +01:00
&__author {
color: $session-color-white;
}
}
}
2020-01-10 06:35:56 +01:00
&-read-receipt-container {
margin-left: 5px;
}
}
2020-01-10 06:35:56 +01:00
.inbox {
@include themify($themes) {
background: themed('inboxBackground');
}
2020-01-10 06:35:56 +01:00
}
.conversation {
background: none !important;
}
.discussion-container {
background-color: #141414;
2019-12-09 03:48:04 +01:00
}
2019-12-19 00:05:34 +01:00
@mixin session-h-title {
2020-04-23 09:41:07 +02:00
@include fontAccentBold();
2019-12-19 00:05:34 +01:00
}
h1 {
@include session-h-title;
color: $session-shade-16;
2019-12-19 00:05:34 +01:00
font-size: 25px;
margin: 0;
&.active {
@include themify($themes) {
color: themed('textColor');
}
}
2019-12-19 00:05:34 +01:00
}
h2 {
@include session-h-title;
2020-08-24 06:10:40 +02:00
@include themify($themes) {
color: themed('textColor');
}
2019-12-19 00:05:34 +01:00
font-size: 22px;
text-align: center;
}
h3 {
@include session-h-title;
2020-08-24 06:10:40 +02:00
@include themify($themes) {
color: themed('textColor');
}
2019-12-19 00:05:34 +01:00
font-size: 18px;
padding-top: 22px;
}
2019-12-19 01:56:30 +01:00
h4 {
@include session-h-title;
2020-08-24 06:10:40 +02:00
@include themify($themes) {
color: themed('textColor');
}
2019-12-19 01:56:30 +01:00
font-size: 17px;
text-align: center;
}
.dark-theme .network-status-container .network-status {
background-color: rgba($session-color-green, 0.6);
.network-status-message {
color: $session-color-white;
}
}