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,") 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,") 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 {