diff --git a/ui/dasadmin/src/styles/var.scss b/ui/dasadmin/src/styles/var.scss
index d8d17c49..69446242 100644
--- a/ui/dasadmin/src/styles/var.scss
+++ b/ui/dasadmin/src/styles/var.scss
@@ -2,13 +2,36 @@
 @use 'mixins' as *;
 $colors: (
     ) !default;
-$colors: map.deep-merge(('primary': ('base': #0064AA)),
+$colors: map.deep-merge(('white': #ffffff,
+            'black': #000000,
+            'primary': ('base': red,
+            ),
+            'success': ('base': #67c23a,
+            ),
+            'warning': ('base': #e6a23c,
+            ),
+            'danger': ('base': #f56c6c,
+            ),
+            'error': ('base': #f56c6c,
+            ),
+            'info': ('base': #909399,
+            ),
+        ),
         $colors
 );
 
+$color-white: map.get($colors, 'white') !default;
+$color-black: map.get($colors, 'black') !default;
+$color-primary: map.get($colors, 'primary', 'base') !default;
+$color-success: map.get($colors, 'success', 'base') !default;
+$color-warning: map.get($colors, 'warning', 'base') !default;
+$color-danger: map.get($colors, 'danger', 'base') !default;
+$color-error: map.get($colors, 'error', 'base') !default;
+$color-info: map.get($colors, 'info', 'base') !default;
+
 // 后台主体窗口左右间距
 $main-space: 16px;
-$primary-light: #3f6ad8;
+$primary-light: #0064AA;
 
 // --ba-background
 $bg-color: (