From afdb55dec609cb2952c508e386eeb5ec42b3f304 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Mon, 2 Dec 2024 11:46:52 -0800
Subject: [PATCH] use currentColor in custom icons (#1304)

---
 skyvern-frontend/src/components/icons/BookIcon.tsx      | 2 +-
 skyvern-frontend/src/components/icons/CartIcon.tsx      | 2 +-
 skyvern-frontend/src/components/icons/ClickIcon.tsx     | 2 +-
 skyvern-frontend/src/components/icons/ExtractIcon.tsx   | 6 +++---
 skyvern-frontend/src/components/icons/GraphIcon.tsx     | 2 +-
 skyvern-frontend/src/components/icons/InboxIcon.tsx     | 2 +-
 skyvern-frontend/src/components/icons/MessageIcon.tsx   | 2 +-
 skyvern-frontend/src/components/icons/RobotIcon.tsx     | 2 +-
 skyvern-frontend/src/components/icons/SaveIcon.tsx      | 2 +-
 skyvern-frontend/src/components/icons/TranslateIcon.tsx | 2 +-
 skyvern-frontend/src/components/icons/TrophyIcon.tsx    | 2 +-
 11 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/skyvern-frontend/src/components/icons/BookIcon.tsx b/skyvern-frontend/src/components/icons/BookIcon.tsx
index 34208075..a1868e0b 100644
--- a/skyvern-frontend/src/components/icons/BookIcon.tsx
+++ b/skyvern-frontend/src/components/icons/BookIcon.tsx
@@ -14,7 +14,7 @@ function BookIcon({ className }: Props) {
     >
       <path
         d="M12 20H5.2C4.07989 20 3.51984 20 3.09202 19.782C2.71569 19.5903 2.40973 19.2843 2.21799 18.908C2 18.4802 2 17.9201 2 16.8V7.2C2 6.07989 2 5.51984 2.21799 5.09202C2.40973 4.71569 2.71569 4.40973 3.09202 4.21799C3.51984 4 4.07989 4 5.2 4H5.6C7.84021 4 8.96031 4 9.81596 4.43597C10.5686 4.81947 11.1805 5.43139 11.564 6.18404C12 7.03968 12 8.15979 12 10.4M12 20V10.4M12 20H18.8C19.9201 20 20.4802 20 20.908 19.782C21.2843 19.5903 21.5903 19.2843 21.782 18.908C22 18.4802 22 17.9201 22 16.8V7.2C22 6.07989 22 5.51984 21.782 5.09202C21.5903 4.71569 21.2843 4.40973 20.908 4.21799C20.4802 4 19.9201 4 18.8 4H18.4C16.1598 4 15.0397 4 14.184 4.43597C13.4314 4.81947 12.8195 5.43139 12.436 6.18404C12 7.03968 12 8.15979 12 10.4"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/CartIcon.tsx b/skyvern-frontend/src/components/icons/CartIcon.tsx
index f1cafdc5..8451f8a9 100644
--- a/skyvern-frontend/src/components/icons/CartIcon.tsx
+++ b/skyvern-frontend/src/components/icons/CartIcon.tsx
@@ -14,7 +14,7 @@ function CartIcon({ className }: Props) {
     >
       <path
         d="M5.00014 14H18.1359C19.1487 14 19.6551 14 20.0582 13.8112C20.4134 13.6448 20.7118 13.3777 20.9163 13.0432C21.1485 12.6633 21.2044 12.16 21.3163 11.1534L21.9013 5.88835C21.9355 5.58088 21.9525 5.42715 21.9031 5.30816C21.8597 5.20366 21.7821 5.11697 21.683 5.06228C21.5702 5 21.4155 5 21.1062 5H4.50014M2 2H3.24844C3.51306 2 3.64537 2 3.74889 2.05032C3.84002 2.09463 3.91554 2.16557 3.96544 2.25376C4.02212 2.35394 4.03037 2.48599 4.04688 2.7501L4.95312 17.2499C4.96963 17.514 4.97788 17.6461 5.03456 17.7462C5.08446 17.8344 5.15998 17.9054 5.25111 17.9497C5.35463 18 5.48694 18 5.75156 18H19M7.5 21.5H7.51M16.5 21.5H16.51M8 21.5C8 21.7761 7.77614 22 7.5 22C7.22386 22 7 21.7761 7 21.5C7 21.2239 7.22386 21 7.5 21C7.77614 21 8 21.2239 8 21.5ZM17 21.5C17 21.7761 16.7761 22 16.5 22C16.2239 22 16 21.7761 16 21.5C16 21.2239 16.2239 21 16.5 21C16.7761 21 17 21.2239 17 21.5Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/ClickIcon.tsx b/skyvern-frontend/src/components/icons/ClickIcon.tsx
index 0c18bc15..e1fdea47 100644
--- a/skyvern-frontend/src/components/icons/ClickIcon.tsx
+++ b/skyvern-frontend/src/components/icons/ClickIcon.tsx
@@ -14,7 +14,7 @@ function ClickIcon({ className }: Props) {
     >
       <path
         d="M9 3.5V2M5.06066 5.06066L4 4M5.06066 13L4 14.0607M13 5.06066L14.0607 4M3.5 9H2M8.5 8.5L12.6111 21.2778L15.5 18.3889L19.1111 22L22 19.1111L18.3889 15.5L21.2778 12.6111L8.5 8.5Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/ExtractIcon.tsx b/skyvern-frontend/src/components/icons/ExtractIcon.tsx
index 34c67989..44527acb 100644
--- a/skyvern-frontend/src/components/icons/ExtractIcon.tsx
+++ b/skyvern-frontend/src/components/icons/ExtractIcon.tsx
@@ -14,21 +14,21 @@ function ExtractIcon({ className }: Props) {
     >
       <path
         d="M10 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V14"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
         d="M8 14V11.4286C8 10.9739 8.1756 10.5379 8.48816 10.2164C8.80072 9.8949 9.22464 9.71429 9.66667 9.71429H16.3333C16.7754 9.71429 17.1993 9.53367 17.5118 9.21218C17.8244 8.89069 18 8.45466 18 8V2"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
       />
       <path
         d="M21 5L18 2L15 5"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/GraphIcon.tsx b/skyvern-frontend/src/components/icons/GraphIcon.tsx
index 201a82ed..01b90adb 100644
--- a/skyvern-frontend/src/components/icons/GraphIcon.tsx
+++ b/skyvern-frontend/src/components/icons/GraphIcon.tsx
@@ -14,7 +14,7 @@ function GraphIcon({ className }: Props) {
     >
       <path
         d="M21 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V3M20 8L16.0811 12.1827C15.9326 12.3412 15.8584 12.4204 15.7688 12.4614C15.6897 12.4976 15.6026 12.5125 15.516 12.5047C15.4179 12.4958 15.3215 12.4458 15.1287 12.3457L11.8713 10.6543C11.6785 10.5542 11.5821 10.5042 11.484 10.4953C11.3974 10.4875 11.3103 10.5024 11.2312 10.5386C11.1416 10.5796 11.0674 10.6588 10.9189 10.8173L7 15"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/InboxIcon.tsx b/skyvern-frontend/src/components/icons/InboxIcon.tsx
index eeb08afa..f03f9848 100644
--- a/skyvern-frontend/src/components/icons/InboxIcon.tsx
+++ b/skyvern-frontend/src/components/icons/InboxIcon.tsx
@@ -14,7 +14,7 @@ function InboxIcon({ className }: Props) {
     >
       <path
         d="M2.5 12H5.88197C6.56717 12 7.19357 12.3871 7.5 13C7.80643 13.6129 8.43283 14 9.11803 14H14.882C15.5672 14 16.1936 13.6129 16.5 13C16.8064 12.3871 17.4328 12 18.118 12H21.5M8.96656 4H15.0334C16.1103 4 16.6487 4 17.1241 4.16396C17.5445 4.30896 17.9274 4.5456 18.2451 4.85675C18.6043 5.2086 18.8451 5.6902 19.3267 6.65337L21.4932 10.9865C21.6822 11.3645 21.7767 11.5535 21.8434 11.7515C21.9026 11.9275 21.9453 12.1085 21.971 12.2923C22 12.4992 22 12.7105 22 13.1331V15.2C22 16.8802 22 17.7202 21.673 18.362C21.3854 18.9265 20.9265 19.3854 20.362 19.673C19.7202 20 18.8802 20 17.2 20H6.8C5.11984 20 4.27976 20 3.63803 19.673C3.07354 19.3854 2.6146 18.9265 2.32698 18.362C2 17.7202 2 16.8802 2 15.2V13.1331C2 12.7105 2 12.4992 2.02897 12.2923C2.05471 12.1085 2.09744 11.9275 2.15662 11.7515C2.22326 11.5535 2.31776 11.3645 2.50675 10.9865L4.67331 6.65337C5.1549 5.69019 5.3957 5.2086 5.75495 4.85675C6.07263 4.5456 6.45551 4.30896 6.87589 4.16396C7.35125 4 7.88969 4 8.96656 4Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/MessageIcon.tsx b/skyvern-frontend/src/components/icons/MessageIcon.tsx
index 3342a522..5f99231b 100644
--- a/skyvern-frontend/src/components/icons/MessageIcon.tsx
+++ b/skyvern-frontend/src/components/icons/MessageIcon.tsx
@@ -14,7 +14,7 @@ function MessageIcon({ className }: Props) {
     >
       <path
         d="M6.09436 11.2288C6.03221 10.8282 5.99996 10.4179 5.99996 10C5.99996 5.58172 9.60525 2 14.0526 2C18.4999 2 22.1052 5.58172 22.1052 10C22.1052 10.9981 21.9213 11.9535 21.5852 12.8345C21.5154 13.0175 21.4804 13.109 21.4646 13.1804C21.4489 13.2512 21.4428 13.301 21.4411 13.3735C21.4394 13.4466 21.4493 13.5272 21.4692 13.6883L21.8717 16.9585C21.9153 17.3125 21.9371 17.4895 21.8782 17.6182C21.8266 17.731 21.735 17.8205 21.6211 17.8695C21.4911 17.9254 21.3146 17.8995 20.9617 17.8478L17.7765 17.3809C17.6101 17.3565 17.527 17.3443 17.4512 17.3448C17.3763 17.3452 17.3245 17.3507 17.2511 17.3661C17.177 17.3817 17.0823 17.4172 16.893 17.4881C16.0097 17.819 15.0524 18 14.0526 18C13.6344 18 13.2237 17.9683 12.8227 17.9073M7.63158 22C10.5965 22 13 19.5376 13 16.5C13 13.4624 10.5965 11 7.63158 11C4.66668 11 2.26316 13.4624 2.26316 16.5C2.26316 17.1106 2.36028 17.6979 2.53955 18.2467C2.61533 18.4787 2.65322 18.5947 2.66566 18.6739C2.67864 18.7567 2.68091 18.8031 2.67608 18.8867C2.67145 18.9668 2.65141 19.0573 2.61134 19.2383L2 22L4.9948 21.591C5.15827 21.5687 5.24 21.5575 5.31137 21.558C5.38652 21.5585 5.42641 21.5626 5.50011 21.5773C5.5701 21.5912 5.67416 21.6279 5.88227 21.7014C6.43059 21.8949 7.01911 22 7.63158 22Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/RobotIcon.tsx b/skyvern-frontend/src/components/icons/RobotIcon.tsx
index 05420fff..51837d46 100644
--- a/skyvern-frontend/src/components/icons/RobotIcon.tsx
+++ b/skyvern-frontend/src/components/icons/RobotIcon.tsx
@@ -14,7 +14,7 @@ function RobotIcon({ className }: Props) {
     >
       <path
         d="M13.5 3.50003C13.5 3.94403 13.307 4.34303 13 4.61803V6.50003H18C18.7956 6.50003 19.5587 6.8161 20.1213 7.37871C20.6839 7.94132 21 8.70438 21 9.50003V19.5C21 20.2957 20.6839 21.0587 20.1213 21.6214C19.5587 22.184 18.7956 22.5 18 22.5H6C5.20435 22.5 4.44129 22.184 3.87868 21.6214C3.31607 21.0587 3 20.2957 3 19.5V9.50003C3 8.70438 3.31607 7.94132 3.87868 7.37871C4.44129 6.8161 5.20435 6.50003 6 6.50003H11V4.61803C10.8135 4.45123 10.6717 4.24042 10.5875 4.0048C10.5033 3.76918 10.4794 3.51625 10.5179 3.26902C10.5564 3.02179 10.6562 2.78813 10.8081 2.58931C10.96 2.39049 11.1592 2.23283 11.3876 2.13069C11.6161 2.02854 11.8664 1.98516 12.1159 2.00448C12.3653 2.02381 12.606 2.10523 12.8159 2.24133C13.0259 2.37744 13.1985 2.5639 13.3179 2.78374C13.4374 3.00359 13.5 3.24982 13.5 3.50003ZM6 8.50003C5.73478 8.50003 5.48043 8.60539 5.29289 8.79293C5.10536 8.98046 5 9.23482 5 9.50003V19.5C5 19.7653 5.10536 20.0196 5.29289 20.2071C5.48043 20.3947 5.73478 20.5 6 20.5H18C18.2652 20.5 18.5196 20.3947 18.7071 20.2071C18.8946 20.0196 19 19.7653 19 19.5V9.50003C19 9.23482 18.8946 8.98046 18.7071 8.79293C18.5196 8.60539 18.2652 8.50003 18 8.50003H6ZM2 12.2C2 11.8134 1.6866 11.5 1.3 11.5H0.7C0.313401 11.5 0 11.8134 0 12.2V16.8C0 17.1866 0.313401 17.5 0.7 17.5H1.3C1.6866 17.5 2 17.1866 2 16.8V12.2ZM22 12.2C22 11.8134 22.3134 11.5 22.7 11.5H23.3C23.6866 11.5 24 11.8134 24 12.2V16.8C24 17.1866 23.6866 17.5 23.3 17.5H22.7C22.3134 17.5 22 17.1866 22 16.8V12.2ZM9 16C9.39782 16 9.77936 15.842 10.0607 15.5607C10.342 15.2794 10.5 14.8979 10.5 14.5C10.5 14.1022 10.342 13.7207 10.0607 13.4394C9.77936 13.1581 9.39782 13 9 13C8.60218 13 8.22064 13.1581 7.93934 13.4394C7.65804 13.7207 7.5 14.1022 7.5 14.5C7.5 14.8979 7.65804 15.2794 7.93934 15.5607C8.22064 15.842 8.60218 16 9 16ZM15 16C15.3978 16 15.7794 15.842 16.0607 15.5607C16.342 15.2794 16.5 14.8979 16.5 14.5C16.5 14.1022 16.342 13.7207 16.0607 13.4394C15.7794 13.1581 15.3978 13 15 13C14.6022 13 14.2206 13.1581 13.9393 13.4394C13.658 13.7207 13.5 14.1022 13.5 14.5C13.5 14.8979 13.658 15.2794 13.9393 15.5607C14.2206 15.842 14.6022 16 15 16Z"
-        fill="#F8FAFC"
+        fill="currentColor"
       />
     </svg>
   );
diff --git a/skyvern-frontend/src/components/icons/SaveIcon.tsx b/skyvern-frontend/src/components/icons/SaveIcon.tsx
index 58b9405c..84c8eb01 100644
--- a/skyvern-frontend/src/components/icons/SaveIcon.tsx
+++ b/skyvern-frontend/src/components/icons/SaveIcon.tsx
@@ -9,7 +9,7 @@ function SaveIcon() {
     >
       <path
         d="M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="1.6"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/TranslateIcon.tsx b/skyvern-frontend/src/components/icons/TranslateIcon.tsx
index 06d72b1f..d2574275 100644
--- a/skyvern-frontend/src/components/icons/TranslateIcon.tsx
+++ b/skyvern-frontend/src/components/icons/TranslateIcon.tsx
@@ -14,7 +14,7 @@ function TranslateIcon({ className }: Props) {
     >
       <path
         d="M12.913 17H20.087M12.913 17L11 21M12.913 17L15.7783 11.009C16.0092 10.5263 16.1246 10.2849 16.2826 10.2086C16.4199 10.1423 16.5801 10.1423 16.7174 10.2086C16.8754 10.2849 16.9908 10.5263 17.2217 11.009L20.087 17M20.087 17L22 21M2 5H8M8 5H11.5M8 5V3M11.5 5H14M11.5 5C11.0039 7.95729 9.85259 10.6362 8.16555 12.8844M10 14C9.38747 13.7248 8.76265 13.3421 8.16555 12.8844M8.16555 12.8844C6.81302 11.8478 5.60276 10.4266 5 9M8.16555 12.8844C6.56086 15.0229 4.47143 16.7718 2 18"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"
diff --git a/skyvern-frontend/src/components/icons/TrophyIcon.tsx b/skyvern-frontend/src/components/icons/TrophyIcon.tsx
index ca713673..d2ded70c 100644
--- a/skyvern-frontend/src/components/icons/TrophyIcon.tsx
+++ b/skyvern-frontend/src/components/icons/TrophyIcon.tsx
@@ -14,7 +14,7 @@ function TrophyIcon({ className }: Props) {
     >
       <path
         d="M12 15C8.68629 15 6 12.3137 6 9V3.44444C6 3.0306 6 2.82367 6.06031 2.65798C6.16141 2.38021 6.38021 2.16141 6.65798 2.06031C6.82367 2 7.0306 2 7.44444 2H16.5556C16.9694 2 17.1763 2 17.342 2.06031C17.6198 2.16141 17.8386 2.38021 17.9397 2.65798C18 2.82367 18 3.0306 18 3.44444V9C18 12.3137 15.3137 15 12 15ZM12 15V18M18 4H20.5C20.9659 4 21.1989 4 21.3827 4.07612C21.6277 4.17761 21.8224 4.37229 21.9239 4.61732C22 4.80109 22 5.03406 22 5.5V6C22 6.92997 22 7.39496 21.8978 7.77646C21.6204 8.81173 20.8117 9.62038 19.7765 9.89778C19.395 10 18.93 10 18 10M6 4H3.5C3.03406 4 2.80109 4 2.61732 4.07612C2.37229 4.17761 2.17761 4.37229 2.07612 4.61732C2 4.80109 2 5.03406 2 5.5V6C2 6.92997 2 7.39496 2.10222 7.77646C2.37962 8.81173 3.18827 9.62038 4.22354 9.89778C4.60504 10 5.07003 10 6 10M7.44444 22H16.5556C16.801 22 17 21.801 17 21.5556C17 19.5919 15.4081 18 13.4444 18H10.5556C8.59188 18 7 19.5919 7 21.5556C7 21.801 7.19898 22 7.44444 22Z"
-        stroke="#F8FAFC"
+        stroke="currentColor"
         strokeWidth="2"
         strokeLinecap="round"
         strokeLinejoin="round"