From db3c6ea72749f92bccd807aa4de69d961476fd84 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Sun, 30 May 2021 04:39:50 +0800
Subject: [PATCH] website: improve primary color's a11y again

---
 .../components/SidebarAd/styles.module.css    |  4 ++--
 website/src/css/custom.css                    | 24 +++++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/website/src/components/SidebarAd/styles.module.css b/website/src/components/SidebarAd/styles.module.css
index 3d01ee70..55eded4c 100644
--- a/website/src/components/SidebarAd/styles.module.css
+++ b/website/src/components/SidebarAd/styles.module.css
@@ -1,5 +1,5 @@
 .container {
-  background-color: var(--ifm-color-primary-light);
+  background-color: var(--ifm-color-primary);
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: var(--ifm-global-radius);
@@ -12,7 +12,7 @@
 }
 
 .container:hover {
-  background-color: var(--ifm-color-primary);
+  background-color: var(--ifm-color-primary-dark);
   color: #fff;
   text-decoration: none;
 }
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 89714e4a..423b15cc 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -1,11 +1,21 @@
 :root {
-  --ifm-color-primary: #6060fa;
-  --ifm-color-primary-dark: #4f4ff9;
-  --ifm-color-primary-darker: #3e3ef9;
-  --ifm-color-primary-darkest: #2e2ef8;
-  --ifm-color-primary-light: #8282fb;
-  --ifm-color-primary-lighter: #9292fc;
-  --ifm-color-primary-lightest: #c5c5fd;
+  --ifm-color-primary: #6565d5;
+  --ifm-color-primary-dark: #5959d2;
+  --ifm-color-primary-darker: #4c4cce;
+  --ifm-color-primary-darkest: #4040cb;
+  --ifm-color-primary-light: #7e7edc;
+  --ifm-color-primary-lighter: #8a8adf;
+  --ifm-color-primary-lightest: #afafe9;
 
   --ifm-font-size-base: 18px;
 }
+
+html[data-theme='dark'] {
+  --ifm-color-primary: #7f7ff0;
+  --ifm-color-primary-dark: rgb(114, 114, 216);
+  --ifm-color-primary-darker: rgb(108, 108, 204);
+  --ifm-color-primary-darkest: rgb(89, 89, 168);
+  --ifm-color-primary-light: rgb(146, 146, 242);
+  --ifm-color-primary-lighter: rgb(165, 165, 245);
+  --ifm-color-primary-lightest: rgb(191, 191, 248);
+}