Adapt styling from fish-site

doc_src/conf.py

@@ -114,6 +114,8 @@ pygments_style = None
 # of _static/pygments.css
 html_theme_path = ["."]
 html_theme = "python_docs_theme"
+#html_theme_path = ["./cloud_sptheme/themes"]
+#html_theme = "cloud"
 
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the

doc_src/python_docs_theme/layout.html

@@ -26,6 +26,7 @@
     {%- endif %}
 {%- endmacro %}
 
+{% block header %}<div id="fmain">{% endblock %}
 {% block relbar1 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% endblock %}
 {% block relbar2 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% endblock %}
 {% block relbaritems %}
@@ -56,4 +57,5 @@
 
     {% trans sphinx_version=sphinx_version|e %}Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> {{ sphinx_version }}.{% endtrans %}
     </div>
+</div>
 {% endblock %}

doc_src/python_docs_theme/static/pydoctheme.css

@@ -1,16 +1,31 @@
 @import url("default.css");
 
+html {
+    background: none;
+}
+
 body {
-    background-color: white;
-    margin-left: 1em;
-    margin-right: 1em;
+    background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);
+}
+
+div#fmain {
+    color: #222;
+    padding: 10px 50px 30px;
+    background-color: #EEEEFA;
+    border-radius: 14px;
+    position: relative;
+    margin: 25px auto 0;
+    -moz-box-shadow: 0 0 1px 1px #333;
+    -webkit-box-shadow: 0 0 1px 1px #333;
+    box-shadow: 0 0 5px 1px #333;
+    width: 80%;
 }
 
 div.related {
-    margin-bottom: 1.2em;
+    margin-bottom: 0;
     padding: 0.5em 0;
     border-top: 1px solid #ccc;
-    margin-top: 0.5em;
+    margin-top: 0;
 }
 
 div.related a:hover {
@@ -33,10 +48,13 @@ form.inline-search input[type="submit"] {
 }
 
 div.sphinxsidebar {
-    background-color: #eeeeee;
+    background-color: #eeeefa;
+    border: 1px solid;
     border-radius: 5px;
     line-height: 130%;
     font-size: smaller;
+    float: left;
+    postion: fixed;
 }
 
 div.sphinxsidebar h3, div.sphinxsidebar h4 {
@@ -57,7 +75,7 @@ div.sphinxsidebar a:hover {
 
 form.inline-search input,
 div.sphinxsidebar input {
-    font-family: 'Lucida Grande',Arial,sans-serif;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     border: 1px solid #999999;
     font-size: smaller;
     border-radius: 3px;
@@ -185,7 +203,7 @@ div.footer a:hover {
 }
 
 .highlight {
-    background: none !important;
+    background: #FFF !important;
 }
 
 dl > dt span ~ em {

doc_src/python_docs_theme/theme.conf

@@ -1,25 +1,24 @@
 [theme]
 inherit = default
 stylesheet = pydoctheme.css
-pygments_style = sphinx
 
 [options]
 bodyfont = 'Lucida Grande', Arial, sans-serif
 headfont = 'Lucida Grande', Arial, sans-serif
-footerbgcolor = white
+footerbgcolor = #eeeefa
 footertextcolor = #555555
-relbarbgcolor = white
+relbarbgcolor = #eeeefa
 relbartextcolor = #666666
 relbarlinkcolor = #444444
-sidebarbgcolor = white
+sidebarbgcolor = #eeeefa
 sidebartextcolor = #444444
 sidebarlinkcolor = #444444
-bgcolor = white
+bgcolor = #eeeefa
 textcolor = #222222
-linkcolor = #0090c0
+linkcolor = #08c
 visitedlinkcolor = #00608f
 headtextcolor = #1a1a1a
-headbgcolor = white
+headbgcolor = #eeeefa
 headlinkcolor = #aaaaaa
 
 issues_url = https://github.com/fish-shell/fish-shell/issues