8000 Dark theme by septatrix · Pull Request #44 · python/python-docs-theme · GitHub
[go: up one dir, main page]
Skip to content

Dark theme #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 9 commits into from
Mar 16, 2023
Merged

Dark theme #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
b888ef7
Add preliminary dark theme implementation
septatrix May 10, 2021
647a1a3
Show me the logs.
JulienPalard May 10, 2021
31e888d
Fix dark theme issues
septatrix Nov 18, 2022
dd57722
Adjust to responsive changes
septatrix May 10, 2021
3bf3806
Fix more bugs with the new mobile view
septatrix Nov 18, 2022
9b75889
Update dark theme to work with mobile style
septatrix Nov 18, 2022
df6eb42
Merge branch 'main' into dark-theme
septatrix Jan 24, 2023
eb5e3cb
Fix search bar width and remove legacy fields
septatrix Feb 24, 2023
84f34ae
Merge branch 'master' into dark-theme
septatrix Feb 24, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
55 changes: 34 additions & 21 deletions python_docs_theme/layout.html
View file
Open in desktop
8000
Original file line number Diff line number Diff line change
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
1 change: 0 additions & 1 deletion python_docs_theme/static/caret-down.svg
View file
Open in desktop

This file was deleted.

Loading
0