feat: 后台 MUI 主题 MD3 化（与前台同源 token/大圆角/surface 边框）+ 深色模式修复

2026-08-07 00:27:00 +08:00
parent a858439e19
commit 249ed8cd2c
3 changed files with 563 additions and 8 deletions
@@ -0,0 +1,36 @@
+/* ============================================================
+ * 后台 MD3 全局微调：与前台（public/css/style.css）一致的氛围细节
+ * 前台 token 变量未注入后台页面，这里按明暗各写一份。
+ * ============================================================ */
+
+/* 内容区入场动效（对应前台 contentFadeIn） */
+main {
+  animation: md3ContentFadeIn 0.28s ease;
+}
+
+@keyframes md3ContentFadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: none; }
+}
+
+/* 明暗切换过渡 */
+body {
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+/* 滚动条（对应前台细滚动条） */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: #cac4d0; border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: #79747e; }
+
+[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #49454f; }
+[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #938f99; }
+
+/* 减弱动效偏好 */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+  }
+}