From d938415f113d2898f7b3ee3a64c457ff32355298 Mon Sep 17 00:00:00 2001
From: Filip Stoyanov <filip.stoyanov@iohk.io>
Date: Thu, 21 Mar 2024 13:56:33 +0000
Subject: [PATCH] filip(fix): darkmode existing and metas

---
 .docusaurus/docusaurus.config.mjs | 12 ++++++------
 src/css/custom.css                | 31 ++++++++++++++++++++++---------
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/.docusaurus/docusaurus.config.mjs b/.docusaurus/docusaurus.config.mjs
index 6ed94d11..98efb29d 100644
--- a/.docusaurus/docusaurus.config.mjs
+++ b/.docusaurus/docusaurus.config.mjs
@@ -4,13 +4,12 @@
  * Modify the docusaurus.config.js file at your site's root instead.
  */
 export default {
-  "title": "My Site",
-  "tagline": "Dinosaurs are cool",
+  "title": "Cardano Docs",
   "favicon": "img/cardano-favicon.png",
-  "url": "https://your-docusaurus-site.example.com",
+  "url": "https://docs.cardano.org",
   "baseUrl": "/",
-  "organizationName": "facebook",
-  "projectName": "docusaurus",
+  "organizationName": "IOHK",
+  "projectName": "Cardano-documentation",
   "onBrokenLinks": "throw",
   "onBrokenMarkdownLinks": "warn",
   "i18n": {
@@ -55,7 +54,7 @@ export default {
     },
     "navbar": {
       "logo": {
-        "alt": "My Site Logo",
+        "alt": "Cardano logo",
         "src": "img/cardano-logo.svg"
       },
       "items": [
@@ -321,6 +320,7 @@ export default {
   "headTags": [],
   "stylesheets": [],
   "clientModules": [],
+  "tagline": "",
   "titleDelimiter": "|",
   "noIndex": false,
   "markdown": {
diff --git a/src/css/custom.css b/src/css/custom.css
index 1bf913f1..a9022cfe 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -27,18 +27,31 @@
   --ifm-footer-padding-horizontal: 1rem;
   --ifm-container-width: 100%;
   --ifm-container-width-xl: 100%;
+
+  --ifm-body-text-color: #1d1e21;
 }
 
 /* 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;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary: rgba(0, 51, 173, 1);
+  --ifm-navbar-background-color: rgba(0, 51, 173, 1);
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  --ifm-footer-background-color: rgb(29, 30, 33);
+
+  --ifm-navbar-padding-vertical: 1rem;
+  --ifm-navbar-padding-horizontal: 1rem;
+  --ifm-navbar-height: 5rem;
+
+  --ifm-footer-padding-vertical: 3rem;
+  --ifm-footer-padding-horizontal: 1rem;
+  --ifm-container-width: 100%;
+  --ifm-container-width-xl: 100%;
+
+  --ifm-background-color: #ffffff !important;
+
+  --ifm-menu-link-sublist-icon-filter: invert(0) !important;
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Chivo:wght@300;700&display=swap');
@@ -77,7 +90,7 @@ body {
   font-size: 1rem;
   scroll-behavior: smooth;
   line-height: 1.75;
-  color: #1d1e21;
+  color: var(--ifm-body-text-color);
 
   /* Prevent horizontal scroll */
   max-width: 100vw;