chore: 基础颜色引入变量管理

src/assets/css/common.scss

@@ -1,29 +1,30 @@
+@import './variable.scss';
 .pi-bg-success {
-  background-color: #28a745;
+  background-color: $pi-green;
 }
 
 .pi-bg-gray {
-  background-color: #bbbbbb;
+  background-color: $pi-light-gray;
 }
 
 .pi-bg-blue {
-  background-color: #007bff;
+  background-color: $pi-blue;
 }
 
 .pi-bg-red {
-  background-color: #dc3545;
+  background-color: $pi-red;
 }
 
 .pi-gray {
-  color: #757575;
+  color: $pi-gray;
 }
 
 .pi-red {
-  color: #dc3545;
+  color: $pi-red;
 }
 
 .pi-link-blue {
-  color: #007bff;
+  color: $pi-blue;
   &:hover {
     text-decoration: underline;
     color: #0056b3;
@@ -32,7 +33,7 @@
 }
 
 .pi-link-red {
-  color: #dc3545;
+  color: $pi-red;
   &:hover {
     text-decoration: underline;
     color: #af1d2a;

src/assets/css/variable.scss

@@ -0,0 +1,6 @@
+$pi-font-size: 12px !default;
+$pi-green: #28a745 !default;
+$pi-gray: #757575 !default;
+$pi-light-gray: #bbbbbb !default;
+$pi-blue: #007bff !default;
+$pi-red: $dc3545 !default;

src/pages/Management/Setting/index.module.scss

@@ -24,7 +24,8 @@
 }
 .grayBtn {
   color: #ffffff;
-  background-color: #bbbbbb;
+  background-color: #6c757d;
+  border-color: #6c757d;
 }
 
 .FormContent {