style: adjust adjust colors and toggling icons

docusaurus.config.js

@@ -11,7 +11,7 @@ const config = {
     favicon: 'img/favicon.ico',
 
     // Set the production url of your site here
-    url: 'https://your-docusaurus-test-site.com',
+    url: 'https://java-develop-pedia.vercel.app',
     // Set the /<baseUrl>/ pathname under which your site is served
     // For GitHub pages deployment, it is often '/<projectName>/'
     baseUrl: '/',
@@ -62,12 +62,15 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
         ({
             // Replace with your project's social card
-            image: 'img/Java-Develop-Pedia-logos_white.jpg',
+            image: 'img/logo.png',
             navbar: {
                 title: 'Java-Develop-Pedia',
                 logo: {
                     alt: 'Java-Develop-Pedia',
                     src: 'img/logo.png',
+                    srcDark: 'img/logoDark.png',
+                    width: 40,
+                    height: 40,
                 },
                 items: [
                     {to: '/roadmap', label: 'Roadmap', position: 'left'},
@@ -79,6 +82,10 @@ const config = {
                     },
                 ],
             },
+            colorMode: {
+                defaultMode: 'dark',
+                disableSwitch: false,
+            },
             footer: {
                 style: 'dark',
                 links: [

src/css/custom.css

@@ -6,7 +6,7 @@
 
 /* You can override the default Infima variables here. */
 :root {
-    --ifm-color-primary: #e87121;
+    --ifm-color-primary: #6257f8;
     --ifm-color-primary-dark: #29784c;
     --ifm-color-primary-darker: #277148;
     --ifm-color-primary-darkest: #205d3b;
@@ -19,7 +19,7 @@
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-    --ifm-color-primary: #fdb07d;
+    --ifm-color-primary: #9189FA;
     --ifm-color-primary-dark: #21af90;
     --ifm-color-primary-darker: #1fa588;
     --ifm-color-primary-darkest: #1a8870;

src/pages/index.js

@@ -4,7 +4,6 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
-
 import styles from './index.module.css';
 
 function HomepageHeader() {