From f9d9b3bef61ab6d4e7ff9d1ece6c32ed9f2917da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Sun, 2 Jun 2024 02:12:50 +0200
Subject: [PATCH] fix(browser): browser actions icons colors (#5816)

---
 packages/ui/client/components/IconAction.vue | 15 +++++++++------
 packages/ui/client/components/TaskItem.vue   |  6 +++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/ui/client/components/IconAction.vue b/packages/ui/client/components/IconAction.vue
index 9d3243332907..461a8b1e0d1a 100644
--- a/packages/ui/client/components/IconAction.vue
+++ b/packages/ui/client/components/IconAction.vue
@@ -5,11 +5,14 @@ defineProps({
 </script>
 
 <template>
-  <div 
-    bg="gray-200" 
-    rounded-1 
+  <button
+    type="button"
+    dark="op75"
+    bg="gray-200 dark:#111"
+    hover="op100"
+    rounded-1
     p-0.5
   >
-    <div :class="icon" op50></div>
-  </div>
-</template>
\ No newline at end of file
+    <span block :class="icon" op65 class="dark:op85 hover:op100"></span>
+  </button>
+</template>
diff --git a/packages/ui/client/components/TaskItem.vue b/packages/ui/client/components/TaskItem.vue
index e718ddb1795d..a3d92d4c361c 100644
--- a/packages/ui/client/components/TaskItem.vue
+++ b/packages/ui/client/components/TaskItem.vue
@@ -62,7 +62,7 @@ const duration = computed(() => {
         icon="i-carbon-result-old"
         @click.prevent.stop="emit('fixSnapshot')"
       />
-      <IconAction 
+      <IconAction
         v-tooltip.bottom="'Open test details'"
         data-testid="btn-open-details"
         title="Open test details"
@@ -74,8 +74,8 @@ const duration = computed(() => {
         v-tooltip.bottom="'Run current test'"
         data-testid="btn-run-test"
         title="Run current test"
-        icon="i-carbon-play-filled-alt"
-        text="green-500"
+        icon="i-carbon:play-filled-alt"
+        text-green5
         @click.prevent.stop="emit('run')"
       />
     </div>