Fix dark theme issues

Author: septatrix

python_docs_theme/layout.html

@@ -37,6 +37,7 @@ <h3>{{ _('Navigation') }}</h3>
                     {{ reldelim2 }}
                 </li>
             {%- endif %}
+            <li class="right"><input type="button" value="Toggle theme" class="theme-toggle" onclick="toggleTheme()">{{ reldelim2 }}</li>
             {% endblock %}
       </ul>
     </div>
@@ -59,16 +60,6 @@ <h3>{{ _('Navigation') }}</h3>
 {% block relbar1 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% endblock %}
 {% block relbar2 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% endblock %}
 
-{% block relbaritems %}
-{%- if pagename != "search" and builder != "singlehtml" and builder != "htmlhelp" %}
-<li class="right">
-    {{ searchbox() }}
-    {{ reldelim2 }}
-</li>
-{%- endif %}
-<li class="right"><input type="button" value="Toggle theme" class="theme-toggle" onclick="toggleTheme()">{{ reldelim2 }}</li>
-{% endblock %}
-
 {%- block extrahead -%}
     <link rel="stylesheet" href="{{ pathto('_static/pydoctheme_dark.css', 1) }}" media="(prefers-color-scheme: dark)" id="pydoctheme_dark_css">
     <link rel="shortcut icon" type="image/png" href="{{ pathto('_static/' + theme_root_icon, 1) }}" />

python_docs_theme/static/pydoctheme.css

@@ -34,24 +34,23 @@ body {
 }
 
 div.related {
+    margin-top: 0.5em;
     margin-bottom: 1.2em;
     padding: 0.5em 0;
-    border-top: 1px solid #ccc;
-    margin-top: 0.5em;
+    border-width: 1px;
+    border-color: #ccc;
 }
 
-div.related a:hover {
-    color: #0095c4;
+.mobile-nav + div.related {
+    border-bottom-style: solid;
 }
 
-div.related ~ div.related {
-    border-top: 1px solid #ccc;
-    border-bottom: none;
+.document + div.related {
+    border-top-style: solid;
 }
 
-div.related:first-child {
-    border-top: 0;
-    border-bottom: 1px solid #ccc;
+div.related a:hover {
+    color: #0095c4;
 }
 
 .related .switchers {
@@ -62,13 +61,6 @@ div.related:first-child {
     margin-right: 5px;
 }
 
-.version_switcher_placeholder,
-.language_switcher_placeholder {
-    padding-left: 5px;
-    background-color: white;
-}
-
-
 div.related ul::after {
     content: '';
     clear: both;

python_docs_theme/static/pydoctheme_dark.css

@@ -13,12 +13,7 @@ body {
 
 div.related {
     color: rgba(255, 255, 255, 0.7); /* classic overwrite */
-    border-top-color: #424242;
-}
-
-div.related:first-child {
-    /* use :first-child because border-color would need !important */
-    border-bottom-color: #424242;
+    border-color: #424242;
 }
 
 /* SIDEBAR */