diff --git a/src/css/custom.css b/src/css/custom.css
index 206f96e3..c9ba3008 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -4,18 +4,19 @@
  * work well for content-centric websites.
  */
 
+
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #48466D;
-  --ifm-color-primary-dark: #3d3c5d;
-  --ifm-color-primary-darker: #33324e;
-  --ifm-color-primary-darkest: #29283e;
-  --ifm-color-primary-light: #5c5a8c;
-  --ifm-color-primary-lighter: #7673a5;
-  --ifm-color-primary-lightest: #a3a2c3;
+  --ifm-color-primary: #2A1E5C;
+  --ifm-color-primary-dark: #453197;
+  --ifm-color-primary-darker: #31236b;
+  --ifm-color-primary-darkest: #161030;
+  --ifm-color-primary-light: #5b42c1;
+  --ifm-color-primary-lighter: #b5a9e3;
+  --ifm-color-primary-lightest: #f5f3fb;
   --ifm-code-font-size: 95%;
-  --ifm-link-color: #3065b3;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-link-color: #5b42c1;
+  --docusaurus-highlighted-code-line-bg: rgba(91,66,193, 0.08);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -24,10 +25,10 @@
   --ifm-color-primary-dark: #7673a5;
   --ifm-color-primary-darker: #5c5a8c;
   --ifm-color-primary-darkest: #48466D;
-  --ifm-color-primary-light: #b3b1cd;
-  --ifm-color-primary-lighter: #a3a2c3;
-  --ifm-color-primary-lightest: #d1d0e1;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary-light: #5b42c1;
+  --ifm-color-primary-lighter: #b5a9e3;
+  --ifm-color-primary-lightest: #f5f3fb;
+  --docusaurus-highlighted-code-line-bg: rgba(91,66,193,  0.3);
 }
 
 .bad-code-block {