From 441c12813ff5b0cd1107085e543b453e1507394e Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 15 Mar 2023 11:45:51 +0800
Subject: [PATCH] :lipstick: fix
 https://github.com/siyuan-note/siyuan/issues/7670

---
 app/appearance/themes/daylight/theme.css       |  3 +++
 app/appearance/themes/midnight/theme.css       |  3 +++
 app/src/assets/scss/component/_select.scss     | 11 ++++++++---
 app/src/assets/scss/component/_text-field.scss |  2 +-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index 78ff1b507..f74554599 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -94,6 +94,9 @@
     --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
     --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
 
+    /* 下拉菜单 */
+    --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
+
     /* 阴影 */
     --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 c31b595d9..2e89493da 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -94,6 +94,9 @@
     --b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
     --b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
 
+    /* 下拉菜单 */
+    --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
+
     /* 阴影 */
     --b3-point-shadow: 0 3px 6px #010409;
     --b3-dialog-shadow: 0 8px 24px #010409;
diff --git a/app/src/assets/scss/component/_select.scss b/app/src/assets/scss/component/_select.scss
index 0c619a2a8..e09b80723 100644
--- a/app/src/assets/scss/component/_select.scss
+++ b/app/src/assets/scss/component/_select.scss
@@ -6,13 +6,18 @@
   box-sizing: border-box;
   color: var(--b3-theme-on-background);
   transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: var(--b3-theme-background);
   min-width: 200px;
   height: 28px;
   font-size: 14px;
-  overflow: hidden;
+  box-shadow: inset 0 0 0 0.4px var(--b3-theme-on-surface-light);
+  background: var(--b3-select-background);
+  appearance: none;
+
+  &:hover {
+    box-shadow: inset 0 0 0 .4px var(--b3-theme-on-background);
+  }
 
   &:focus {
-    box-shadow: 0 0 0 3px var(--b3-theme-primary-lighter);
+    box-shadow: inset 0 0 0 1px var(--b3-theme-primary), 0 0 0 3px var(--b3-theme-primary-lightest);
   }
 }
diff --git a/app/src/assets/scss/component/_text-field.scss b/app/src/assets/scss/component/_text-field.scss
index f18f78727..f252208cb 100644
--- a/app/src/assets/scss/component/_text-field.scss
+++ b/app/src/assets/scss/component/_text-field.scss
@@ -10,7 +10,7 @@
   background-color: var(--b3-theme-background);
 
   &:hover {
-    border-color: var(--b3-theme-on-background);
+    box-shadow: inset 0 0 0 .4px var(--b3-theme-on-background);
   }
 
   &:focus {