stylus 语法换成 saas 语法

web/src/assets/css/theme-dark.scss

@@ -0,0 +1,100 @@
+@use 'font.scss' as *;
+:root[data-theme="dark"] {
+  --text-fb: #fff;
+  --text-color: rgba(255, 255, 255, 1) !important; // 主要的文本颜色
+  --normal-color: rgba(163, 174, 208, 1); // 普通颜色
+  --el-text-color-primary: #fff;
+  p, h1, h2, h3, h4, h5, h6, article {
+    // color: var(--text-color) !important;
+    font-family: $font-regular;
+  }
+  html,
+  body,
+  #app,
+  .wrapper {
+    background: rgb(13, 20, 53);
+    background-color: rgb(13, 20, 53);
+    font-family: $font-regular;
+  }
+  --btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
+  --border-active: rgba(255, 255, 255, 0.1);
+  --card-bg: #252d58;
+  --chat-bg: #1f243f;
+  --chat-wel-bg: #2d2f38;
+  --card-bg-table: rgba(17, 28, 68, 1);
+  --theme-bg: rgb(13, 20, 53);
+  --theme-bg-color: rgb(13, 20, 53);
+  --theme-bg-all: rgb(13, 20, 53);
+  --sign-bg: rgba(27, 37, 75, 1);
+  --text-theme-color: #fff;
+  --text-color-primary: #d1c7ff;
+  --theme-text-color-secondary: #a3aed0;
+  --theme-text-color-primary: #fff;
+  --theme-text-primary: #f3f3f3;
+  --line-box: rgba(255, 255, 255, 0.1);
+  --el-bg-color: #141a36;
+  --el-fill-color-blank: rgba(17, 28, 68, 1);
+  --el-fill-color-light: rgba(86, 86, 95, 0.2);
+  --el-color-primary-light-9: rgba(86, 86, 95, 0.2);
+  --el-text-color-regular: rgba(163, 174, 208, 1);
+  --el-border-color: rgb(79, 80, 85); //黑白切换
+  --el-bg-color-overlay: rgba(17, 28, 68, 1);
+  --el-border-color-light: rgba(255, 255, 255, 0.2);
+  --chat-content-bg: rgba(86, 86, 95, 0.2);
+  --chat-user-content-bg: #762aa4;
+  --hover-deep-color: #30323c;
+  --tab-title-bg: #525777; //顶部tab栏背景切换
+  --tab-title-color: #fff; //顶部tab栏文字切换
+  //深黑色
+  --bg-deep-color: rgba(255, 255, 255, 0.8);
+  //layout
+  .more-menus li.moreTitle,
+  .twoTittle .title,
+  .setting-menus span.title,
+  .setting-menus li .el-icon,
+  .setting-menus li .iconfont,
+  .layout .tab-box .menu-list-item {
+    //filter: invert(100%);
+  }
+  .more-menus span.title {
+    color: var(--text-theme-color);
+  }
+
+  // 操作按钮
+  --btn-bg: rgba(86, 86, 95, 0.5);
+
+  .el-table {
+    // 表格表头背景
+    --el-fill-color-darker: rgba(100, 100, 100, 0.5);
+    --el-border-color-darker: #73767a;
+    --el-table-border-color: rgba(100, 100, 100, 0.5);
+    --el-table-row-hover-bg-color: rgba(16, 21, 43, 0.8);
+    --el-table-current-row-bg-color: rgba(16, 21, 43, 0.8);
+  }
+
+  // 加载动画
+  --el-mask-color: rgba(255, 255, 255, 0.5);
+  --van-toast-background: rgba(255, 255, 255, 0.3);
+
+  --code-bg-color: #424242;
+  --code-text-color: #fff;
+
+  // vant 主题样式
+  --van-cell-background: #141a36;
+  --van-cell-background-light: #242a46;
+  --van-button-default-background: #141a36;
+  --van-background: #141a36;
+  --van-tabbar-background: #141a36;
+  --van-nav-bar-background: #1b244a;
+  --van-dropdown-menu-background: #141a36;
+
+  // 引用快样式
+  --quote-bg-color: #1f243f;
+  --quote-text-color: #fff;
+
+  // el-dialog 阴影
+  --el-box-shadow: 0 0 15px rgba(107, 80, 225, 0.8);
+
+  // 面板背景
+  --panel-bg: linear-gradient(135deg, #252d58 0%, #1f243f 100%);
+}