From bcf0d866059e116d4b1fdfc50368df346da694a2 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Thu, 3 Aug 2023 04:12:08 +0500
Subject: [PATCH] web: use new error icon color

---
 apps/web/src/components/field/index.jsx   | 4 ++--
 apps/web/src/components/note/index.tsx    | 2 +-
 apps/web/src/dialogs/add-tags-dialog.tsx  | 2 +-
 apps/web/src/dialogs/move-note-dialog.tsx | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/field/index.jsx b/apps/web/src/components/field/index.jsx
index 8171f5c54..391b32f65 100644
--- a/apps/web/src/components/field/index.jsx
+++ b/apps/web/src/components/field/index.jsx
@@ -210,9 +210,9 @@ function Field(props) {
           {rules.map((rule) => (
             <Flex key={rule.title}>
               {rule.isValid ? (
-                <Check color="success" size={14} />
+                <Check color="icon-success" size={14} />
               ) : (
-                <Cross color="error" size={14} />
+                <Cross color="icon-error" size={14} />
               )}
               <Text ml={1} sx={{ fontSize: "body", color: "paragraph" }}>
                 {rule.title}
diff --git a/apps/web/src/components/note/index.tsx b/apps/web/src/components/note/index.tsx
index 870c184f0..62808d208 100644
--- a/apps/web/src/components/note/index.tsx
+++ b/apps/web/src/components/note/index.tsx
@@ -194,7 +194,7 @@ function Note(props: NoteProps) {
             </>
           ) : (
             <>
-              {note.conflicted && <Alert size={15} color="error" />}
+              {note.conflicted && <Alert size={15} color="icon-error" />}
 
               {note.localOnly && <SyncOff size={13} />}
 
diff --git a/apps/web/src/dialogs/add-tags-dialog.tsx b/apps/web/src/dialogs/add-tags-dialog.tsx
index bd9f71cf8..28ae20486 100644
--- a/apps/web/src/dialogs/add-tags-dialog.tsx
+++ b/apps/web/src/dialogs/add-tags-dialog.tsx
@@ -212,7 +212,7 @@ function SelectedCheck({
   return selected === "add" ? (
     <CheckCircleOutline size={size} sx={{ mr: 1 }} color="accent" />
   ) : selected === "remove" ? (
-    <CheckRemove size={size} sx={{ mr: 1 }} color="error" />
+    <CheckRemove size={size} sx={{ mr: 1 }} color="icon-error" />
   ) : (
     <CircleEmpty size={size} sx={{ mr: 1, opacity: 0.4 }} />
   );
diff --git a/apps/web/src/dialogs/move-note-dialog.tsx b/apps/web/src/dialogs/move-note-dialog.tsx
index d3007e657..04d2d1256 100644
--- a/apps/web/src/dialogs/move-note-dialog.tsx
+++ b/apps/web/src/dialogs/move-note-dialog.tsx
@@ -455,7 +455,7 @@ function SelectedCheck({
       color="var(--accent-secondary)"
     />
   ) : selected === "remove" ? (
-    <CheckRemove size={size} sx={{ mr: 1 }} color="error" />
+    <CheckRemove size={size} sx={{ mr: 1 }} color="icon-error" />
   ) : (
     <CircleEmpty size={size} sx={{ mr: 1, opacity: 0.4 }} />
   );