From f013161bc09c7b6e910e0047a025d4fe7f4c9ca2 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 27 Jan 2023 16:35:38 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E5=A4=96=E8=A7=82=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/appearance/themes/daylight/theme.css | 2 +-
 app/appearance/themes/midnight/theme.css | 2 +-
 app/src/assets/scss/_card.scss           | 1 +
 app/src/assets/scss/_slider.scss         | 1 +
 app/src/assets/scss/_switch.scss         | 2 +-
 app/src/assets/scss/_toolbar.scss        | 1 +
 app/src/assets/scss/base.scss            | 3 ++-
 app/src/assets/scss/mobile.scss          | 2 ++
 8 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index cd36bbbd9..e52dfaa0c 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -94,7 +94,7 @@
     --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
 
     /* 阴影 */
-    --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+    --b3-point-shadow: 0 3px 6px rgba(140,149,159,0.15);
     --b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2);
 
     /* 图表颜色 */
diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css
index 74f3fd6a0..1fcd2e140 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -94,7 +94,7 @@
     --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
 
     /* 阴影 */
-    --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+    --b3-point-shadow: 0 3px 6px #010409;
     --b3-dialog-shadow: 0 8px 24px #010409;
 
     /* 图表颜色 */
diff --git a/app/src/assets/scss/_card.scss b/app/src/assets/scss/_card.scss
index a369974df..c64c28786 100644
--- a/app/src/assets/scss/_card.scss
+++ b/app/src/assets/scss/_card.scss
@@ -8,6 +8,7 @@
   position: relative;
   transition: var(--b3-transition);
   cursor: pointer;
+  border: 1px solid var(--b3-theme-surface-lighter);
 
   &:hover {
     background-color: var(--b3-theme-surface-lighter);
diff --git a/app/src/assets/scss/_slider.scss b/app/src/assets/scss/_slider.scss
index 2797726ef..7c2820a55 100644
--- a/app/src/assets/scss/_slider.scss
+++ b/app/src/assets/scss/_slider.scss
@@ -20,6 +20,7 @@
     background-color: var(--b3-theme-primary);
     margin-top: -4px;
     box-shadow: var(--b3-point-shadow);
+    border: 1px solid var(--b3-theme-surface-lighter);
     transition: transform 100ms ease-out;
   }
 
diff --git a/app/src/assets/scss/_switch.scss b/app/src/assets/scss/_switch.scss
index 633f46e4a..9606cf62d 100644
--- a/app/src/assets/scss/_switch.scss
+++ b/app/src/assets/scss/_switch.scss
@@ -16,11 +16,11 @@
   user-select: none;
 
   &:after {
+    border: 1px solid var(--b3-theme-surface-lighter);
     box-shadow: var(--b3-point-shadow);
     box-sizing: border-box;
     width: 16px;
     height: 16px;
-    border: 1px solid #fff;
     border-radius: 50%;
     pointer-events: none;
     z-index: 1;
diff --git a/app/src/assets/scss/_toolbar.scss b/app/src/assets/scss/_toolbar.scss
index 3814de550..30a34e82f 100644
--- a/app/src/assets/scss/_toolbar.scss
+++ b/app/src/assets/scss/_toolbar.scss
@@ -7,6 +7,7 @@
     border-radius: 4px;
     display: flex;
     transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms;
+    border: 1px solid var(--b3-theme-surface-lighter);
 
     &__item {
       color: var(--b3-theme-on-surface);
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 6d71ddf89..76b59a3ee 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -149,7 +149,7 @@ progressLoading: 400
   .pcr-selection .pcr-picker {
     height: 16px;
     width: 16px;
-    border: 0;
+    border: 1px solid var(--b3-theme-surface-lighter);
     box-shadow: var(--b3-point-shadow);
     transition: transform 100ms ease-out;
   }
@@ -444,6 +444,7 @@ progressLoading: 400
       border-radius: 90px;
       background-color: rgba(255, 255, 255, 0.8);
       box-shadow: var(--b3-point-shadow);
+      border: 1px solid var(--b3-theme-surface-lighter);
     }
 
     &__name {
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index e45adb617..3ad59a297 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -199,6 +199,7 @@
       border-radius: 90px;
       background-color: rgba(255, 255, 255, 0.8);
       box-shadow: var(--b3-point-shadow);
+      border: 1px solid var(--b3-theme-surface-lighter);
     }
 
     &__info {
@@ -254,6 +255,7 @@
   background: var(--b3-theme-background);
   padding: 4px;
   box-shadow: var(--b3-point-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   z-index: 1;
   line-height: 28px;
   left: 8px;