Tweak theme colors and footer

mwaskom · Jun 20, 2022 · d89f3ae · d89f3ae
1 parent 75a8d47
commit d89f3ae
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 19 deletions.
diff --git a/doc/_static/css/custom.css b/doc/_static/css/custom.css
@@ -1,8 +1,20 @@
 /**** Overriding theme defaults ****/
 
+html[data-theme=light]{
+  --pst-color-primary: rgb(52, 54, 99);
+  --pst-color-secondary: rgb(107, 161, 174);
+  --pst-color-link: rgb(74, 105, 145);
+  --pst-color-inline-code: rgb(96, 141, 130);
+}
+
 :root {
-  --pst-color-inline-code: 74, 105, 145;
-  --pst-color-link: 52, 54, 99;
+  --pst-font-size-h1: 34px;
+  --pst-font-size-h2: 28px;
+  --pst-font-size-h3: 23px;
+  --pst-font-size-h4: 19px;
+  --pst-font-size-h5: 17px;
+  --pst-font-size-h6: 16px;
+
 }
 
 /* highlight over function signature after link */
@@ -13,28 +25,28 @@ dt:target, span.highlighted {
 /* Syntax highlighting */
 
 /* string literals */
-.highlight .s2 {  
-  color: rgb(107, 161, 174);
+html[data-theme=light] .highlight .s2 {
+  color: rgb(74, 105, 145);
   font-weight: normal;
 }
 /* number literals */
-.highlight .mi {  
-  color: rgb(130, 114, 160);
+html[data-theme=light] .highlight .mi {
+  color: rgb(136, 97, 153);
   font-weight: normal;
 }
-.highlight .mf {
-  color: rgb(130, 114, 160);
+html[data-theme=light] .highlight .mf {
+  color: rgb(136, 97, 153);
   font-weight: normal;
 }
 /* operators */
-.highlight .o { 
-  color: rgb(180, 124, 80);
+html[data-theme=light] .highlight .o {
+  color: rgb(219, 164, 117);
   font-weight: bold;
 }
 /* builtins */
-.highlight .kc {
-  color: rgb(74, 105, 145);
-  font-weight: normal;
+html[data-theme=light] .highlight .kc {
+  color: rgb(107, 161, 174);
+  font-weight: bold;
 }
 
 /* *********************************************************************** */

diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
@@ -24,7 +24,13 @@
 {%- block footer %}
 <footer class="footer" style="border-top: 1px solid #ccc; padding-top: 10px">
   <div class="container">
-    <div class="dropup show" style="float:right">
+    <div id="credits" style="width: 50%; float: left">
+      <p>
+      {% trans copyright=copyright|e %}&#169; Copyright {{ copyright }}, <a href="https://mwaskom.github.io/">Michael Waskom</a>.{% endtrans %}<br/>
+      Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> and the <a href="https://pydata-sphinx-theme.readthedocs.io/en/stable/">PyData Theme</a>.<br/>
+      </p>
+    </div>
+    <div class="dropup show" style="float: right; margin: 10px">
         <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             Archive
         </a>
@@ -33,11 +39,8 @@
           <a class="dropdown-item" href="./archive/0.9/index.html">v0.9</a>
         </div>
     </div>
-    <div id="version" style="color: #999; float:right">{{ version }}</div>
-    <p>
-    {% trans copyright=copyright|e %}&#169; Copyright {{ copyright }}, <a href="https://mwaskom.github.io/">Michael Waskom</a>.{% endtrans %}<br/>
-    Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> and the <a href="https://pydata-sphinx-theme.readthedocs.io/en/stable/">PyData Theme</a>.<br/>
-    </p>
+    <div id="version" style="color: #999; float: right; margin: 15px">v{{ version }}</div>
+    </div>
   </div>
 </footer>
 {%- endblock %}