diff --git a/packages/ui/certd-client/src/style/certd.less b/packages/ui/certd-client/src/style/certd.less
index b5ab166d5..eeb601bce 100644
--- a/packages/ui/certd-client/src/style/certd.less
+++ b/packages/ui/certd-client/src/style/certd.less
@@ -117,3 +117,4 @@ span.fs-icon-svg {
     margin: 0 !important;
   }
 }
+
diff --git a/packages/ui/certd-client/src/style/common.less b/packages/ui/certd-client/src/style/common.less
index 5af60ac55..96a13462c 100644
--- a/packages/ui/certd-client/src/style/common.less
+++ b/packages/ui/certd-client/src/style/common.less
@@ -5,6 +5,7 @@
 @import "./fix-windicss.less";
 @import "./antdv4.less";
 @import "./certd.less";
+@import "./dark.less";
 
 html,
 body {
diff --git a/packages/ui/certd-client/src/style/dark.less b/packages/ui/certd-client/src/style/dark.less
new file mode 100644
index 000000000..0b167dff0
--- /dev/null
+++ b/packages/ui/certd-client/src/style/dark.less
@@ -0,0 +1,7 @@
+.dark{
+  .fs-page-header{
+    .title {
+        color: #d5d5d5 !important;
+      }
+    }
+}
\ No newline at end of file
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/template/edit.vue b/packages/ui/certd-client/src/views/certd/pipeline/template/edit.vue
index 06b79cc79..3721cbf65 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/template/edit.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/template/edit.vue
@@ -36,7 +36,7 @@
           <a-collapse v-if="detail?.template?.pipelineId > 0" v-model:active-key="activeKey">
             <a-collapse-panel v-for="(step, stepId) in steps" :key="stepId" class="step-item" :header="step.title">
               <div class="step-inputs flex flex-wrap">
-                <div v-for="(input, key) of step.input" :key="key" class="hover:bg-gray-100 p-5 w-full xl:w-[50%]">
+                <div v-for="(input, key) of step.input" :key="key" class="hover:bg-gray-100 dark:hover:bg-[#2d2d2d] p-5 w-full xl:w-[50%]">
                   <div class="flex flex-between" :title="input.define.helper">
                     <div class="flex flex-1 overflow-hidden mr-5">
                       <span style="min-width: 140px" class="bas">
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/template/form.vue b/packages/ui/certd-client/src/views/certd/pipeline/template/form.vue
index 31e0686c1..9c15c38a2 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/template/form.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/template/form.vue
@@ -7,7 +7,7 @@
 </template>
 <script setup lang="ts">
 import { get, set } from "lodash-es";
-import { computed, reactive, ref, defineProps } from "vue";
+import { computed, reactive, ref } from "vue";
 import { useStepHelper } from "./utils";
 import { usePluginStore } from "/@/store/plugin";