From 1578b1c3d36f0b7bdbd06883f4e06550c4788d8f Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Tue, 14 Jul 2020 14:24:35 +0200
Subject: [PATCH] different blur radius for dark theme

---
 res/themes/element-dark/css/_element-dark.scss | 4 ++++
 res/themes/element-dark/css/element-dark.scss  | 6 +++++-
 res/themes/element/css/_element.scss           | 5 +++++
 res/themes/element/css/_mods.scss              | 4 ++--
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/res/themes/element-dark/css/_element-dark.scss b/res/themes/element-dark/css/_element-dark.scss
index 43a6c0ecec..8b8cfdb3b2 100644
--- a/res/themes/element-dark/css/_element-dark.scss
+++ b/res/themes/element-dark/css/_element-dark.scss
@@ -204,6 +204,10 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
 // Appearance tab colors
 $appearance-tab-border-color: $room-highlight-color;
 
+// blur amounts for left left panel (only for element theme, used in _mods.scss)
+$roomlist-background-blur-amount: 40px;
+$tagpanel-background-blur-amount: 20px;
+
 // ***** Mixins! *****
 
 @define-mixin mx_DialogButton {
diff --git a/res/themes/element-dark/css/element-dark.scss b/res/themes/element-dark/css/element-dark.scss
index 5aefac5881..35b31a9078 100644
--- a/res/themes/element-dark/css/element-dark.scss
+++ b/res/themes/element-dark/css/element-dark.scss
@@ -2,6 +2,10 @@
 @import "../../element/css/_paths.scss";
 @import "../../element/css/_fonts.scss";
 @import "../../element/css/_element.scss";
-@import "../../element/css/_mods.scss";
+// important this goes before _mods,
+// as $tagpanel-background-blur-amount and
+// $roomlist-background-blur-amount
+// are overridden in _element-dark.scss
 @import "_element-dark.scss";
+@import "../../element/css/_mods.scss";
 @import "../../../../res/css/_components.scss";
diff --git a/res/themes/element/css/_element.scss b/res/themes/element/css/_element.scss
index 0703176dab..1229728351 100644
--- a/res/themes/element/css/_element.scss
+++ b/res/themes/element/css/_element.scss
@@ -331,6 +331,11 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
 // FontSlider colors
 $appearance-tab-border-color: $input-darker-bg-color;
 
+// blur amounts for left left panel (only for element theme, used in _mods.scss)
+$roomlist-background-blur-amount: 175px;
+$tagpanel-background-blur-amount: 100px;
+
+
 // ***** Mixins! *****
 
 @define-mixin mx_DialogButton {
diff --git a/res/themes/element/css/_mods.scss b/res/themes/element/css/_mods.scss
index e963be5814..810e0375ba 100644
--- a/res/themes/element/css/_mods.scss
+++ b/res/themes/element/css/_mods.scss
@@ -13,11 +13,11 @@
     }
 
     .mx_TagPanel {
-        backdrop-filter: blur(100px);
+        backdrop-filter: blur($tagpanel-background-blur-amount);
     }
 
     .mx_LeftPanel2 .mx_LeftPanel2_roomListContainer {
-        backdrop-filter: blur(175px);
+        backdrop-filter: blur($roomlist-background-blur-amount);
     }
 }