feat(System appearance): Adjust global color

dataeaseShu · dataeaseShu · commit 27922ff901bd · 2025-08-19T09:33:04.000+08:00
diff --git a/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue b/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue
@@ -92,7 +92,7 @@ useEmitt({
 
     .active,
     .more:hover {
-      background: var(--ed-color-primary-1a, #1cba9033);
+      background: var(--ed-color-primary-1a, #1cba901a);
       color: #0b4a3a;
     }
 
diff --git a/frontend/src/components/filter-text/src/FilterText.vue b/frontend/src/components/filter-text/src/FilterText.vue
@@ -132,7 +132,7 @@ watch(
     color: #0c296e;
     font-size: 14px;
     line-height: 22px;
-    background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
+    background: var(--ed-color-primary-1a, #1cba901a);
     border-radius: 2px;
     margin: 0;
     margin-right: 8px;
diff --git a/frontend/src/style.less b/frontend/src/style.less
@@ -103,7 +103,7 @@ body {
   }
 
   &.active {
-    background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
+    background: var(--ed-color-primary-1a, #1cba901a);
     color: var(--ed-color-primary);
   }
 }
diff --git a/frontend/src/views/chat/chat-block/ChartBlock.vue b/frontend/src/views/chat/chat-block/ChartBlock.vue
@@ -641,24 +641,24 @@ watch(
     }
 
     .chart-active {
-      background: rgba(28, 186, 144, 0.1);
-      color: rgba(28, 186, 144, 1);
+      background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));
+      color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       border-radius: 6px;
 
       :deep(.ed-select__wrapper) {
         background: transparent;
       }
 
       :deep(.ed-select__input) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
 
       :deep(.ed-select__placeholder) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
 
       :deep(.ed-select__caret) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
     }
 
diff --git a/frontend/src/views/chat/chat-block/ChartPopover.vue b/frontend/src/views/chat/chat-block/ChartPopover.vue
@@ -163,8 +163,8 @@ const handleDefaultChatChange = (val: any) => {
   }
 
   &.active {
-    background: rgba(28, 186, 144, 0.1);
-    color: rgba(28, 186, 144, 1);
+    background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));
+    color: var(--ed-color-primary, rgba(28, 186, 144, 1));
   }
 }
 </style>
diff --git a/frontend/src/views/chat/chat-block/UserChat.vue b/frontend/src/views/chat/chat-block/UserChat.vue
@@ -44,7 +44,7 @@ function clickPredict() {
   white-space: pre-wrap;
 
   .prefix-title {
-    color: rgba(28, 186, 144, 1);
+    color: var(--ed-color-primary, rgba(28, 186, 144, 1));
     white-space: nowrap;
   }
 }
diff --git a/frontend/src/views/dashboard/components/sq-view/index.vue b/frontend/src/views/dashboard/components/sq-view/index.vue
@@ -253,21 +253,21 @@ defineExpose({
     }
 
     .chart-active {
-      background: rgba(28, 186, 144, 0.1);
-      color: rgba(28, 186, 144, 1);
+      background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));
+      color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       border-radius: 6px;
 
       :deep(.ed-select__wrapper) {
         background: transparent;
       }
       :deep(.ed-select__input) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
       :deep(.ed-select__placeholder) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
       :deep(.ed-select__caret) {
-        color: rgba(28, 186, 144, 1);
+        color: var(--ed-color-primary, rgba(28, 186, 144, 1));
       }
     }
 
