From 5f6907c85eafd5083e000bf4b977a492544e547c Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Wed, 13 Feb 2019 15:06:24 +0000
Subject: [PATCH] Improve gradients for Safari

---
 res/css/structures/_RoomSubList.scss      | 2 +-
 res/css/views/rooms/_RoomBreadcrumbs.scss | 2 +-
 res/themes/dark/css/_dark.scss            | 2 ++
 res/themes/light/css/_light.scss          | 2 ++
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
index bef7ddc450..f76df1f683 100644
--- a/res/css/structures/_RoomSubList.scss
+++ b/res/css/structures/_RoomSubList.scss
@@ -152,7 +152,7 @@ limitations under the License.
     &.mx_IndicatorScrollbar_topOverflow::before {
         top: 0;
         transition: background-image 0.1s ease-in;
-        background: linear-gradient(to top, rgba(242,245,248,0), $header-panel-bg-color);
+        background: linear-gradient(to top, $panel-gradient);
     }
 
 /*
diff --git a/res/css/views/rooms/_RoomBreadcrumbs.scss b/res/css/views/rooms/_RoomBreadcrumbs.scss
index 296850c266..c5a149d5cd 100644
--- a/res/css/views/rooms/_RoomBreadcrumbs.scss
+++ b/res/css/views/rooms/_RoomBreadcrumbs.scss
@@ -36,7 +36,7 @@ limitations under the License.
         top: 0;
         right: 0;
         height: 100%;
-        background: linear-gradient(to right, rgba(242,245,248,0), $header-panel-bg-color);
+        background: linear-gradient(to right, $panel-gradient);
     }
 
     .mx_RoomBreadcrumbs_animate {
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index ac91d8e749..a59eec30fb 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -122,6 +122,8 @@ $button-danger-disabled-bg-color: #f5b6bb; // TODO: Verify color
 
 $room-warning-bg-color: $header-panel-bg-color;
 
+$panel-gradient: rgba(34, 38, 46, 0), rgba(34, 38, 46, 1);
+
 /*** form elements ***/
 
 // .mx_textinput is a container for a text input
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 08913cec80..7bd84d6191 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -249,6 +249,8 @@ $authpage-lang-color: #4e5054;
 $authpage-primary-color: #454545;
 $authpage-secondary-color: #61708b;
 
+$panel-gradient: rgba(242, 245, 248, 0), rgba(242, 245, 248, 1);
+
 /*** form elements ***/
 
 // .mx_textinput is a container for a text input