From 0f5f7859ce3a06c2f859eddc3fb0936c187ba86d Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sat, 21 Nov 2020 23:51:34 +0800
Subject: [PATCH] chore: add backdrop-filter to proxies header

---
 src/components/Root.css                   | 2 ++
 src/components/proxies/Proxies.module.css | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Root.css b/src/components/Root.css
index 39562cf..3d739c0 100644
--- a/src/components/Root.css
+++ b/src/components/Root.css
@@ -106,6 +106,7 @@ body {
 body,
 body.dark {
   --color-background: #202020;
+  --color-background2: rgba(32, 32, 32, 0.3);
   --color-text: #ddd;
   --color-text-secondary: #ccc;
   --color-text-highlight: #fff;
@@ -129,6 +130,7 @@ body.dark {
 
 body.light {
   --color-background: #fbfbfb;
+  --color-background2: rgba(251, 251, 251, 0.3);
   --color-text: #222;
   --color-text-secondary: #646464;
   --color-text-highlight: #040404;
diff --git a/src/components/proxies/Proxies.module.css b/src/components/proxies/Proxies.module.css
index ba09eec..1a73d76 100644
--- a/src/components/proxies/Proxies.module.css
+++ b/src/components/proxies/Proxies.module.css
@@ -7,8 +7,8 @@
   justify-content: space-between;
   flex-wrap: wrap;
   z-index: 1;
-  background: var(--color-background);
-  background: linear-gradient(var(--color-background) 70%, transparent);
+  background-color: var(--color-background2);
+  backdrop-filter: blur(36px);
 }
 
 .topBarRight {