change text color in dark mode

add share image

docusaurus.config.js

@@ -58,7 +58,7 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       // Replace with your project's social card
-      image: 'img/docusaurus-social-card.jpg',
+      image: 'img/share.png',
       navbar: {
         title: 'GaiaNet',
         logo: {

src/css/custom.css

@@ -6,25 +6,25 @@
 
 /* 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;
+  --ifm-color-primary: #d43327;
+  --ifm-color-primary-dark: #ca291d;
+  --ifm-color-primary-darker: #c01f13;
+  --ifm-color-primary-darkest: #b61509;
+  --ifm-color-primary-light: #de3d31;
+  --ifm-color-primary-lighter: #e8473b;
+  --ifm-color-primary-lightest: #f25145;
   --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: #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;
+  --ifm-color-primary: #f3d8b9;
+  --ifm-color-primary-dark: #e9ceaf;
+  --ifm-color-primary-darker: #dfc4a5;
+  --ifm-color-primary-darkest: #d5ba9b;
+  --ifm-color-primary-light: #fde2c3;
+  --ifm-color-primary-lighter: #ffeccd;
+  --ifm-color-primary-lightest: #fff6d7;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }