From abb4be0d439c22d3a38a07f66e2c731c124e29e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=89=E7=A8=B3?= <anwen_anyi@foxmail.com>
Date: Thu, 23 May 2024 20:03:16 +0800
Subject: [PATCH] style: Search Box (#174)

* search box

* Cancel annotation
---
 src/pages/home/header/Header.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/header/Header.tsx b/src/pages/home/header/Header.tsx
index 4ab44aa87..8f552da4b 100644
--- a/src/pages/home/header/Header.tsx
+++ b/src/pages/home/header/Header.tsx
@@ -7,8 +7,9 @@ import {
   Kbd,
   CenterProps,
 } from "@hope-ui/solid"
+import { changeColor } from "seemly"
 import { Show, createMemo } from "solid-js"
-import { getSetting, local, objStore, State } from "~/store"
+import { getMainColor, getSetting, local, objStore, State } from "~/store"
 import { BsSearch } from "solid-icons/bs"
 import { CenterLoading } from "~/components"
 import { Container } from "../Container"
@@ -58,13 +59,15 @@ export const Header = () => {
                 <HStack
                   bg="$neutral4"
                   w="$32"
-                  p="$2"
+                  p="$1"
                   rounded="$md"
                   justifyContent="space-between"
                   border="2px solid transparent"
                   cursor="pointer"
+                  color={getMainColor()}
+                  bgColor={changeColor(getMainColor(), { alpha: 0.15 })}
                   _hover={{
-                    borderColor: "$info6",
+                    bgColor: changeColor(getMainColor(), { alpha: 0.2 }),
                   }}
                   onClick={() => {
                     bus.emit("tool", "search")