Update logo/styling

Author: CBroz1

docs/mkdocs.yaml

@@ -30,8 +30,8 @@ theme:
   name: material
   custom_dir: src/.overrides
   icon:
-    logo: main/project-logo-black
-  favicon: assets/images/project-logo-color.png
+    logo: main/company-logo
+  favicon: assets/images/company-logo-blue.png
   features:
     - toc.integrate
     - content.code.annotate # Add codeblock annotations
@@ -93,28 +93,38 @@ markdown_extensions:
           format: !!python/name:pymdownx.superfences.fence_code_format
 extra:
   generator: false # Disable watermark
+  analytics:
+    provider: google
+    property: !ENV GOOGLE_ANALYTICS_KEY
   version:
     provider: mike
   social:
     - icon: main/company-logo
-      link: https://www.datajoint.com/
-    - icon: fontawesome/solid/ticket
-      link: https://support.djneuro.io/portal/en/home
+      link: https://www.datajoint.com
+      name: DataJoint
     - icon: fontawesome/brands/slack
       link: https://datajoint.slack.com
+      name: Slack
     - icon: fontawesome/brands/linkedin
       link: https://www.linkedin.com/company/datajoint
+      name: LinkedIn
     - icon: fontawesome/brands/twitter
-      link: https://twitter.com/DataJointIO
+      link: https://twitter.com/datajoint
+      name: Twitter
     - icon: fontawesome/brands/github
       link: https://github.com/datajoint
+      name: GitHub
     - icon: fontawesome/brands/docker
       link: https://hub.docker.com/u/datajoint
+      name: DockerHub
     - icon: fontawesome/brands/python
       link: https://pypi.org/user/datajointbot
+      name: PyPI
     - icon: fontawesome/brands/stack-overflow
       link: https://stackoverflow.com/questions/tagged/datajoint
+      name: StackOverflow
     - icon: fontawesome/brands/youtube
       link: https://www.youtube.com/channel/UCdeCuFOTCXlVMRzh6Wk-lGg
+      name: YouTube
 extra_css:
   - assets/stylesheets/extra.css

docs/src/.overrides/.icons/main/company-logo.svg

@@ -6,6 +6,40 @@
     --dj-white: #ffffff;
 }
 
+/* footer previous/next navigation */
+.md-footer__inner:not([hidden]) {
+    display: none
+}
+
+/* footer social icons */
+html a[title="DataJoint"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="Slack"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="LinkedIn"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="Twitter"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="GitHub"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="DockerHub"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="PyPI"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="StackOverflow"].md-social__link svg {
+    color: var(--dj-primary);
+}
+html a[title="YouTube"].md-social__link svg {
+    color: var(--dj-primary);
+}
+
 [data-md-color-scheme="datajoint"] {
     /* ribbon */
     /* ribbon + markdown heading expansion */
@@ -29,7 +63,7 @@
 
     /* footer */
     /* previous/next text */
-    --md-footer-fg-color: var(--dj-primary);
+    /* --md-footer-fg-color: var(--dj-primary); */
 }
 
 [data-md-color-scheme="slate"] {
@@ -47,18 +81,13 @@
 
     /* main */
     /* main header + already viewed*/
-    --md-default-fg-color--light: var(--dj-background);
+    /* --md-default-fg-color--light: var(--dj-background); */
     /* primary text */
     --md-typeset-color: var(--dj-white);
     /* code comments + diagram text */
     --md-code-fg-color: var(--dj-primary);
 
     /* footer */
     /* previous/next text */
-    --md-footer-fg-color: var(--dj-white);
+    /* --md-footer-fg-color: var(--dj-white); */
 }
-
-
-.md-footer__inner:not([hidden]) {
-    display: none
-}

docs/src/.overrides/.icons/main/project-logo-black.svg

@@ -234,7 +234,6 @@ respectively, in the pipeline.
 
 1. Plot all the tables directly downstream from `schema.Rectangle`
 
-
 ```python
 (dj.Diagram('my_schema')-1+1).draw() # (1)
 ```