From 5473d985684d2fed92819270c234f10a336687eb Mon Sep 17 00:00:00 2001
From: FairyEver <1711467488@qq.com>
Date: Wed, 15 Dec 2021 21:59:36 +0800
Subject: [PATCH] feat: blur style

---
 d2/style/themes/default/src/layout/dashboard/src/style.scss | 4 ++--
 d2/style/themes/default/src/layout/dashboard/src/var.scss   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/d2/style/themes/default/src/layout/dashboard/src/style.scss b/d2/style/themes/default/src/layout/dashboard/src/style.scss
index 305e9384..f0d86c7b 100644
--- a/d2/style/themes/default/src/layout/dashboard/src/style.scss
+++ b/d2/style/themes/default/src/layout/dashboard/src/style.scss
@@ -142,7 +142,7 @@ html, body, #app {
   
   .body__blur {
     background-color: --var('body-main-bg-color-rgba-blur');
-    backdrop-filter: blur(8px);
+    backdrop-filter: blur(4px);
   }
   @-moz-document url-prefix() {
     .body__blur {
@@ -152,7 +152,7 @@ html, body, #app {
 
   .app__blur {
     background-color: --var('color-bg-app-rgba-blur');
-    backdrop-filter: blur(8px);
+    backdrop-filter: blur(4px);
   }
   @-moz-document url-prefix() {
     .app__blur {
diff --git a/d2/style/themes/default/src/layout/dashboard/src/var.scss b/d2/style/themes/default/src/layout/dashboard/src/var.scss
index 2678266c..45266297 100644
--- a/d2/style/themes/default/src/layout/dashboard/src/var.scss
+++ b/d2/style/themes/default/src/layout/dashboard/src/var.scss
@@ -20,7 +20,7 @@ $color-bg-container: #FFFFFF;
 :root {
   // color
   #{--key('color-bg-app')}: $color-bg-app;
-  #{--key('color-bg-app-rgba-blur')}: rgba($color-bg-app, 0.5);
+  #{--key('color-bg-app-rgba-blur')}: rgba($color-bg-app, 0.8);
   #{--key('color-bg-app-rgba-blur-moz')}: rgba($color-bg-app, 0.98);
 
   #{--key('color-bg-container')}: $color-bg-container;
@@ -55,7 +55,7 @@ $color-bg-container: #FFFFFF;
   #{--key('body-main-padding-x')}: --var('body-main-padding');
   #{--key('body-main-padding-y')}: --var('body-main-padding');
   #{--key('body-main-bg-color')}: --var('color-bg-container');
-  #{--key('body-main-bg-color-rgba-blur')}: rgba($color-bg-container, 0.5);
+  #{--key('body-main-bg-color-rgba-blur')}: rgba($color-bg-container, 0.8);
   #{--key('body-main-bg-color-rgba-blur-moz')}: rgba($color-bg-container, 0.98);
   // body header
   #{--key('body-header-padding')}: --var('body-padding');