add small shadow to message selected and modal

This commit is contained in:
Audric Ackermann 2020-08-28 11:20:18 +10:00
parent 4ec51b55bf
commit 3e62d90e69
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4
4 changed files with 8 additions and 11 deletions

View File

@ -587,6 +587,7 @@ label {
background-color: themed('modalBackground');
color: themed('textColor');
border: themed('borderActionPanel');
box-shadow: themed('sessionShadow');
}
overflow: hidden;
display: flex;

View File

@ -119,7 +119,6 @@ $session-color-secondary: $session-shade-6;
// Opacity and Shadow
$session-shadow-opacity: 0.15;
$session-overlay-opacity: 0.3;
$session-dark-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37);
// //////////////////////////////////////////////
// /////////////////// Text /////////////////////

View File

@ -101,9 +101,8 @@
.module-message {
&__container {
@include themify($themes) {
background-image: themed('messageSelected');
box-shadow: themed('sessionShadow');
}
box-shadow: $session-dark-shadow;
}
&__author {

View File

@ -21,14 +21,13 @@ $themes: (
foregroundPrimary: #fff,
buttonGreen: #272726,
// conversation view
messageSelected:
linear-gradient(270deg, rgba(#00f480, 1), rgba(#00f480, 0.6)),
composeViewBackground: #fcfcfc,
composeViewBackground: #fcfcfc,
composeViewTextFieldBackground: #ededed,
receivedMessageBackground: #f5f5f5,
sentMessageBackground: #272726,
sentMessageBackground: #00e97b,
receivedMessageText: #000,
sentMessageText: #fff,
sentMessageText: #000,
sessionShadow: 0 0 4px 0 rgba(#000, 0.37),
// left pane
conversationList: #fff,
conversationItemHasUnread: #fcfcfc,
@ -71,14 +70,13 @@ $themes: (
foregroundPrimary: #fff,
buttonGreen: #00f782,
// conversation view
messageSelected:
linear-gradient(270deg, rgba(#00f480, 1), rgba(#00f480, 0.6)),
composeViewBackground: #1b1b1b,
composeViewBackground: #1b1b1b,
composeViewTextFieldBackground: #141414,
receivedMessageBackground: #222325,
sentMessageBackground: #3f4146,
receivedMessageText: #fff,
sentMessageText: #fff,
sessionShadow: 0 0 4px 0 rgba(#fff, 0.20),
// left pane
conversationList: #1b1b1b,
conversationItemHasUnread: #2c2c2c,