Fix Docusarus path, update colours (#3406)

* Fix `/docs/docs` path * Disable languages that do not have translation yet * Use Telescope color palette in Docs
Seneca-CDOT · Apr 6, 2022 · ebb95fb · ebb95fb
1 parent ec33441
commit ebb95fb
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 19 deletions.
diff --git a/src/web/docusaurus/docs/overview.md b/src/web/docusaurus/docs/overview.md
@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 0
 ---
 
 # Telescope Overview

diff --git a/src/web/docusaurus/docusaurus.config.js b/src/web/docusaurus/docusaurus.config.js
@@ -27,6 +27,7 @@ const config = {
           editUrl: 'https://github.com/Seneca-CDOT/telescope/tree/master/src/web/docusaurus/',
           showLastUpdateAuthor: true,
           showLastUpdateTime: true,
+          routeBasePath: '/',
           remarkPlugins: [require('mdx-mermaid')],
         },
         theme: {
@@ -41,7 +42,7 @@ const config = {
   ],
   i18n: {
     defaultLocale: 'en',
-    locales: ['en', 'fr', 'vi', 'ru', 'uk', 'es', 'zh-cn'],
+    locales: ['en', 'vi'],
     localeConfigs: {
       en: {
         htmlLang: 'en-CA',

diff --git a/src/web/docusaurus/src/css/custom.css b/src/web/docusaurus/src/css/custom.css
@@ -5,26 +5,27 @@
  */
 
 /* You can override the default Infima variables here. */
+/* https://docusaurus.io/docs/styling-layout/#styling-your-site-with-infima */
 :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: #121d59;
+  --ifm-color-primary-dark: #101a50;
+  --ifm-color-primary-darker: #0f194c;
+  --ifm-color-primary-darkest: #0d143e;
+  --ifm-color-primary-light: #142062;
+  --ifm-color-primary-lighter: #152166;
+  --ifm-color-primary-lightest: #172674;
   --ifm-code-font-size: 95%;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
-html[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;
+[data-theme='dark'] {
+  --ifm-color-primary: #a0d1fb;
+  --ifm-color-primary-dark: #79bef9;
+  --ifm-color-primary-darker: #65b4f9;
+  --ifm-color-primary-darkest: #2a98f6;
+  --ifm-color-primary-light: #c7e4fd;
+  --ifm-color-primary-lighter: #dbeefd;
+  --ifm-color-primary-lightest: #ffffff;
 }
 
 .docusaurus-highlight-code-line {
@@ -34,6 +35,10 @@ html[data-theme='dark'] {
   padding: 0 var(--ifm-pre-padding);
 }
 
-html[data-theme='dark'] .docusaurus-highlight-code-line {
+[data-theme='dark'] .docusaurus-highlight-code-line {
   background-color: rgba(0, 0, 0, 0.3);
 }
+
+.footer a:hover {
+  color: #a0d1fb;
+}
diff --git a/src/web/docusaurus/src/pages/index.js b/src/web/docusaurus/src/pages/index.js
@@ -14,7 +14,7 @@ function HomepageHeader() {
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <Link className="button button--secondary button--lg" to="./docs/overview">
+          <Link className="button button--secondary button--lg" to="./overview">
             Docusaurus Tutorial - 5min ⏱️
           </Link>
         </div>