From 26fa7fef52520f07cc26caab7446e3181deb7637 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
Date: Mon, 22 May 2023 22:28:51 +0100
Subject: [PATCH] chore: make error summary red (#12)

---
 src/features/file-listing/FileError.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/features/file-listing/FileError.tsx b/src/features/file-listing/FileError.tsx
index 1369eba..62d8550 100644
--- a/src/features/file-listing/FileError.tsx
+++ b/src/features/file-listing/FileError.tsx
@@ -17,7 +17,9 @@ export function FileError({ error, code }: FileErrorProps) {
   return (
     <Box>
       <Text>
-        <chakra.span>解密错误：{errorSummary}</chakra.span>
+        <chakra.span>
+          解密错误：<chakra.span color="red.700">{errorSummary}</chakra.span>
+        </chakra.span>
         {error && (
           <Button ml="2" onClick={onToggle} type="button">
             详细
@@ -26,7 +28,7 @@ export function FileError({ error, code }: FileErrorProps) {
       </Text>
       {error && (
         <Collapse in={isOpen} animateOpacity>
-          <Box as="pre" display="inline-block" mt="2" px="4" py="2" bg="red.300" rounded="md">
+          <Box as="pre" display="inline-block" mt="2" px="4" py="2" bg="red.100" color="red.800" rounded="md">
             {error}
           </Box>
         </Collapse>