2026新UI

src/assets/css/modules/variables.scss

@@ -1,104 +1,109 @@
-// 颜色
+// 颜色 - 亮绿色主题
 $colors: (
-  "primary": #1976d2,
-  "info-1": #2196f3,
-  "info": #1e88e5,
-  "white": #ffffff,
-  "light": #f5f7fa,
-  "grey-1": #999999,
-  "grey": #666666,
-  "dark-1": #333333,
-  "dark": #222222,
-  "black-1": #333333,
-  "black": #000000,
-  "icon": #1976d2,
-  // 新增浅色主题专用颜色
-  "bg-light": #fafbfc,
-  "bg-lighter": #ffffff,
-  "border-light": #e4e7ed,
-  "text-secondary": #606266,
-  "text-regular": #909399
+    "primary": #00D4AA,
+    "info-1": #1de9b6,
+    "info": #00bfa5,
+    "white": #ffffff,
+    "light": #f5f7fa,
+    "grey-1": #999999,
+    "grey": #666666,
+    "dark-1": #333333,
+    "dark": #222222,
+    "black-1": #333333,
+    "black": #000000,
+    "icon": #00D4AA,
+    // 新增浅色主题专用颜色
+    "bg-light": #f7f9fb,
+    "bg-lighter": #ffffff,
+    "border-light": #e4e7ed,
+    "text-secondary": #606266,
+    "text-regular": #909399
 );
 
 // 字体大小
 $base-font-size: 0.2rem;
 $font-sizes: (
-  xxs: 0.1,
-  //8px
+    xxs: 0.1,
+    //8px
     xs: 0.125,
-  //10px
+    //10px
     sm: 0.2875,
-  //12px
+    //12px
     md: 0.1625,
-  //13px
+    //13px
     lg: 0.175,
-  //14px
+    //14px
     xl: 0.2,
-  //16px
+    //16px
     xxl: 0.225,
-  //18px
+    //18px
     xxxl: 0.25 //20px,,,,
 );
 
 // 宽高
 .w-100 {
-  width: 100%;
+    width: 100%;
 }
+
 .h-100 {
-  height: 100%;
+    height: 100%;
 }
 
 //flex
 .flex {
-  display: flex;
+    display: flex;
 }
+
 .flex-column {
-  flex-direction: column;
+    flex-direction: column;
 }
+
 .flex-wrap {
-  flex-wrap: wrap;
+    flex-wrap: wrap;
 }
+
 .flex-nowrap {
-  flex-wrap: nowrap;
+    flex-wrap: nowrap;
 }
+
 $flex-jc: (
-  start: flex-start,
-  end: flex-end,
-  center: center,
-  between: space-between,
-  around: space-around,
-  evenly: space-evenly,
+    start: flex-start,
+    end: flex-end,
+    center: center,
+    between: space-between,
+    around: space-around,
+    evenly: space-evenly,
 );
 
 $flex-ai: (
-  start: flex-start,
-  end: flex-end,
-  center: center,
-  stretch: stretch,
+    start: flex-start,
+    end: flex-end,
+    center: center,
+    stretch: stretch,
 );
 
 .flex-1 {
-  flex: 1;
+    flex: 1;
 }
 
 //.mt-1 => margin top
 //spacing
 $spacing-types: (
-  m: margin,
-  p: padding,
+    m: margin,
+    p: padding,
 );
 $spacing-directions: (
-  t: top,
-  r: right,
-  b: bottom,
-  l: left,
+    t: top,
+    r: right,
+    b: bottom,
+    l: left,
 );
 $spacing-base-size: 0.5rem;
 $spacing-sizes: (
-  0: 0,
-  1: 0.5,
-  2: 1,
-  3: 1.5,
-  4: 2,
-  5: 2.5,
-);
+    0: 0,
+    1: 0.5,
+    2: 1,
+    3: 1.5,
+    4: 2,
+    5: 2.5,
+);