Merge pull request #33 from drivecore/fix/link-styling-and-dark-mode

Fix link styling and remove dark mode switcher

Author: bhouston

docusaurus.config.ts

@@ -23,14 +23,6 @@ const config: Config = {
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
 
-  // Disable dark mode
-  themeConfig: {
-    colorMode: {
-      disableSwitch: true,
-      defaultMode: 'light',
-    },
-  },
-
   // Even if you don't use internationalization, you can use this field to set
   // useful metadata like html lang. For example, if your site is Chinese, you
   // may want to replace "en" with "zh-Hans".
@@ -109,6 +101,10 @@ const config: Config = {
   themeConfig: {
     // Replace with your project's social card
     image: 'img/docusaurus-social-card.jpg',
+    colorMode: {
+      disableSwitch: true,
+      defaultMode: 'light',
+    },
     navbar: {
       title: 'MyCoder Docs',
       items: [

src/css/custom.css

@@ -6,13 +6,16 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #000000;
-  --ifm-color-primary-dark: #000000;
-  --ifm-color-primary-darker: #000000;
-  --ifm-color-primary-darkest: #000000;
-  --ifm-color-primary-light: #333333;
-  --ifm-color-primary-lighter: #555555;
-  --ifm-color-primary-lightest: #777777;
+  --ifm-color-primary: #0066cc;
+  --ifm-color-primary-dark: #005cb8;
+  --ifm-color-primary-darker: #0057ad;
+  --ifm-color-primary-darkest: #00478f;
+  --ifm-color-primary-light: #0070e0;
+  --ifm-color-primary-lighter: #0075eb;
+  --ifm-color-primary-lightest: #0e85ff;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --ifm-link-color: #0066cc;
+  --ifm-link-hover-color: #0057ad;
+  --ifm-link-decoration: underline;
 }