diff --git a/frontend/src/components/dialog/image-dialog/index.css b/frontend/src/components/dialog/image-dialog/index.css
index 8823700198..f321e038da 100644
--- a/frontend/src/components/dialog/image-dialog/index.css
+++ b/frontend/src/components/dialog/image-dialog/index.css
@@ -81,7 +81,7 @@
 
 .lightbox-side-panel .dirent-detail-item .dirent-detail-item-value:not(.editable) .sf-metadata-record-cell-empty:empty::before,
 .lightbox-side-panel .sf-metadata-number-property-detail-editor::placeholder {
-  color: #666;
+  color: #868e96;
 }
 
 .lightbox-side-panel .dirent-detail-item-value.editable:hover .sf-metadata-property-detail-editor:empty::before {
diff --git a/frontend/src/components/search/search-filters/index.css b/frontend/src/components/search/search-filters/index.css
index d3c65f67b1..86ae12a873 100644
--- a/frontend/src/components/search/search-filters/index.css
+++ b/frontend/src/components/search/search-filters/index.css
@@ -218,7 +218,7 @@
 
 .search-filters-container .search-filter-toggle.active:hover,
 .search-filters-container .search-filter-toggle.highlighted:hover {
-  background-color: rgba(255, 152, 0, 0.2);
+  background-color: #efefef;
 }
 
 .search-filters-container .search-filter-toggle.highlighted,
diff --git a/frontend/src/css/search.css b/frontend/src/css/search.css
index 9dca4af4b4..0c31f3603b 100644
--- a/frontend/src/css/search.css
+++ b/frontend/src/css/search.css
@@ -54,7 +54,7 @@
 }
 
 .search-container.show .input-icon .search-icon-right.search-filter-controller.active:hover {
-  background-color: rgba(255, 152, 0, 0.2);
+  background-color: #efefef;
 }
 
 .search-icon-left {
diff --git a/frontend/src/metadata/components/detail-editor/number-editor/index.css b/frontend/src/metadata/components/detail-editor/number-editor/index.css
index 85a42f5a41..5ceeaa49b5 100644
--- a/frontend/src/metadata/components/detail-editor/number-editor/index.css
+++ b/frontend/src/metadata/components/detail-editor/number-editor/index.css
@@ -8,7 +8,7 @@
 }
 
 .sf-metadata-number-property-detail-editor::placeholder {
-  color: #666;
+  color: #868e96;
   font-size: 14px;
 }
 
diff --git a/frontend/src/metadata/components/popover/filter-popover/basic-filters/index.css b/frontend/src/metadata/components/popover/filter-popover/basic-filters/index.css
index b9f45fa15e..4291ecdb4b 100644
--- a/frontend/src/metadata/components/popover/filter-popover/basic-filters/index.css
+++ b/frontend/src/metadata/components/popover/filter-popover/basic-filters/index.css
@@ -8,12 +8,9 @@
   height: 28px;
 }
 
-.sf-metadata-basic-filters-select.seafile-customize-select:hover {
-  background: #efefef;
-}
-
+.sf-metadata-basic-filters-select.seafile-customize-select:hover,
 .sf-metadata-basic-filters-select.seafile-customize-select.highlighted:hover {
-  background-color: rgba(255, 152, 0, 0.2);
+  background: #efefef;
 }
 
 .sf-metadata-basic-filters-select.seafile-customize-select .selected-option {
@@ -28,11 +25,8 @@
 .sf-metadata-basic-filters-select.seafile-customize-select.focus {
   border-color: unset;
   box-shadow: none;
-  background-color: rgba(255, 152, 0, 0.2);
 }
 
-.sf-metadata-basic-filters-select.focus .selected-option .selected-option-show,
-.sf-metadata-basic-filters-select.focus .selected-option .sf3-font-down,
 .sf-metadata-basic-filters-select.highlighted .selected-option .selected-option-show,
 .sf-metadata-basic-filters-select.highlighted .selected-option .sf3-font-down {
   color: #ed7109;
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 8d0f7ebe7b..a8f831a05a 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -281,7 +281,7 @@ dd {
 
 input::placeholder,
 textarea::placeholder {
-  color: #666;
+  color: #868e96;
 }
 
 .vam {