From e885c45ef9aded20a90949f66c2885e2631b483e Mon Sep 17 00:00:00 2001
From: neil-lobo <neil_edward_lobo@hotmail.com>
Date: Thu, 25 Apr 2024 19:10:16 -0400
Subject: [PATCH 1/2] added default value to css variable

---
 src/styles/reading-style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/styles/reading-style.css b/src/styles/reading-style.css
index bf8156786..d16ccc06b 100644
--- a/src/styles/reading-style.css
+++ b/src/styles/reading-style.css
@@ -97,6 +97,9 @@
 
   --reading-font-monospace: "Roboto Mono VF", "SFMono-Regular", Consolas,
     "Liberation Mono", Menlo, Courier, monospace;
+
+  /* Text selection colour */
+  --text-selection-background-color: #3297FD /* default value chosen from https://stackoverflow.com/questions/16094837/what-is-the-browser-default-background-color-when-selecting-text */
 }
 
 .reading-content {

From 631823bc79c5048cc49c1b12b612de4a0e5e43c6 Mon Sep 17 00:00:00 2001
From: neil-lobo <neil_edward_lobo@hotmail.com>
Date: Thu, 25 Apr 2024 21:19:43 -0400
Subject: [PATCH 2/2] add key to list item to resolve warning

---
 src/layout/Setting/Appearance/Accent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layout/Setting/Appearance/Accent.tsx b/src/layout/Setting/Appearance/Accent.tsx
index a341ac5d5..d57816fae 100644
--- a/src/layout/Setting/Appearance/Accent.tsx
+++ b/src/layout/Setting/Appearance/Accent.tsx
@@ -83,8 +83,8 @@ export const Accent = () => {
 
   return (
     <div className="flex gap-4 items-center">
-      {ACCENTS.map((accent: { name: string; hsl: string }) => {
-        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} />;
+      {ACCENTS.map((accent: { name: string; hsl: string }, i) => {
+        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} key={i} />;
       })}
     </div>
   );