feat: 为选中条目添加高亮背景色

Author: ayangweb

src/components/ProShortcut/index.tsx

@@ -116,7 +116,7 @@ const ProShortcut: FC<ProShortcutProps> = (props) => {
     <ProListItem {...rest}>
       <Flex
         align="center"
-        className="antd-input b-color-1 h-8 min-w-32 rounded-md px-2.5"
+        className="b hover:b-primary-5 b-color-1 focus:b-primary h-8 min-w-32 rounded-md px-2.5 outline-none transition focus:shadow-[0_0_0_2px_rgba(5,145,255,0.1)] focus:dark:shadow-[0_0_0_2px_rgba(0,60,180,0.15)]"
         gap="small"
         justify="center"
         onKeyDown={handleKeyDown}

src/pages/Main/components/HistoryList/components/Item/index.tsx

@@ -102,9 +102,9 @@ const Item: FC<ItemProps> = (props) => {
   return (
     <Flex
       className={clsx(
-        "group antd-input! b-color-2 mx-3 max-h-30 rounded-md p-1.5",
+        "group b hover:b-primary-5 b-color-2 mx-3 max-h-30 rounded-md p-1.5 transition",
         {
-          "antd-input-focus!": rootState.activeId === id,
+          "b-primary bg-primary-1": rootState.activeId === id,
         },
       )}
       gap={4}

uno.config.ts

@@ -14,12 +14,6 @@ export default defineConfig({
     [/^text-color-(\d+)$/, ([, d]) => `text-text-${d}`],
     [/^b-color-(\d+)$/, ([, d]) => `b-border-${d}`],
     [/^(.*)-primary-(\d+)$/, ([, s, d]) => `${s}-[var(--ant-blue-${d})]`],
-    {
-      "antd-input":
-        "b hover:b-primary-5 transition outline-none focus:antd-input-focus",
-      "antd-input-focus":
-        "b-primary shadow-[0_0_0_2px_rgba(5,145,255,0.1)] dark:shadow-[0_0_0_2px_rgba(0,60,180,0.15)]",
-    },
   ],
   theme: {
     colors: {