diff --git a/packages/playground/src/plugins/vuetify.ts b/packages/playground/src/plugins/vuetify.ts
index e53023db56..9ab93c7d4c 100644
--- a/packages/playground/src/plugins/vuetify.ts
+++ b/packages/playground/src/plugins/vuetify.ts
@@ -23,6 +23,7 @@ const vuetify = createVuetify({
           info: "#7de3c8",
           warning: "#FFCC00",
           link: "#5695ff",
+          anchor: "#ffffff",
         },
       },
       light: {
@@ -31,6 +32,7 @@ const vuetify = createVuetify({
           primary: "#1AA18F",
           info: "#1AA18F",
           secondary: "#14A1B8",
+          anchor: "#000000",
         },
       },
     },
diff --git a/packages/playground/src/weblets/tf_deployment_list.vue b/packages/playground/src/weblets/tf_deployment_list.vue
index ee1a8e5d57..46fc819cca 100644
--- a/packages/playground/src/weblets/tf_deployment_list.vue
+++ b/packages/playground/src/weblets/tf_deployment_list.vue
@@ -43,16 +43,11 @@
           />
           <IconActionBtn
             tooltip="Admin Panel"
-            color="white"
+            color="anchor"
             icon="mdi-view-dashboard"
             :href="'http://captain.' + item.value[0].env.CAPROVER_ROOT_DOMAIN"
           />
-          <IconActionBtn
-            icon="mdi-cog"
-            tooltip="Manage Workers"
-            color="white"
-            @click="dialog = item.value.deploymentName"
-          />
+          <IconActionBtn icon="mdi-cog" tooltip="Manage Workers" @click="dialog = item.value.deploymentName" />
 
           <ManageCaproverWorkerDialog
             v-if="dialog === item.value.deploymentName"
@@ -71,8 +66,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.PEERTUBE_WEBSERVER_HOSTNAME"
           />
         </template>
@@ -85,8 +80,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.FUNKWHALE_HOSTNAME"
           />
         </template>
@@ -99,14 +94,14 @@
           />
           <IconActionBtn
             tooltip="Admin Panel"
-            color="white"
+            color="anchor"
             icon="mdi-view-dashboard"
             :href="'http://' + item.value[0].env.DOMAIN_NAME + '/admin/'"
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.DOMAIN_NAME"
           />
         </template>
@@ -125,7 +120,7 @@
             icon="mdi-eye-outline"
             @click="openDialog(tabs[activeTab].value, item)"
           />
-          <IconActionBtn tooltip="Visit" color="white" icon="mdi-web" :href="item.value[0].env.SITE_URL" />
+          <IconActionBtn tooltip="Visit" color="anchor" icon="mdi-web" :href="item.value[0].env.SITE_URL" />
         </template>
 
         <template #Discourse-actions="{ item }">
@@ -136,8 +131,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.DISCOURSE_HOSTNAME"
           />
         </template>
@@ -150,8 +145,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.DIGITALTWIN_APPID"
           />
         </template>
@@ -164,8 +159,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.CASPERLABS_HOSTNAME"
           />
         </template>
@@ -178,8 +173,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.OWNCLOUD_DOMAIN"
           />
         </template>
@@ -192,8 +187,8 @@
           />
           <IconActionBtn
             tooltip="Open Nextcloud"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.NEXTCLOUD_DOMAIN + ':8443'"
           />
         </template>
@@ -206,8 +201,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="'https://' + item.value[0].env.SUBSQUID_WEBSERVER_HOSTNAME + '/graphql'"
           />
         </template>
@@ -228,8 +223,8 @@
           />
           <IconActionBtn
             tooltip="Visit"
-            color="white"
             icon="mdi-web"
+            color="anchor"
             :href="
               'http://' +
               (item.value[0].publicIP?.ip
@@ -247,7 +242,7 @@
           />
           <IconActionBtn
             tooltip="Admin Panel"
-            color="white"
+            color="anchor"
             icon="mdi-view-dashboard"
             :href="
               'http://' +
@@ -264,10 +259,10 @@
             icon="mdi-eye-outline"
             @click="openDialog(tabs[activeTab].value, item)"
           />
-          <IconActionBtn tooltip="Visit" color="white" icon="mdi-web" :href="'https://' + item.value[0].env.WP_URL" />
+          <IconActionBtn tooltip="Visit" color="anchor" icon="mdi-web" :href="'https://' + item.value[0].env.WP_URL" />
           <IconActionBtn
             tooltip="Admin Panel"
-            color="white"
+            color="anchor"
             icon="mdi-view-dashboard"
             :href="'https://' + item.value[0].env.WP_URL + '/wp-admin'"
           />
@@ -288,12 +283,7 @@
               icon="mdi-eye-outline"
               @click="openDialog(tabs[activeTab].value, item)"
             />
-            <IconActionBtn
-              icon="mdi-cog"
-              tooltip="Manage Workers"
-              color="white"
-              @click="dialog = item.value.deploymentName"
-            />
+            <IconActionBtn icon="mdi-cog" tooltip="Manage Workers" @click="dialog = item.value.deploymentName" />
 
             <ManageK8SWorkerDialog
               v-if="dialog === item.value.deploymentName"