Updated the colors

src/css/custom.css

@@ -3,6 +3,7 @@
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
  */
+ /*
  :root {
   --ifm-color-primary: #9e1b32;
   --ifm-color-primary-dark: #8e182d;
@@ -12,27 +13,39 @@
   --ifm-color-primary-lighter: #b61f39;
   --ifm-color-primary-lightest: #cd2341;
 }
-/* You can override the default Infima variables here. */
-/* :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+ You can override the default Infima variables here. */
+ :root {
+  --ifm-color-primary: #19a7ce;
+
+  --ifm-color-primary-dark: #1796b9;
+
+  --ifm-color-primary-darker: #158eaf;
+
+  --ifm-color-primary-darkest: #117590;
+
+  --ifm-color-primary-light: #1cb8e3;
+
+  --ifm-color-primary-lighter: #25bbe5;
+
+  --ifm-color-primary-lightest: #44c5e8;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-} */
+} 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #9e1b32;
-  --ifm-color-primary-dark: #8e182d;
-  --ifm-color-primary-darker: #86172a;
-  --ifm-color-primary-darkest: #6f1323;
-  --ifm-color-primary-light: #ae1e37;
-  --ifm-color-primary-lighter: #b61f39;
-  --ifm-color-primary-lightest: #cd2341;
+  --ifm-color-primary: #19a7ce;
+
+  --ifm-color-primary-dark: #1796b9;
+
+  --ifm-color-primary-darker: #158eaf;
+
+  --ifm-color-primary-darkest: #117590;
+
+  --ifm-color-primary-light: #1cb8e3;
+
+  --ifm-color-primary-lighter: #25bbe5;
+
+  --ifm-color-primary-lightest: #44c5e8;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 /* Styling one class specially in dark mode */