oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Messages fix

This commit is contained in:
Vincent 2020-01-10 16:35:56 +11:00
parent 2b7af04587
commit 00f75ee9be
1 changed files with 87 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
stylesheets/_session_theme.scss
View File

@ -1,92 +1,101 @@
// Messages
.dark-theme {
.conversation {
background: none !important;
}
.module-conversation-header {
border-bottom: none;
.discussion-container {
@at-root .light-theme #{&} {
background-color: $session-color-white;
}
@at-root .dark-theme #{&} {
background-color: $session-shade-2;
}
}
.conversation {
background: none !important;
}
.module-conversation-header {
border-bottom: none;
@at-root .light-theme #{&} {
background-color: $session-color-white;
}
@at-root .dark-theme #{&} {
background-color: $session-shade-4;
}
}
.module-message {
&__author,
&__metadata__badge,
&__metadata__date--incoming,
&__metadata__date--outgoing {
@at-root .light-theme #{&} {
@include session-color-subtle($session-color-black);
}
@at-root .dark-theme #{&} {
@include session-color-subtle($session-color-white);
}
}
&__container--incoming {
@at-root .light-theme #{&} {
@include session-color-subtle($session-color-white);
}
@at-root .dark-theme #{&} {
background-color: $session-shade-11;
}
}
&__container--outgoing {
@at-root .light-theme #{&} {
background-color: $session-color-white;
}
@at-root .dark-theme #{&} {
background-color: $session-shade-4;
background-color: $session-shade-11;
}
}
.module-message {
&__author,
&__metadata__badge,
&__metadata__date--incoming,
&__metadata__date--outgoing {
@at-root .light-theme #{&} {
@include session-color-subtle($session-color-black);
}
@at-root .dark-theme #{&} {
@include session-color-subtle($session-color-white);
}
}
&__container--incoming {
@at-root .light-theme #{&} {
@include session-color-subtle($session-color-white);
}
@at-root .dark-theme #{&} {
background-color: $session-shade-11;
}
}
&__container--outgoing {
@at-root .light-theme #{&} {
background-color: $session-color-white;
}
@at-root .dark-theme #{&} {
background-color: $session-shade-11;
}
}
&__container {
transition: background-color 0.25s;
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.69);
}
}
.message {
&-highlighted {
border-radius: 0;
@at-root .light-theme #{&} {
background-color: $session-shade-5;
}
@at-root .dark-theme #{&} {
background-color: $session-color-white;
}
}
&-selected {
.module-message {
&__container {
background-image: $session-gradient-green;
box-shadow: $session-dark-shadow;
}
&__author {
color: $session-color-white;
}
}
}
&-read-receipt-container {
margin-left: 5px;
}
}
.inbox {
background-image: $session-gradient-black;
&__container {
transition: background-color 0.25s;
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.69);
}
}
.message {
&-highlighted {
border-radius: 0;
@at-root .light-theme #{&} {
background-color: $session-shade-5;
}
@at-root .dark-theme #{&} {
background-color: $session-color-white;
}
}
&-selected {
.module-message {
&__container {
background-image: $session-gradient-green;
box-shadow: $session-dark-shadow;
}
&__author {
color: $session-color-white;
}
}
}
&-read-receipt-container {
margin-left: 5px;
}
}
.inbox {
background-image: $session-gradient-black;
}
.conversation {
background: none !important;
}