chore: Adjust primary color of docs and footer links

packages/docs/docs/faq.md

@@ -3,7 +3,7 @@ sidebar_position: 8
 slug: /faq
 ---
 
-# F.A.Q
+# F.A.Q.
 
 Let's discover **Docusaurus in less than 5 minutes**.
 

packages/docs/docusaurus.config.js

@@ -6,7 +6,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: 'Docs',
+  title: 'Automatisch Docs',
   tagline: 'Automatisch Docs',
   url: 'https://docs.automatisch.io',
   baseUrl: '/',
@@ -71,7 +71,19 @@ const config = {
             title: 'Docs',
             items: [
               {
-                label: 'Tutorial',
+                label: 'Getting Started',
+                to: '/docs/intro',
+              },
+              {
+                label: 'Integrations',
+                to: '/docs/intro',
+              },
+              {
+                label: 'License',
+                to: '/docs/intro',
+              },
+              {
+                label: 'F.A.Q.',
                 to: '/docs/intro',
               },
             ],
@@ -79,6 +91,10 @@ const config = {
           {
             title: 'Community',
             items: [
+              {
+                label: 'GitHub',
+                href: 'https://github.com/automatisch/automatisch',
+              },
               {
                 label: 'Discord',
                 href: 'https://discord.gg/dJSah9CVrC',
@@ -90,10 +106,10 @@ const config = {
             ],
           },
           {
-            title: 'More',
+            title: 'Explore',
             items: [
               {
-                label: 'GitHub',
+                label: 'Read our blog',
                 href: 'https://github.com/automatisch/automatisch',
               },
             ],
@@ -105,6 +121,9 @@ const config = {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },
+      colorMode: {
+        disableSwitch: true,
+      },
     }),
 };
 

packages/docs/src/css/custom.css

@@ -6,14 +6,14 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #001F52;
+  --ifm-color-primary: #0059f7;
-  --ifm-color-primary-dark: rgb(33, 175, 144);
+  --ifm-color-primary-dark: #0050de;
-  --ifm-color-primary-darker: rgb(31, 165, 136);
+  --ifm-color-primary-darker: #004cd2;
-  --ifm-color-primary-darkest: rgb(26, 136, 112);
+  --ifm-color-primary-darkest: #003ead;
-  --ifm-color-primary-light: rgb(70, 203, 174);
+  --ifm-color-primary-light: #1167ff;
-  --ifm-color-primary-lighter: rgb(102, 212, 189);
+  --ifm-color-primary-lighter: #1d6eff;
-  --ifm-color-primary-lightest: rgb(146, 224, 208);
+  --ifm-color-primary-lightest: #4286ff;
-  --ifm-code-font-size: 95%;
+  --ifm-code-font-size: 85%;
 }
 
 .docusaurus-highlight-code-line {