u

code/base-project/base-vue/packages/ao-design/src/button/index.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
-@use '../_styles/variables' as *;
-
-@use '../_styles/theme/index' as *;
+@use '../_styles/_variables.scss' as *;
 
 $btn-prefix: #{$prefix}-btn;
 
@@ -78,35 +76,35 @@ $btn-prefix: #{$prefix}-btn;
     }
 
     &.#{$btn-prefix}-status-primary {
-      background: $brand-color;
-      color: $text-color-anti;
+      background: $primary;
+      color: $text-anti;
       &:hover:enabled {
-        background: $brand-color-hover;
+        background: $primary-hover;
       }
       &:active:enabled {
-        background: $brand-color-active;
+        background: $primary-active;
       }
     }
 
     &.#{$btn-prefix}-status-danger {
-      background: $danger-color;
-      color: $text-color-anti;
+      background: $danger;
+      color: $text-anti;
       &:hover:enabled {
-        background: $danger-color-hover;
+        background: $danger-hover;
       }
       &:active:enabled {
-        background: $danger-color-active;
+        background: $danger-active;
       }
     }
 
     &.#{$btn-prefix}-status-warning {
-      background: $warning-color;
-      color: $text-color-anti;
+       background: $danger;
+      color: $text-anti;
       &:hover:enabled {
-        background: $warning-color-hover;
+        background: $danger-hover;
       }
       &:active:enabled {
-        background: $warning-color-active;
+        background: $danger-active;
       }
     }
     &.#{$btn-prefix}-status-success {