From 69506989357160f943901ef8e22a3e1ed42ce7ff Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 28 Mar 2024 12:13:38 +0800
Subject: [PATCH] Color space works differently in different browsers

---
 src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index 7e4cd4d0..3001b858 100644
--- a/src/index.css
+++ b/src/index.css
@@ -21,7 +21,7 @@
     var(--purple-color) 60%,
     var(--text-color) 40%
   );
-  --purple-bg-color: color-mix(in lch, var(--purple-color) 15%, transparent);
+  --purple-bg-color: color-mix(in srgb, var(--purple-color) 10%, transparent);
   --green-color: darkgreen;
   --orange-color: darkorange;
   --orange-light-bg-color: color-mix(
@@ -34,7 +34,7 @@
     var(--orange-color) 60%,
     var(--text-color) 40%
   );
-  --orange-bg-color: color-mix(in lch, var(--orange-color) 15%, transparent);
+  --orange-bg-color: color-mix(in srgb, var(--orange-color) 10%, transparent);
   --red-color: orangered;
   --red-text-color: color-mix(
     in srgb-linear,