diff --git a/frontend/src/views/system/appearance/index.vue b/frontend/src/views/system/appearance/index.vue
@@ -750,7 +750,7 @@ onUnmounted(() => {
           border-radius: 6px;
 
           .is-active {
-            background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
+            background: var(--ed-color-primary-1a, #1cba901a);
           }
 
           .ed-button:not(.is-active) {

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ useEmitt({`
`92`	`92`
`93`	`93`	`.active,`
`94`	`94`	`.more:hover {`
`95`		`- background: var(--ed-color-primary-1a, #1cba9033);`
	`95`	`+ background: var(--ed-color-primary-1a, #1cba901a);`
`96`	`96`	`color: #0b4a3a;`
`97`	`97`	`}`
`98`	`98`
Original file line number	Diff line number	Diff line change
`@@ -103,7 +103,7 @@ body {`
`103`	`103`	`}`
`104`	`104`
`105`	`105`	`&.active {`
`106`		`- background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));`
	`106`	`+ background: var(--ed-color-primary-1a, #1cba901a);`
`107`	`107`	`color: var(--ed-color-primary);`
`108`	`108`	`}`
`109`	`109`	`}`
Original file line number	Diff line number	Diff line change
`@@ -641,24 +641,24 @@ watch(`
`641`	`641`	`}`
`642`	`642`
`643`	`643`	`.chart-active {`
`644`		`- background: rgba(28, 186, 144, 0.1);`
`645`		`- color: rgba(28, 186, 144, 1);`
	`644`	`+ background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));`
	`645`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`646`	`646`	`border-radius: 6px;`
`647`	`647`
`648`	`648`	`:deep(.ed-select__wrapper) {`
`649`	`649`	`background: transparent;`
`650`	`650`	`}`
`651`	`651`
`652`	`652`	`:deep(.ed-select__input) {`
`653`		`- color: rgba(28, 186, 144, 1);`
	`653`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`654`	`654`	`}`
`655`	`655`
`656`	`656`	`:deep(.ed-select__placeholder) {`
`657`		`- color: rgba(28, 186, 144, 1);`
	`657`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`658`	`658`	`}`
`659`	`659`
`660`	`660`	`:deep(.ed-select__caret) {`
`661`		`- color: rgba(28, 186, 144, 1);`
	`661`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`662`	`662`	`}`
`663`	`663`	`}`
`664`	`664`
Original file line number	Diff line number	Diff line change
`@@ -163,8 +163,8 @@ const handleDefaultChatChange = (val: any) => {`
`163`	`163`	`}`
`164`	`164`
`165`	`165`	`&.active {`
`166`		`- background: rgba(28, 186, 144, 0.1);`
`167`		`- color: rgba(28, 186, 144, 1);`
	`166`	`+ background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));`
	`167`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`168`	`168`	`}`
`169`	`169`	`}`
`170`	`170`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@ function clickPredict() {`
`44`	`44`	`white-space: pre-wrap;`
`45`	`45`
`46`	`46`	`.prefix-title {`
`47`		`- color: rgba(28, 186, 144, 1);`
	`47`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`48`	`48`	`white-space: nowrap;`
`49`	`49`	`}`
`50`	`50`	`}`
Original file line number	Diff line number	Diff line change
`@@ -253,21 +253,21 @@ defineExpose({`
`253`	`253`	`}`
`254`	`254`
`255`	`255`	`.chart-active {`
`256`		`- background: rgba(28, 186, 144, 0.1);`
`257`		`- color: rgba(28, 186, 144, 1);`
	`256`	`+ background: var(--ed-color-primary-1a, rgba(28, 186, 144, 0.1));`
	`257`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`258`	`258`	`border-radius: 6px;`
`259`	`259`
`260`	`260`	`:deep(.ed-select__wrapper) {`
`261`	`261`	`background: transparent;`
`262`	`262`	`}`
`263`	`263`	`:deep(.ed-select__input) {`
`264`		`- color: rgba(28, 186, 144, 1);`
	`264`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`265`	`265`	`}`
`266`	`266`	`:deep(.ed-select__placeholder) {`
`267`		`- color: rgba(28, 186, 144, 1);`
	`267`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`268`	`268`	`}`
`269`	`269`	`:deep(.ed-select__caret) {`
`270`		`- color: rgba(28, 186, 144, 1);`
	`270`	`+ color: var(--ed-color-primary, rgba(28, 186, 144, 1));`
`271`	`271`	`}`
`272`	`272`	`}`
`273`	`273`
Original file line number	Diff line number	Diff line change
`@@ -750,7 +750,7 @@ onUnmounted(() => {`
`750`	`750`	`border-radius: 6px;`
`751`	`751`
`752`	`752`	`.is-active {`
`753`		`- background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));`
	`753`	`+ background: var(--ed-color-primary-1a, #1cba901a);`
`754`	`754`	`}`
`755`	`755`
`756`	`756`	`.ed-button:not(.is-active) {`