diff --git a/frontend/src/views/taskCenter/component/executeResultStatus.vue b/frontend/src/views/taskCenter/component/executeResultStatus.vue
index a9ce875e4b..a48d6bb570 100644
--- a/frontend/src/views/taskCenter/component/executeResultStatus.vue
+++ b/frontend/src/views/taskCenter/component/executeResultStatus.vue
@@ -8,7 +8,7 @@
:self-style="{
border: `1px solid ${methodColor}`,
color: methodColor,
- backgroundColor: 'white',
+ backgroundColor: 'var(--color-text-fff)',
}"
>
{{ t('report.detail.script.error') }}
diff --git a/frontend/src/views/taskCenter/component/testPlanExecuteResultDrawer.vue b/frontend/src/views/taskCenter/component/testPlanExecuteResultDrawer.vue
index bc72ab4f7d..4e59025bde 100644
--- a/frontend/src/views/taskCenter/component/testPlanExecuteResultDrawer.vue
+++ b/frontend/src/views/taskCenter/component/testPlanExecuteResultDrawer.vue
@@ -415,8 +415,9 @@
.analysis {
padding: 16px;
border: 1px solid transparent;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply h-full rounded-xl bg-white;
+ @apply h-full rounded-xl;
.charts {
@apply absolute text-center;
diff --git a/frontend/src/views/test-plan/report/detail/component/config.vue b/frontend/src/views/test-plan/report/detail/component/config.vue
index 62ec7cd257..f2f7ce1044 100644
--- a/frontend/src/views/test-plan/report/detail/component/config.vue
+++ b/frontend/src/views/test-plan/report/detail/component/config.vue
@@ -403,7 +403,9 @@
.report-name {
padding: 0 16px;
height: 56px;
- @apply flex items-center justify-between border-b bg-white;
+ border-color: var(--color-text-n8);
+ background-color: var(--color-text-fff);
+ @apply flex items-center justify-between border-b;
}
.block-title {
@apply mb-4 font-medium;
@@ -416,7 +418,7 @@
width: 300px;
border-radius: 0 0 10px 10px;
box-sizing: border-box;
- @apply bg-white;
+ background-color: var(--color-text-fff);
.custom-card-list {
@apply grid grid-cols-2 gap-2;
.custom-card-item {
diff --git a/frontend/src/views/test-plan/report/detail/component/system-card/testSetTable.vue b/frontend/src/views/test-plan/report/detail/component/system-card/testSetTable.vue
index 295b30d3f2..ee92ae9c78 100644
--- a/frontend/src/views/test-plan/report/detail/component/system-card/testSetTable.vue
+++ b/frontend/src/views/test-plan/report/detail/component/system-card/testSetTable.vue
@@ -345,7 +345,7 @@
:deep(.arco-table-tr.test-set-expand-tr) {
&:hover {
> .arco-table-td {
- background: white !important;
+ background: var(--color-text-fff) !important;
}
}
}
diff --git a/frontend/src/views/test-plan/report/detail/component/system-card/testTableIndex.vue b/frontend/src/views/test-plan/report/detail/component/system-card/testTableIndex.vue
index 810bf16b04..cad5ceb3d7 100644
--- a/frontend/src/views/test-plan/report/detail/component/system-card/testTableIndex.vue
+++ b/frontend/src/views/test-plan/report/detail/component/system-card/testTableIndex.vue
@@ -179,7 +179,8 @@
.test-set-wrapper {
padding-bottom: 16px;
border-radius: 12px;
- @apply overflow-y-auto bg-white;
+ background-color: var(--color-text-fff);
+ @apply overflow-y-auto;
.ms-scroll-bar();
}
:deep(.selected-row-class.arco-table-tr) {
diff --git a/frontend/src/views/test-plan/report/detail/component/viewReport.vue b/frontend/src/views/test-plan/report/detail/component/viewReport.vue
index a92158ce33..950d6de3d9 100644
--- a/frontend/src/views/test-plan/report/detail/component/viewReport.vue
+++ b/frontend/src/views/test-plan/report/detail/component/viewReport.vue
@@ -673,7 +673,10 @@
.report-name {
padding: 0 16px;
height: 56px;
- @apply flex items-center justify-between border-b bg-white;
+ @apply flex items-center justify-between border-b;
+
+ border-color: var(--color-text-n8);
+ background-color: var(--color-text-fff);
}
.block-title {
@apply mb-4 font-medium;
@@ -684,8 +687,9 @@
padding: 24px;
height: 250px;
border: 1px solid transparent;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply rounded-xl bg-white;
+ @apply rounded-xl;
.charts {
@apply absolute text-center;
@@ -735,7 +739,7 @@
left: 50%;
transform: translateX(-50%);
z-index: 9 !important;
- background: white;
+ background: var(--color-text-fff);
opacity: 0;
@apply flex items-center justify-end;
.actionList {
@@ -763,7 +767,8 @@
display: flex;
padding: 16px;
border-radius: 12px;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgb(120 56 135 / 5%);
- @apply flex-col bg-white;
+ @apply flex-col;
}
diff --git a/frontend/src/views/test-plan/report/detail/exportPDF.vue b/frontend/src/views/test-plan/report/detail/exportPDF.vue
index 63033756d4..aedc1eabfd 100644
--- a/frontend/src/views/test-plan/report/detail/exportPDF.vue
+++ b/frontend/src/views/test-plan/report/detail/exportPDF.vue
@@ -1040,10 +1040,11 @@
}
}
.report-header {
- @apply mb-4 flex items-center bg-white;
+ @apply mb-4 flex items-center;
padding: 16px;
border-radius: var(--border-radius-large);
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgb(120 56 135 / 5%);
}
.block-title {
@@ -1055,8 +1056,9 @@
padding: 24px;
height: 250px;
border: 1px solid transparent;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply rounded-xl bg-white;
+ @apply rounded-xl;
.charts {
@apply absolute text-center;
@@ -1100,7 +1102,7 @@
left: 50%;
transform: translateX(-50%);
z-index: 9 !important;
- background: white;
+ background: var(--color-text-fff);
opacity: 0;
@apply flex items-center justify-end;
.actionList {
@@ -1121,8 +1123,9 @@
display: flex;
padding: 16px;
border-radius: 12px;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgb(120 56 135 / 5%);
- @apply flex-col bg-white;
+ @apply flex-col;
}
:deep(.arco-table-body) {
max-height: 100% !important;
diff --git a/frontend/src/views/test-plan/testPlan/detail/executeResultDrawer.vue b/frontend/src/views/test-plan/testPlan/detail/executeResultDrawer.vue
index 72df0e6345..23cf87e3fb 100644
--- a/frontend/src/views/test-plan/testPlan/detail/executeResultDrawer.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/executeResultDrawer.vue
@@ -3,7 +3,9 @@
- {{ t(executeResultMap[detail.result]?.label || '-') }}
+
+ {{ t(executeResultMap[detail.result]?.label || '-') }}
+
{{ detail.taskName }}
diff --git a/frontend/src/views/workbench/components/notData.vue b/frontend/src/views/workbench/components/notData.vue
index 38832d61c7..235eb942f4 100644
--- a/frontend/src/views/workbench/components/notData.vue
+++ b/frontend/src/views/workbench/components/notData.vue
@@ -64,7 +64,8 @@
border: 1px solid var(--color-border-2);
border-radius: 4px;
color: var(--color-text-4);
- @apply flex items-center justify-center bg-white;
+ background-color: var(--color-text-fff);
+ @apply flex items-center justify-center;
}
.no-config-svg {
margin: 0 auto 24px;
diff --git a/frontend/src/views/workbench/homePage/components/cardSettingDrawer.vue b/frontend/src/views/workbench/homePage/components/cardSettingDrawer.vue
index a3a2553011..a8ba3a3ec1 100644
--- a/frontend/src/views/workbench/homePage/components/cardSettingDrawer.vue
+++ b/frontend/src/views/workbench/homePage/components/cardSettingDrawer.vue
@@ -204,8 +204,8 @@
.setting-wrapper-config {
padding-left: 12px;
width: 300px;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply bg-white;
}
.setting-wrapper-content {
padding: 16px;
@@ -218,8 +218,9 @@
.card-item {
padding: 16px;
border-radius: 4px;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply flex items-center justify-between bg-white;
+ @apply flex items-center justify-between;
.card-item-text {
@apply flex items-center gap-2;
}
diff --git a/frontend/src/views/workbench/homePage/components/cardSettingList.vue b/frontend/src/views/workbench/homePage/components/cardSettingList.vue
index e55ebe50f1..a3984f846f 100644
--- a/frontend/src/views/workbench/homePage/components/cardSettingList.vue
+++ b/frontend/src/views/workbench/homePage/components/cardSettingList.vue
@@ -248,7 +248,7 @@
.ms-scroll-bar();
:deep(.card-config-item) {
padding: 0;
- background: white;
+ background: var(--color-text-fff);
}
.card-config-menu-item {
padding: 8px 16px 8px 10px;
@@ -283,14 +283,14 @@
padding: 0 !important;
.arco-menu-inline-header {
&:hover {
- background: white !important;
+ background: var(--color-text-fff) !important;
}
}
.arco-menu-selected {
font-weight: normal !important;
color: var(--color-text-1) !important;
&:not(.arco-menu-inline-header) {
- background-color: white !important;
+ background-color: var(--color-text-fff) !important;
}
}
}
diff --git a/frontend/src/views/workbench/homePage/index.vue b/frontend/src/views/workbench/homePage/index.vue
index e6056153aa..12304de499 100644
--- a/frontend/src/views/workbench/homePage/index.vue
+++ b/frontend/src/views/workbench/homePage/index.vue
@@ -385,8 +385,9 @@
.card-wrapper {
padding: 24px;
min-width: 356px;
+ background-color: var(--color-text-fff);
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
- @apply rounded-xl bg-white;
+ @apply rounded-xl;
&.card-min-height {
min-height: 356px;
}