Add colors to match Jupyter website (#604)

jupyter · Jan 3, 2022 · 3c8f694 · 3c8f694
1 parent 36610b8
commit 3c8f694
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
@@ -1,3 +1,27 @@
+/* -- theme ------------------------------------------------------------ */
+
+:root {
+    /* colors from from https://github.com/jupyter/jupyter.github.io/blob/master/_sass/settings/_colors.scss */
+    --color-dark-orange: 197, 84, 11;
+    --color-dark-grey: 77, 77, 77;
+    --pst-color-link: var(--color-dark-orange);
+
+    --pst-color-h1: var(--color-dark-grey);
+    --pst-color-h2: var(--color-dark-grey);
+    --pst-color-h3: var(--color-dark-grey);
+    --pst-color-h4: var(--color-dark-grey);
+    --pst-color-h5: var(--color-dark-grey);
+    --pst-color-h6: var(--color-dark-grey);
+
+    --pst-color-active-navigation: var(--color-dark-orange);
+}
+
+/* -- navbar ------------------------------------------------------------- */
+
+.navbar-brand {
+    padding: 0.4em;
+}
+
 /* -- topics ------------------------------------------------------------- */
 
 div.topic {