From facbd12b1f40e839f7980af5e15c20bf883d9f36 Mon Sep 17 00:00:00 2001
From: lamprose <lamprose2@gmail.com>
Date: Sun, 8 Dec 2024 12:02:06 +0800
Subject: [PATCH 1/2] fix: icon can not be seen clearly due to #66

---
 src/components/proxies/ProxyIcon.vue     | 4 +++-
 src/components/proxies/ProxyNodeCard.vue | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/proxies/ProxyIcon.vue b/src/components/proxies/ProxyIcon.vue
index a2aad144..d24ba1e7 100644
--- a/src/components/proxies/ProxyIcon.vue
+++ b/src/components/proxies/ProxyIcon.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     v-if="isDom"
-    class="h-5 w-5 fill-primary"
+    class="h-5 w-5"
+    :class="inNodeCard ? 'fill-secondary' : 'fill-primary'"
     v-html="pureDom"
   />
   <img
@@ -17,6 +18,7 @@ import { computed } from 'vue'
 
 const props = defineProps<{
   icon: string
+  inNodeCard?: boolean
 }>()
 
 const DOM_STARTS_WITH = 'data:image/svg+xml,'
diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index 365a7431..bc17fcba 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -12,6 +12,7 @@
     <ProxyIcon
       v-if="node.icon"
       :icon="node.icon"
+      in-node-card
     />
     <div
       :class="

From 47cbf8b75f5fc17f546f1a9f3c9ba2011e31815b Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Sun, 8 Dec 2024 13:24:42 +0800
Subject: [PATCH 2/2] fix: fill color

---
 src/components/proxies/ProxyIcon.vue     | 4 ++--
 src/components/proxies/ProxyNodeCard.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/proxies/ProxyIcon.vue b/src/components/proxies/ProxyIcon.vue
index d24ba1e7..157839d9 100644
--- a/src/components/proxies/ProxyIcon.vue
+++ b/src/components/proxies/ProxyIcon.vue
@@ -2,7 +2,7 @@
   <div
     v-if="isDom"
     class="h-5 w-5"
-    :class="inNodeCard ? 'fill-secondary' : 'fill-primary'"
+    :class="fill || 'fill-primary'"
     v-html="pureDom"
   />
   <img
@@ -18,7 +18,7 @@ import { computed } from 'vue'
 
 const props = defineProps<{
   icon: string
-  inNodeCard?: boolean
+  fill?: string
 }>()
 
 const DOM_STARTS_WITH = 'data:image/svg+xml,'
diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index bc17fcba..1165bc53 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -12,7 +12,7 @@
     <ProxyIcon
       v-if="node.icon"
       :icon="node.icon"
-      in-node-card
+      :fill="active ? 'fill-primary-content' : 'fill-base-content'"
     />
     <div
       :class="