style(theme): 调整主题样式和透明度

- 修改 custom.json 中的圆角大小
- 在 main.css 中添加 TDesign 样式覆盖
- 调整 acrylic 主题的卡片和侧边栏透明度

src/renderer/src/assets/main.css

@@ -1,6 +1,15 @@
 @import 'tdesign-react/dist/reset.css';
 @import 'tdesign-react/dist/tdesign.css';
 
+/* 没用过tdesign，有ai或者人类会用顺便帮我改一下 */
+.t-layout {
+  background-color: var(--ss-bg-color) !important;
+}
+.t-default-menu{
+  background-color: transparent !important;
+}
+/* 没用过tdesign，有ai或者人类会用顺便帮我改一下 */
+
 html,
 body,
 #root {

themes/acrylic-dark.json

@@ -16,12 +16,12 @@
     },
     "custom": {
       "--ss-bg-color": "transparent",
-      "--ss-card-bg": "rgba(30, 30, 30, 0.85)",
+      "--ss-card-bg": "rgba(30, 30, 30, 0.3)",
       "--ss-text-main": "#e0e0e0",
       "--ss-text-secondary": "#a0a0a0",
       "--ss-border-color": "rgba(255, 255, 255, 0.08)",
       "--ss-header-bg": "transparent",
-      "--ss-sidebar-bg": "rgba(30, 30, 30, 0.9)",
+      "--ss-sidebar-bg": "rgba(30, 30, 30, 0.5)",
       "--ss-item-hover": "rgba(255, 255, 255, 0.04)",
       "--ss-sidebar-text": "#e0e0e0",
       "--ss-sidebar-active-bg": "rgba(255, 255, 255, 0.06)",

themes/acrylic-light.json

@@ -16,12 +16,12 @@
     },
     "custom": {
       "--ss-bg-color": "transparent",
-      "--ss-card-bg": "rgba(255, 255, 255, 0.85)",
+      "--ss-card-bg": "rgba(255, 255, 255, 0.3)",
       "--ss-text-main": "#1a1a1a",
       "--ss-text-secondary": "#5e5e5e",
       "--ss-border-color": "rgba(0, 0, 0, 0.08)",
       "--ss-header-bg": "transparent",
-      "--ss-sidebar-bg": "rgba(255, 255, 255, 0.9)",
+      "--ss-sidebar-bg": "rgba(255, 255, 255, 0.5)",
       "--ss-item-hover": "rgba(0, 0, 0, 0.04)",
       "--ss-sidebar-text": "#1a1a1a",
       "--ss-sidebar-active-bg": "rgba(0, 0, 0, 0.06)",

themes/custom.json

@@ -5,7 +5,7 @@
   "mica": {
     "effect": "mica",
     "theme": "auto",
-    "radius": "medium"
+    "radius": "large"
   },
   "config": {
     "tdesign": {