docs: update theming (#137)

Author: Scarlett Eliza

site/docusaurus.config.js

@@ -83,7 +83,7 @@ const config = {
         ],
       },
       footer: {
-        copyright: `Copyright © ${new Date().getFullYear()} Very Good Ventures.<br/>Built with 💙 by <a target="_blank" rel="noopener" aria-label="Very Good Ventures" href="https://verygood.ventures">Very Good Ventures</a>.`,
+        copyright: `Built with 💙 by <a target="_blank" rel="noopener" aria-label="Very Good Ventures" href="https://verygood.ventures"><b>Very Good Ventures</b></a><br/>Copyright © ${new Date().getFullYear()} Very Good Ventures.`,
       },
       prism: {
         additionalLanguages: ['bash', 'dart', 'yaml'],

site/src/css/custom.css

@@ -13,8 +13,8 @@
 /* You can override the default Infima variables here. */
 :root {
   /* Color Palette */
-  --colors-darker-grey: #27364a;
-  --colors-dark-grey: #1d2939;
+  --colors-darker-blue: #020f30;
+  --colors-dark-navy: #081842;
   --colors-light-grey: #314155;
   --colors-white: #ffffff;
   --colors-off-white: #fbfcff;
@@ -43,7 +43,7 @@
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
   /* Custom Variables */
-  --hero-image-background-color: var(--colors-darker-grey);
+  --hero-image-background-color: var(--colors-darker-blue);
 
   /* Infima Variables */
   --ifm-color-primary: #66fbd1;
@@ -53,9 +53,9 @@
   --ifm-color-primary-light: #88fcdb;
   --ifm-color-primary-lighter: #9afce1;
   --ifm-color-primary-lightest: #cdfef0;
-  --ifm-footer-background-color: var(--colors-dark-grey);
-  --ifm-background-color: var(--colors-darker-grey) !important;
-  --ifm-navbar-background-color: var(--colors-dark-grey);
+  --ifm-footer-background-color: var(--colors-darker-blue);
+  --ifm-background-color: var(--colors-darker-blue) !important;
+  --ifm-navbar-background-color: var(--colors-dark-navy);
   --ifm-card-background-color: var(--colors-light-grey);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
@@ -148,3 +148,7 @@ html[data-theme='dark'] .navbar-vgv-icon:before {
     color: var(--ifm-menu-color);
   }
 }
+
+html[data-theme='dark'] code {
+  background: #081842 !important;
+}