From 837d1fc08334f569da8fe332ee72ef8c8560d9ef Mon Sep 17 00:00:00 2001
From: TheKodeToad <TheKodeToad@proton.me>
Date: Tue, 26 Sep 2023 20:47:12 +0100
Subject: web: fix themes tab (#1756)

---
 src/plugins/textReplace/index.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'src/plugins/textReplace/index.tsx')

diff --git a/src/plugins/textReplace/index.tsx b/src/plugins/textReplace/index.tsx
index 45fb6f9..5d66d22 100644
--- a/src/plugins/textReplace/index.tsx
+++ b/src/plugins/textReplace/index.tsx
@@ -20,6 +20,7 @@ import { DataStore } from "@api/index";
 import { addPreSendListener, removePreSendListener } from "@api/MessageEvents";
 import { definePluginSettings } from "@api/Settings";
 import { Flex } from "@components/Flex";
+import { DeleteIcon } from "@components/Icons";
 import { Devs } from "@utils/constants";
 import { Logger } from "@utils/Logger";
 import { useForceUpdater } from "@utils/react";
@@ -173,6 +174,7 @@ function TextReplace({ title, rulesArray, rulesKey, update }: TextReplaceProps)
                                     onClick={() => onClickRemove(index)}
                                     style={{
                                         background: "none",
+                                        color: "var(--status-danger)",
                                         ...(index === rulesArray.length - 1
                                             ? {
                                                 visibility: "hidden",
@@ -182,11 +184,7 @@ function TextReplace({ title, rulesArray, rulesKey, update }: TextReplaceProps)
                                         )
                                     }}
                                 >
-                                    <svg width="24" height="24" viewBox="0 0 24 24">
-                                        <title>Delete Rule</title>
-                                        <path fill="var(--status-danger)" d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z" />
-                                        <path fill="var(--status-danger)" d="M5 6.99902V18.999C5 20.101 5.897 20.999 7 20.999H17C18.103 20.999 19 20.101 19 18.999V6.99902H5ZM11 17H9V11H11V17ZM15 17H13V11H15V17Z" />
-                                    </svg>
+                                    <DeleteIcon />
                                 </Button>
                             </Flex>
                             {isRegexRules && renderFindError(rule.find)}
-- 
cgit 

