From 3e62d90e6975cee0952b182236b8d0892bd02028 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 28 Aug 2020 11:20:18 +1000
Subject: [PATCH] add small shadow to message selected and modal

---
 stylesheets/_session.scss           |  1 +
 stylesheets/_session_constants.scss |  1 -
 stylesheets/_session_theme.scss     |  3 +--
 stylesheets/themes.scss             | 14 ++++++--------
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 6a2dbe74b..7509d2444 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -587,6 +587,7 @@ label {
     background-color: themed('modalBackground');
     color: themed('textColor');
     border: themed('borderActionPanel');
+    box-shadow: themed('sessionShadow');
   }
   overflow: hidden;
   display: flex;
diff --git a/stylesheets/_session_constants.scss b/stylesheets/_session_constants.scss
index d31cf94d8..11aeab0e6 100644
--- a/stylesheets/_session_constants.scss
+++ b/stylesheets/_session_constants.scss
@@ -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 /////////////////////
diff --git a/stylesheets/_session_theme.scss b/stylesheets/_session_theme.scss
index a3bfed84c..0e5bfa384 100644
--- a/stylesheets/_session_theme.scss
+++ b/stylesheets/_session_theme.scss
@@ -101,9 +101,8 @@
     .module-message {
       &__container {
         @include themify($themes) {
-          background-image: themed('messageSelected');
+          box-shadow: themed('sessionShadow');
         }
-        box-shadow: $session-dark-shadow;
       }
 
       &__author {
diff --git a/stylesheets/themes.scss b/stylesheets/themes.scss
index f6e13c324..d388f5198 100644
--- a/stylesheets/themes.scss
+++ b/stylesheets/themes.scss
@@ -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,