web: use new error icon color

This commit is contained in:
Abdullah Atta
2023-08-03 04:12:08 +05:00
parent 954f894738
commit bcf0d86605
4 changed files with 5 additions and 5 deletions

View File

@@ -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}

View File

@@ -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} />}

View File

@@ -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 }} />
);

View File

@@ -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 }} />
);