change theme to cyan

Author: thunder-007

docusaurus.config.ts

@@ -8,15 +8,15 @@ const config: Config = {
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
-  url: 'https://your-docusaurus-site.example.com',
+  url: 'https://docs.papercloud.tech',
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: '/',
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: 'papercloudtech', // Usually your GitHub org/user name.
-  projectName: 'docusaurus', // Usually your repo name.
+  projectName: 'docs', // Usually your repo name.
 
   onBrokenLinks: 'warn',
   onBrokenMarkdownLinks: 'warn',
@@ -38,7 +38,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
+            'https://github.com/papercloudtech/docs/edit/main/',
         },
         theme: {
           customCss: './src/css/custom.css',
@@ -117,8 +117,21 @@ const config: Config = {
             },
           ],
         },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'Contributors',
+              href: 'https://github.com/papercloudtech/',
+            },
+            {
+              label: 'Sponsor',
+              href: 'https://github.com/sponsors/papercloudtech',
+            },
+          ],
+        },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+      copyright: `Copyright © ${new Date().getFullYear()} PaperCloud Inc.`,
     },
     prism: {
       theme: prismThemes.github,

src/css/custom.css

@@ -6,25 +6,25 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #00bcd4; /* Cyan */
+  --ifm-color-primary-dark: #00acc1;
+  --ifm-color-primary-darker: #0097a7;
+  --ifm-color-primary-darkest: #00838f;
+  --ifm-color-primary-light: #26c6da;
+  --ifm-color-primary-lighter: #4dd0e1;
+  --ifm-color-primary-lightest: #80deea;
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --docusaurus-highlighted-code-line-bg: rgba(0, 188, 212, 0.1); /* Cyan tint */
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary: #00e5ff; /* Brighter cyan for dark mode */
+  --ifm-color-primary-dark: #00d4ff;
+  --ifm-color-primary-darker: #00c4e4;
+  --ifm-color-primary-darkest: #00b4d9;
+  --ifm-color-primary-light: #00f7ff;
+  --ifm-color-primary-lighter: #66fcff;
+  --ifm-color-primary-lightest: #99feff;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 229, 255, 0.3); /* Cyan tint */
 }