From eaa8fd7d92534cdf246222a0bdb057583a963835 Mon Sep 17 00:00:00 2001
From: "andy.lee" <andy.lee@suse.com>
Date: Thu, 31 Oct 2024 15:24:42 +0800
Subject: [PATCH] live change link-example color by selected color

---
 pkg/harvester/pages/c/_cluster/brand/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pkg/harvester/pages/c/_cluster/brand/index.vue b/pkg/harvester/pages/c/_cluster/brand/index.vue
index 646d16ac..a2060034 100644
--- a/pkg/harvester/pages/c/_cluster/brand/index.vue
+++ b/pkg/harvester/pages/c/_cluster/brand/index.vue
@@ -85,6 +85,9 @@ export default {
       const schema = this.$store.getters[`management/schemaFor`](MANAGEMENT.SETTING);
 
       return schema?.resourceMethods?.includes('PUT') ? _EDIT : _VIEW;
+    },
+    customLinkColor() {
+      return { color: this.uiLinkColor };
     }
   },
   mounted() {
@@ -320,7 +323,7 @@ export default {
           component-testid="link"
         />
         <span class="col link-example">
-          <a>
+          <a :style="customLinkColor">
             {{ t('branding.linkColor.example') }}
           </a>
         </span>