docs: Better header

Author: colin969

README.md

@@ -11,7 +11,7 @@ The launcher for Flashpoint Archive (the non-profit web preservation project).
 [![Crowdin](https://badges.crowdin.net/flashpoint-launcher/localized.svg)](https://crowdin.com/project/flashpoint-launcher)
 
 ### Links
-* [Documentation](https://flashpointproject.github.io/launcher) - Documentation for Configuation, Launcher Development and Extension Development of the Flashpoint Launcher.
+* [Documentation](https://flashpointproject.github.io/launcher) - Documentation for Configuation, Development and Extensions information of the Flashpoint Launcher.
 * [Flashpoint Archive](https://flashpointarchive.org) - Download Flashpoint here (the launcher is bundled with it)
 * [Donate](https://opencollective.com/flashpointarchive) - Funds go towards the Flashpoint Archive non-profit to sustain archival efforts, not to fund developers of the launcher.
 

website/docusaurus.config.ts

@@ -42,6 +42,9 @@ const config: Config = {
   ],
 
   themeConfig: {
+    colorMode: {
+      defaultMode: 'dark'
+    },
     // Replace with your project's social card
     image: 'img/meta.png',
     navbar: {
@@ -52,10 +55,28 @@ const config: Config = {
       },
       items: [
         {
-          type: 'docSidebar',
-          sidebarId: 'docs',
+          type: 'doc',
+          docId: 'introduction',
+          position: 'left',
+          label: 'Getting Started',
+        },
+        {
+          type: 'doc',
+          docId: 'configuration/introduction',
+          position: 'left',
+          label: 'Configuration',
+        },
+        {
+          type: 'doc',
+          docId: 'development/introduction',
+          position: 'left',
+          label: 'Development',
+        },
+        {
+          type: 'doc',
+          docId: 'extensions/overview',
           position: 'left',
-          label: 'Usage Guide',
+          label: 'Extensions',
         },
         {
           href: 'https://github.com/FlashpointProject/launcher',
@@ -78,10 +99,10 @@ const config: Config = {
               label: 'Configuration',
               to: '/docs/configuration/introduction'
             }, {
-              label: 'Launcher Development',
+              label: 'Development',
               to: '/docs/development/introduction'
             }, {
-              label: 'Extension Development',
+              label: 'Extensions',
               to: '/docs/extensions/overview'
             }
           ],

website/src/pages/index.tsx

@@ -32,13 +32,13 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/docs/development/introduction">
-            Launcher Development
+            Development
           </Link>
           <br></br><br></br>
           <Link
             className="button button--secondary button--lg"
             to="/docs/extensions/overview">
-            Extension Development
+            Extensions
           </Link>
         </div>
       </div>