Remove backdrop filter

5 files changed, 14 insertions, 31 deletions

diff --git a/gui/packages/desktop/src/main/index.js b/gui/packages/desktop/src/main/index.js
index c28477652e..92ad7f110e 100644
--- a/gui/packages/desktop/src/main/index.js
+++ b/gui/packages/desktop/src/main/index.js
@@ -310,8 +310,6 @@ const ApplicationMain = {
       webPreferences: {
         // prevents renderer process code from not running when window is hidden
         backgroundThrottling: false,
-        // enable blur effect
-        blinkFeatures: 'CSSBackdropFilter',
       },
     };
 
diff --git a/gui/packages/desktop/src/renderer/components/AppButton.js b/gui/packages/desktop/src/renderer/components/AppButton.js
index dd69ab1dc3..fe1f74dc20 100644
--- a/gui/packages/desktop/src/renderer/components/AppButton.js
+++ b/gui/packages/desktop/src/renderer/components/AppButton.js
@@ -3,7 +3,6 @@
 import * as React from 'react';
 import { Button, Text, Component } from 'reactxp';
 import styles from './AppButtonStyles';
-import blurStyles from './BlurAppButtonStyles';
 import Img from './Img';
 
 export class Label extends Text {}
@@ -70,11 +69,9 @@ export class BlueButton extends BaseButton {
 }
 
 export class TransparentButton extends BaseButton {
-  backgroundStyle = () =>
-    this.state.hovered ? blurStyles.transparentHover : blurStyles.transparent;
+  backgroundStyle = () => (this.state.hovered ? styles.transparentHover : styles.transparent);
 }
 
 export class RedTransparentButton extends BaseButton {
-  backgroundStyle = () =>
-    this.state.hovered ? blurStyles.redTransparentHover : blurStyles.redTransparent;
+  backgroundStyle = () => (this.state.hovered ? styles.redTransparentHover : styles.redTransparent);
 }
diff --git a/gui/packages/desktop/src/renderer/components/AppButtonStyles.js b/gui/packages/desktop/src/renderer/components/AppButtonStyles.js
index a106e7a7f2..6ef2bb6420 100644
--- a/gui/packages/desktop/src/renderer/components/AppButtonStyles.js
+++ b/gui/packages/desktop/src/renderer/components/AppButtonStyles.js
@@ -28,6 +28,18 @@ export default {
   white: Styles.createViewStyle({
     color: colors.white,
   }),
+  transparent: Styles.createViewStyle({
+    backgroundColor: colors.white20,
+  }),
+  transparentHover: Styles.createViewStyle({
+    backgroundColor: colors.white40,
+  }),
+  redTransparent: Styles.createViewStyle({
+    backgroundColor: colors.red40,
+  }),
+  redTransparentHover: Styles.createViewStyle({
+    backgroundColor: colors.red45,
+  }),
   icon: Styles.createViewStyle({
     position: 'absolute',
     alignSelf: 'flex-end',
diff --git a/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js b/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js
index 901d699fc5..d044a7ace6 100644
--- a/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js
+++ b/gui/packages/desktop/src/renderer/components/BlockingInternetBanner.js
@@ -8,7 +8,6 @@ const styles = {
   container: Styles.createViewStyle({
     flexDirection: 'row',
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    backdropFilter: 'blur(4px)',
     paddingTop: 8,
     paddingLeft: 20,
     paddingRight: 20,
diff --git a/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js b/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js
deleted file mode 100644
index cd47776004..0000000000
--- a/gui/packages/desktop/src/renderer/components/BlurAppButtonStyles.js
+++ /dev/null
@@ -1,23 +0,0 @@
-// @flow
-
-import { Styles } from 'reactxp';
-import { colors } from '../../config';
-
-export default {
-  transparent: Styles.createViewStyle({
-    backgroundColor: colors.white20,
-    backdropFilter: 'blur(4px)',
-  }),
-  transparentHover: Styles.createViewStyle({
-    backgroundColor: colors.white40,
-    backdropFilter: 'blur(4px)',
-  }),
-  redTransparent: Styles.createViewStyle({
-    backgroundColor: colors.red40,
-    backdropFilter: 'blur(4px)',
-  }),
-  redTransparentHover: Styles.createViewStyle({
-    backgroundColor: colors.red45,
-    backdropFilter: 'blur(4px)',
-  }),
-};