Use Meltano colors and styling on docs website

docs/Makefile

@@ -4,7 +4,7 @@
 # You can set these variables from the command line, and also
 # from the environment for the first two.
 SPHINXOPTS    ?=
-SPHINXBUILD   ?= sphinx-build
+SPHINXBUILD   ?= poetry run sphinx-build
 SOURCEDIR     = .
 BUILDDIR      = _build
 

docs/_static/css/custom.css

@@ -0,0 +1,94 @@
+body {
+  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
+  color: #2c3e50;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a,
+a:visited {
+  color: #464acb;
+}
+a:hover {
+  color: #464acb;
+  text-decoration: underline;
+}
+
+.wy-nav-side {
+  background-color: #595cd0;
+}
+
+.wy-side-nav-search {
+  background-color: #464acb;
+}
+
+.wy-side-nav-search input[type="text"] {
+  border-color: #464acb;
+}
+
+.wy-side-nav-search > a {
+  color: #fcfcfc;
+}
+
+.wy-menu-vertical a:hover {
+  background-color: #464acb;
+}
+
+.wy-menu-vertical a,
+.wy-menu-vertical a:hover,
+.wy-menu-vertical a:visited {
+  color: white;
+}
+
+.wy-nav-content-wrap,
+.wy-nav-content {
+  background-color: white;
+}
+
+.rst-versions,
+.rst-versions .rst-current-version {
+  background-color: #464acb;
+}
+
+.rst-versions .rst-other-versions {
+  color: white;
+}
+
+.rst-versions a {
+  color: white;
+  text-decoration: underline;
+}
+
+.rst-versions .rst-other-versions dl {
+  margin: 5px 0;
+}
+
+.rst-versions .rst-other-versions dt {
+  margin-bottom: 3px;
+}
+
+.rst-versions .rst-other-versions dd a {
+  border: 1px solid white;
+  border-radius: 5px;
+  padding: 3px 6px;
+  text-decoration: none;
+}
+
+.rst-versions .rst-other-versions dd a:hover {
+  color: #464acb;
+  background-color: white;
+}
+
+.rst-content code.literal {
+  color: #476582;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: inherit;
+}

docs/_templates/layout.html

@@ -0,0 +1,7 @@
+{% extends '!layout.html' %}
+{% block extrahead %}
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans&amp;display=swap">
+  <link rel="apple-touch-icon" sizes="180x180" href="https://meltano.com/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="https://meltano.com/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="https://meltano.com/favicon-16x16.png">
+{% endblock %}

docs/conf.py

@@ -61,3 +61,7 @@
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
 html_static_path = ["_static"]
+
+html_css_files = [
+    'css/custom.css',
+]