From 27922ff901bd9736a149096650cce44db64c7b74 Mon Sep 17 00:00:00 2001 From: dataeaseShu Date: Tue, 19 Aug 2025 09:33:04 +0800 Subject: [PATCH] feat(System appearance): Adjust global color --- .../components/drawer-filter/src/DrawerEnumFilter.vue | 2 +- frontend/src/components/filter-text/src/FilterText.vue | 2 +- frontend/src/style.less | 2 +- frontend/src/views/chat/chat-block/ChartBlock.vue | 10 +++++----- frontend/src/views/chat/chat-block/ChartPopover.vue | 4 ++-- frontend/src/views/chat/chat-block/UserChat.vue | 2 +- .../src/views/dashboard/components/sq-view/index.vue | 10 +++++----- frontend/src/views/system/appearance/index.vue | 2 +- 8 files changed, 17 insertions(+), 17 deletions(-) diff --git a/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue b/frontend/src/components/drawer-filter/src/DrawerEnumFilter.vue index ddf6f9b2..a7cae5c5 100644 --- 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 index 71fb6329..4eedaa26 100644 --- 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 index 15350cb8..f03e97d1 100644 --- 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 index f8b6c2da..f16e957e 100644 --- a/frontend/src/views/chat/chat-block/ChartBlock.vue +++ b/frontend/src/views/chat/chat-block/ChartBlock.vue @@ -641,8 +641,8 @@ 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) { @@ -650,15 +650,15 @@ watch( } :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 index 6d18d45b..cd4cb29e 100644 --- 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)); } } diff --git a/frontend/src/views/chat/chat-block/UserChat.vue b/frontend/src/views/chat/chat-block/UserChat.vue index d360b948..ce92fae2 100644 --- 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 index ca25169b..51f86e60 100644 --- 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 index a8368975..42f2872e 100644 --- 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) {