Merge pull request #388 from DolbyIO/layout-improvements

Layout improvements

Author: Kuba Audykowicz

docs/docusaurus.config.js

@@ -53,10 +53,12 @@ const config = {
     ({
       // Replace with your project's social card
       navbar: {
-        title: 'Home',
+        title: 'Virtual Worlds plugin for Unreal Engine',
+        style: 'dark',
         logo: {
-          alt: 'Comms Unreal Plugin Logo',
-          src: 'img/logo.svg',
+          alt: 'Dolby logo',
+          src: 'img/logo-white.svg',
+          className: 'logo',
         },
       },
       footer: {

docs/src/css/custom.css

@@ -6,13 +6,8 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #47098e;
-  --ifm-color-primary-dark: #575687;
-  --ifm-color-primary-darker: #2e2771;
-  --ifm-color-primary-darkest: #2b205d;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #AA33FF;
+  --ifm-color-primary-light: #EACCFF;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
@@ -29,6 +24,11 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.logo {
+  height: 22px !important;
+  transform: translateY(28%);
+}
+
 img[alt=gettoken],
 img[alt=settoken],
 img[alt=ontoken],
@@ -39,4 +39,9 @@ img[alt=details] {
 img[alt=components],
 img[alt=subsystem] {
   width: 350px;
+}
+
+table {
+  width: 100%;
+  display: table;
 }