From 77d3d00f7aa95dce87cff56cf8c660930bdb915b Mon Sep 17 00:00:00 2001
From: layyback <505187749@qq.com>
Date: Sun, 26 Mar 2023 19:33:50 +0800
Subject: [PATCH] :art: fit search input style

---
 src/renderer/components/search.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/search.vue b/src/renderer/components/search.vue
index d015fb5..f780b5d 100644
--- a/src/renderer/components/search.vue
+++ b/src/renderer/components/search.vue
@@ -226,7 +226,7 @@ window.rubick.hooks.onHide = () => {
 .rubick-select {
   display: flex;
   padding-left: 10px;
-  background: #fff;
+  background: var(--color-body-bg);
   position: fixed;
   top: 0;
   left: 0;
@@ -259,12 +259,15 @@ window.rubick.hooks.onHide = () => {
     border: none;
     outline: none;
     box-shadow: none !important;
+    background: var(--color-body-bg);
     .ant-select-selection,
     .ant-input,
     .ant-select-selection__rendered {
       height: 100% !important;
       font-size: 22px;
       border: none !important;
+      background: var(--color-body-bg);
+      color: var(--color-text-primary);
     }
   }
   .rubick-logo,
@@ -281,7 +284,7 @@ window.rubick.hooks.onHide = () => {
     }
   }
   .icon-tool {
-    background: #fff;
+    background: var(--color-input-hover);
   }
   .ant-input:focus {
     border: none;
@@ -294,6 +297,7 @@ window.rubick.hooks.onHide = () => {
       font-size: 26px;
       font-weight: bold;
       cursor: pointer;
+      color: var(--color-text-content);
     }
     .loading {
       color: #ff4ea4;
@@ -310,7 +314,7 @@ window.rubick.hooks.onHide = () => {
     position: relative;
     align-items: center;
     display: flex;
-    border: 1px solid #e6e6e6;
+    border: 1px solid var(--color-border-light);
     padding: 0 8px;
     margin-right: 12px;
     img {