add --app-border-light

Author: sanguogege

packages/ui/src/index.tsx

@@ -1,6 +1,7 @@
 import "./style/global.css";
 
 // TODO 组件 form , data等
+// TODO border-lignt-color, background-color 等颜色相关的属性,添加 dark 模式的支持
 
 export { Accordion } from "./accordion/accordion";
 

packages/ui/src/style/global.css

@@ -13,7 +13,8 @@
         --app-text-main: var(--color-zinc-950);  /* 应用主文字色 */
         --app-text-muted: var(--color-zinc-600); /* 应用次级文字色*/
         --app-border: var(--color-zinc-500); /* 应用边框色*/
-        --app-ring: var(--color-zinc-400);
+        --app-border-light: var(--color-zinc-300); /* 应用浅边框色 */
+        --app-ring: var(--color-zinc-300);
         --app-text-reversal: var(--color-zinc-100); /* 应用反转文字色 */
 
     }
@@ -128,6 +129,7 @@
     --color-main: var(--app-text-main);
     --color-muted: var(--app-text-muted);
     --color-base: var(--app-border);
+    --color-light: var(--app-border-light);
     --radius-app: 0.75rem;
 
     /* 注册动画到主题 */