diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index 9e8d3743..9d48255d 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -53,6 +53,7 @@ html {
   --sw-event-vis-selected: #1a1a1a;
   --sw-time-axis-text: #4d4d4d;
   --sw-drawer-header: #72767b;
+  --sw-marketplace-border: #dedfe0;
 }
 
 html.dark {
@@ -92,6 +93,7 @@ html.dark {
   --sw-event-vis-selected: #fff;
   --sw-time-axis-text: #aaa;
   --sw-drawer-header: #e9e9eb;
+  --sw-marketplace-border: #606266;
 }
 
 .el-drawer__header {
diff --git a/src/views/Marketplace.vue b/src/views/Marketplace.vue
index be1360d1..4a2e0e98 100644
--- a/src/views/Marketplace.vue
+++ b/src/views/Marketplace.vue
@@ -113,7 +113,7 @@ limitations under the License. -->
 
   .category {
     flex-wrap: wrap;
-    border-right: 1px solid #ddd;
+    border-right: 1px solid var(--sw-marketplace-border);
     align-content: flex-start;
     height: 100%;
     overflow: auto;
diff --git a/src/views/dashboard/related/ebpf/components/TaskList.vue b/src/views/dashboard/related/ebpf/components/TaskList.vue
index f458e26c..43d322d5 100644
--- a/src/views/dashboard/related/ebpf/components/TaskList.vue
+++ b/src/views/dashboard/related/ebpf/components/TaskList.vue
@@ -124,8 +124,8 @@ limitations under the License. -->
   .profile-t-tool {
     padding: 5px 10px;
     font-weight: bold;
-    border-right: 1px solid rgb(0 0 0 / 7%);
-    border-bottom: 1px solid rgb(0 0 0 / 7%);
+    border-right: 1px solid var(--sw-trace-list-border);
+    border-bottom: 1px solid var(--sw-trace-list-border);
     background-color: var(--sw-table-header);
   }