docs branding (#1080)

* docs branding

* Execulde docs from code coverage

.github/codecov.yml

@@ -13,4 +13,5 @@ ignore:
   - l1/internal/contract/starknet.go
   - grpc/gen/*
   - vm
-  - p2p/starknet/spec
+  - p2p/starknet/spec
+  - docs

docs/docusaurus.config.js

@@ -8,7 +8,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 const config = {
   title: 'Juno',
   tagline: 'Decentralising Starknet',
-  favicon: 'img/favicon.ico', // TODO
+  favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
   url: 'https://your-docusaurus-test-site.com', // TODO
@@ -58,7 +58,7 @@ const config = {
         title: 'Juno',
         logo: {
           alt: 'Juno logo',
-          src: 'img/logo.svg', // TODO
+          src: 'img/logo.svg',
         },
         items: [
           {
@@ -75,14 +75,14 @@ const config = {
         ],
       },
       footer: {
-        style: 'dark',
+        style: 'light',
         links: [
           {
             title: 'Docs',
             items: [
               {
                 label: 'Quick Start',
-                to: '/docs/intro', // TODO: quick start
+                to: '/docs/intro',
               },
             ],
           },

docs/src/css/custom.css

@@ -5,26 +5,21 @@
  */
 
 /* You can override the default Infima variables here. */
+@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,600;1,400;1,600&display=swap');
+
 :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: #ff4a04;
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
+* {
+  font-family: 'Exo', sans-serif;
+}
+
+h1 {
+  font-weight: 600;
+}
 /* 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: #ff4a04;
 }