feat: update primary color palette to #804040 with previous colors co…

…mmented

Updated the primary color palette to use #804040 for both light and dark themes. The previous color values have been retained as comments in the CSS file for future reference. This ensures the new palette aligns with the desired design while keeping the old palette easily accessible if needed.

src/css/custom.css

@@ -6,25 +6,49 @@
 
 /* You can override the default Infima variables here. */
 :root {
+  /* Previous primary color palette */
+  /* 
   --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;
+  */
+
+  /* Updated primary color palette */
+  --ifm-color-primary: #804040;
+  --ifm-color-primary-dark: #662626; /* Darker shade */
+  --ifm-color-primary-darker: #4d1c1c; /* Even darker */
+  --ifm-color-primary-darkest: #331212; /* Darkest */
+  --ifm-color-primary-light: #a05252; /* Lighter shade */
+  --ifm-color-primary-lighter: #b06868; /* Even lighter */
+  --ifm-color-primary-lightest: #c08080; /* Lightest */
   --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'] {
+  /* Previous dark mode primary color palette */
+  /* 
   --ifm-color-primary: #25c2a0;
   --ifm-color-primary-dark: #21af90;
   --ifm-color-primary-darker: #1fa588;
   --ifm-color-primary-darkest: #1a8870;
   --ifm-color-primary-light: #29d5b0;
   --ifm-color-primary-lighter: #32d8b4;
   --ifm-color-primary-lightest: #4fddbf;
+  */
+
+  /* Updated dark mode primary color palette */
+  --ifm-color-primary: #804040;
+  --ifm-color-primary-dark: #662626; /* Darker shade */
+  --ifm-color-primary-darker: #4d1c1c; /* Even darker */
+  --ifm-color-primary-darkest: #331212; /* Darkest */
+  --ifm-color-primary-light: #a05252; /* Lighter shade */
+  --ifm-color-primary-lighter: #b06868; /* Even lighter */
+  --ifm-color-primary-lightest: #c08080; /* Lightest */
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }