Merge pull request #92 from mhmohona/sidebar-header

Add Scribe-Data Logo into Docs Sidebar and Update Color Scheme
scribe-org · Mar 9, 2024 · c09c74c · c09c74c
2 parents 26d2a38 + 30969ec
commit c09c74c
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 0 deletions.
diff --git a/docs/source/_static/ScribeDataLogo.png b/docs/source/_static/ScribeDataLogo.png
diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
@@ -0,0 +1,30 @@
+/* Change the sidebar header color to match the new logo background. */
+.wy-side-nav-search {
+  background-color: #f0f0eb !important;
+}
+
+/* Update the sidebar background color. */
+.wy-nav-side {
+  background-color: #f2f5f8 !important;
+}
+
+/* Change sidebar text color to black for all sidebar items. */
+.wy-nav-side .wy-nav-content,
+.wy-nav-side .wy-menu-vertical a {
+  color: #000 !important;
+}
+
+/* Sidebar link text color on hover. */
+.wy-nav-side .wy-nav-content a:hover,
+.wy-nav-side .wy-menu-vertical a:hover {
+  color: #fff !important;
+}
+
+/* Logo styling. */
+.wy-side-nav-search .wy-nav-top img {
+  padding: 15px;
+  max-height: 80px;
+  max-width: 100%;
+  display: block;
+  margin: 0 auto;
+}
diff --git a/docs/source/conf.py b/docs/source/conf.py
@@ -175,3 +175,15 @@
         "Miscellaneous",
     )
 ]
+
+# Adding logo to the docs sidebar.
+html_logo = "_static/ScribeDataLogo.png"
+html_theme_options = {
+    "logo_only": True,
+    "display_version": False,
+}
+
+# Importing custom css for theme customization.
+html_css_files = [
+    "custom.css",
+]