Add stylesheet & mkdocs features

- Adds a custom stylesheet & brand colours
- Adds Recursive as the code font
- Adds repo info to the nav bar
- Adds auto tracking ID links for deep linking to sections as users scroll the page
- Index pages are now a part of their section as determined by their H1
- Removes mkdocs info from future footer

docs/stylesheets/extra.css

@@ -0,0 +1,22 @@
+/* :root {
+    --color-wr-lightred: #E3353F;
+    --color-wr-darkred: #A2001D;
+} */
+
+
+/* Import monospaced recursive from Google Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Recursive:MONO@1&display=swap');
+
+
+[data-md-color-scheme="webrecorder"] {
+    --md-primary-fg-color: #008873;
+    --md-primary-fg-color--light: #008873;
+    --md-primary-fg-color--dark: #003c32;
+    --md-primary-bg-color--light: #FFF;
+    --md-accent-fg-color: #01b297;
+
+    /* Typography Color Scheme */
+    --md-typeset-color: #003c32;
+    --md-typeset-a-color: #008873;
+    
+  }

mkdocs.yml

@@ -1,4 +1,9 @@
 site_name: Browsertrix Cloud Docs
+repo_url: https://github.com/webrecorder/browsertrix-cloud/
+repo_name: Browsertrix Cloud
+edit_uri: edit/main/docs/
+extra_css:
+    - stylesheets/extra.css
 theme:
   name: material
   features:
@@ -6,12 +11,13 @@ theme:
     - navigation.tabs
     - navigation.tabs.sticky
     - navigation.instant
+    - navigation.tracking
+    - navigation-indexes
   font:
     text: Inter
     code: Recursive
   palette:
-    primary: teal
-    accent: cyan
+    scheme: webrecorder
   logo: assets/brand/btrix-logo.svg
 
   icon:
@@ -30,3 +36,5 @@ markdown_extensions:
   - pymdownx.details
   - pymdownx.superfences
 
+extra:
+  generator: false