◐ Shell
clean mode source ↗

Dark theme by septatrix · Pull Request #44 · python/python-docs-theme

Expand Up @@ -37,6 +37,7 @@ <h3>{{ _('Navigation') }}</h3> {{ reldelim2 }} </li> {%- endif %} <li class="right">{{ themeselector() }}{{ reldelim2 }}</li> {% endblock %} </ul> </div> Expand All @@ -47,25 +48,35 @@ <h3>{{ _('Navigation') }}</h3> {%- if builder != "htmlhelp" %} <div class="inline-search" role="search"> <form class="inline-search" action="{{ pathto('search') }}" method="get"> <input placeholder="{{ _('Quick search') }}" aria-label="{{ _('Quick search') }}" type="text" name="q" /> <input placeholder="{{ _('Quick search') }}" aria-label="{{ _('Quick search') }}" type="search" name="q" /> <input type="submit" value="{{ _('Go') }}" /> <input type="hidden" name="check_keywords" value="yes" /> <input type="hidden" name="area" value="default" /> </form> </div> {%- endif %} {%- endmacro %}
{%- macro themeselector() %} <label class="theme-selector-label"> {{ _('Theme') }} <select class="theme-selector" oninput="activateTheme(this.value)"> <option value="auto" selected>{{ _('Auto') }}</option> <option value="light">{{ _('Light') }}</option> <option value="dark">{{ _('Dark') }}</option> </select> </label> {%- endmacro %}
{% block relbar1 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% endblock %} {% block relbar2 %} {% if builder != 'qthelp' %} {{ relbar() }} {% endif %} {% 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) }}" /> {%- if builder != "htmlhelp" %} {%- if not embedded %} <script type="text/javascript" src="{{ pathto('_static/copybutton.js', 1) }}"></script> <script type="text/javascript" src="{{ pathto('_static/menu.js', 1) }}"></script> <script type="text/javascript" src="{{ pathto('_static/themetoggle.js', 1) }}"></script> {%- endif -%} {%- endif -%} {{ super() }} Expand All @@ -82,28 +93,30 @@ <h3>{{ _('Navigation') }}</h3> <div class="mobile-nav"> <input type="checkbox" id="menuToggler" class="toggler__input" aria-controls="navigation" aria-pressed="false" aria-expanded="false" role="button" aria-label="{{ _('Menu')}}" /> <label for="menuToggler" class="toggler__label"> <span></span> </label> <nav class="nav-content" role="navigation"> <a href="{{ theme_root_url }}" class="nav-logo"> <img src="{{ pathto('_static/py.svg', 1) }}" alt="Logo"/> </a> <div class="version_switcher_placeholder"></div> {%- if pagename != "search" and builder != "singlehtml" %} <form role="search" class="search" action="{{ pathto('search') }}" method="get"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="search-icon"> <path fill-rule="nonzero" d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 001.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 00-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 005.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" fill="#444"></path> </svg> <input type="text" name="q" aria-label="{{ _('Quick search') }}"/> <input type="submit" value="{{ _('Go') }}"/> </form> {%- endif %} <label for="menuToggler" class="toggler__label"> <span></span> </label> <span class="nav-items-wrapper"> <a href="{{ theme_root_url }}" class="nav-logo"> <img src="{{ pathto('_static/py.svg', 1) }}" alt="Logo"/> </a> <span class="version_switcher_placeholder"></span> {%- if pagename != "search" and builder != "singlehtml" %} <form id="searchbox" role="search" class="search" action="{{ pathto('search') }}" method="get"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" class="search-icon"> <path fill-rule="nonzero" fill="currentColor" d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 001.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 00-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 005.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> <input placeholder="{{ _('Quick search') }}" aria-label="{{ _('Quick search') }}" type="search" name="q" /> <input type="submit" value="{{ _('Go') }}"/> </form> {%- endif %} </span> </nav> <div class="menu-wrapper"> <nav class="menu" role="navigation" aria-label="main navigation"> <div class="language_switcher_placeholder"></div> {{ themeselector() }} {%- if logo %} <p class="logo"> <a href="{{ pathto('index') }}"> Expand Down