perf: 优化主题色配置以及暗色模式的文本辨识度

src/index.css

@@ -79,9 +79,7 @@
   --sidebar-ring: #a1a1a1;
 
   --purcarte-blur: 10px;
-
   --body-background-url: url("");
-  /* --body-background-transition: background-image 0.8s ease-in-out; */
 }
 
 .dark {
@@ -121,7 +119,7 @@
 
 @layer base {
   * {
-    @apply border-(--accent-a4) outline-ring/50;
+    @apply border-(--accent-4)/50 outline-ring/50;
   }
   body {
     @apply bg-background;
@@ -131,6 +129,24 @@
   }
 }
 
+@layer utilities {
+  .radix-themes {
+    --theme-text-muted-color: rgb(from var(--accent-4) r g b / 0.7);
+  }
+
+  .theme-text-shadow {
+    @apply text-shadow-sm text-shadow-(color:--accent-8)/50;
+  }
+
+  .theme-card-style {
+    @apply rounded-lg shadow-sm shadow-(color:--accent-4)/50 box-border border border-(--accent-4)/50;
+  }
+
+  .theme-text-muted {
+    @apply text-(--theme-text-muted-color) text-shadow-sm text-shadow-(color:--accent-foreground)/20;
+  }
+}
+
 /* 背景图片伪元素 */
 body::before {
   content: "";