Add Programmer Network link to navbar and enable respect for user color scheme preference

Author: agjs

docusaurus/docusaurus.config.ts

@@ -56,6 +56,11 @@ const config: Config = {
           label: 'YouTube',
           position: 'right',
         },
+        {
+          href: 'https://programmer.network',
+          label: 'Programmer Network',
+          position: 'right',
+        },
       ],
     },
     prism: {
@@ -65,7 +70,7 @@ const config: Config = {
     colorMode: {
       defaultMode: 'dark', // Set dark mode as the default
       disableSwitch: false, // Keep the theme switcher toggle (optional)
-      respectPrefersColorScheme: false, // Ignore the user's system preference
+      respectPrefersColorScheme: true, // Ignore the user's system preference
     },
   } satisfies Preset.ThemeConfig,
 };

docusaurus/src/css/custom.css

@@ -15,6 +15,8 @@
   --ifm-color-primary-lightest: #c7d2fe;
   --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. */
@@ -27,4 +29,7 @@
   --ifm-color-primary-lighter: #a5b4fc;
   --ifm-color-primary-lightest: #c7d2fe;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-background-color: #1b1f23 !important;
+  --ifm-navbar-background-color: #1b1f23 !important;
+
 }