A Django app to provide dark mode static files for the Django Admin.
Project description
django-dark
Preamble
This is just a fresh playground, stay tuned or feel free to contribute.
Setup
pip install django-dark
Integration
-
Add "dark" to your INSTALLED_APPS setting like this:
INSTALLED_APPS = [ ... 'dark', ]
-
Modify Django's base_site.html
{% block extrahead %} . . <link href="/static/admin/css/dark.css" type="text/css" media="(prefers-color-scheme: dark)" rel="stylesheet"> {% endblock %}
Template can be found here: site-packages/django/contrib/admin/templates/admin/base_site.html
-
Helper Classes
If you are using tintable images (one colored icons), you can add the class "img-invertable", which simply represents:
.img-invertable { filter: invert(0.7) }
Current Result
Developer Notes
# alias sv="source .virtualenv/bin/activate"
# alias vv="mkdir .virtualenv && python3 -m venv .virtualenv && sv"
vv
sv
pip install -r requirements/common.txt
# Compile Examples
lesscpy -x dark/less/dark.less dark/static/admin/css/dark.css
watchmedo shell-command --wait --patterns="*.less" --recursive --command "lesscpy -V -x dark/less/dark.less dark/static/admin/css/dark.css"
watchmedo shell-command --wait --patterns="*.less" --recursive --command "lesscpy -V -x dark/less/dark.less dark/static/admin/css/dark.css && python manage.py collectstatic --noinput"
# Distribution
python setup.py sdist
twine upload --repository-url https://upload.pypi.org/legacy/ dist/*
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
django-dark-0.1.7.tar.gz
(4.7 kB
view hashes)