django-admin-grove 0.1.0__py3-none-any.whl

django_admin_grove/apps.py

@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class GroveConfig(AppConfig):
+    name = "django_admin_grove"
+    verbose_name = "Grove admin theme"
+    default_auto_field = "django.db.models.BigAutoField"

django_admin_grove/static/django_admin_grove/css/print.css

@@ -0,0 +1,42 @@
+/* Print layout for the whole admin: A4 landscape, no chrome, content only. */
+@page {
+  size: A4 landscape;
+  margin: 12mm;
+}
+
+/* Admin chrome and interactive controls */
+#header, #nav-sidebar, #toggle-nav-sidebar, .breadcrumbs, #footer,
+.messagelist, .object-tools,
+.report-screen-only,
+/* changelist controls */
+#changelist-filter, #changelist-search, #changelist #toolbar, #changelist .actions,
+.action-checkbox, .action-checkbox-column, #changelist .paginator a,
+/* change form controls */
+.submit-row, .related-widget-wrapper-link { display: none !important; }
+
+html, body { background: #fff !important; color: #000 !important; }
+#container, #main, #content, #content-main, #changelist, #changelist .results {
+  margin: 0 !important;
+  padding: 0 !important;
+  width: auto !important;
+  min-width: 0 !important;
+  max-width: none !important;
+  box-shadow: none !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  overflow: visible !important;
+}
+#content h1 { font-size: 16pt; margin: 0 0 4pt; }
+.report-print-only { display: block !important; margin: 0 0 8pt; font-size: 10pt; color: #333; }
+
+.module { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
+table { width: 100%; border-collapse: collapse; font-size: 9pt; }
+thead { display: table-header-group; }
+tr { page-break-inside: avoid; }
+th, td { padding: 2pt 4pt !important; border-bottom: 1px solid #ccc; background: transparent !important; color: #000 !important; }
+thead th { background: #eee !important; }
+thead th .text a, thead th .sortoptions { color: #000 !important; }
+a, a:link, a:visited { color: inherit !important; text-decoration: none !important; }
+
+/* Detail blocks print as the reader left them (open or closed). */
+details > summary { color: #000; }

django_admin_grove/static/django_admin_grove/css/theme.css

@@ -0,0 +1,262 @@
+/* Grove admin: forest greens and rounded surfaces.
+   Loaded after Django's page-specific and responsive styles. */
+:root, html[data-theme="light"], html[data-theme="dark"] {
+  --theme-bg: #ffffff;
+  --theme-surface: #f4f8f6;
+  --theme-text: #13201a;
+  --theme-muted: #5b6b63;
+  --theme-border: #dde7e2;
+  --theme-brand: #0c4b33;
+  --theme-accent: #2f9e73;
+  --theme-soft: #e3f4ec;
+  --dca-primary: var(--theme-brand);
+  --dca-secondary: var(--theme-soft);
+  --theme-on-brand: #ffffff;
+  --theme-warning: #b45309;
+  --theme-warning-bg: #fdf1e3;
+  --theme-error: #a52a36;
+  --theme-error-bg: #fff0f1;
+  --theme-radius: 14px;
+  --primary: var(--theme-brand);
+  --secondary: var(--theme-brand);
+  --accent: var(--theme-accent);
+  --primary-fg: var(--theme-on-brand);
+  --body-fg: var(--theme-text);
+  --body-bg: var(--theme-bg);
+  --body-quiet-color: var(--theme-muted);
+  --body-medium-color: var(--theme-muted);
+  --body-loud-color: var(--theme-text);
+  --header-color: var(--theme-muted);
+  --header-branding-color: var(--theme-text);
+  --header-bg: var(--theme-bg);
+  --header-link-color: var(--theme-brand);
+  --breadcrumbs-fg: var(--theme-muted);
+  --breadcrumbs-link-fg: var(--theme-brand);
+  --breadcrumbs-bg: var(--theme-surface);
+  --link-fg: var(--theme-brand);
+  --link-hover-color: var(--theme-accent);
+  --link-selected-fg: var(--theme-brand);
+  --hairline-color: var(--theme-border);
+  --border-color: var(--theme-border);
+  --error-fg: var(--theme-error);
+  --message-success-bg: var(--theme-soft);
+  --message-warning-bg: var(--theme-warning-bg);
+  --message-error-bg: var(--theme-error-bg);
+  --darkened-bg: var(--theme-surface);
+  --selected-bg: var(--theme-soft);
+  --selected-row: var(--theme-soft);
+  --button-fg: var(--theme-on-brand);
+  --button-bg: var(--theme-brand);
+  --button-hover-bg: #166445;
+  --default-button-bg: var(--theme-brand);
+  --default-button-hover-bg: #166445;
+  --close-button-bg: var(--theme-muted);
+  --close-button-hover-bg: var(--theme-text);
+  --delete-button-bg: var(--theme-error);
+  --delete-button-hover-bg: #82202a;
+  --object-tools-fg: var(--theme-on-brand);
+  --object-tools-bg: var(--theme-brand);
+  --object-tools-hover-bg: #166445;
+  --object-tools-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  --font-family-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-family-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --theme-bg: #0d1512;
+    --theme-surface: #121d18;
+    --theme-text: #e7efeb;
+    --theme-muted: #9aaba3;
+    --theme-border: #22322b;
+    --theme-brand: #7fd8b1;
+    --theme-accent: #44b78b;
+    --theme-soft: #163327;
+    --theme-on-brand: #0d1512;
+    --theme-warning: #f5a54a;
+    --theme-warning-bg: #33230f;
+    --theme-error: #ff9da6;
+    --theme-error-bg: #351c22;
+    --button-hover-bg: #a1e5c6;
+    --default-button-hover-bg: #a1e5c6;
+    --object-tools-hover-bg: #a1e5c6;
+    --object-tools-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%230d1512' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    --delete-button-hover-bg: #ffc2c8;
+  }
+}
+html[data-theme="dark"] {
+  --theme-bg: #0d1512;
+  --theme-surface: #121d18;
+  --theme-text: #e7efeb;
+  --theme-muted: #9aaba3;
+  --theme-border: #22322b;
+  --theme-brand: #7fd8b1;
+  --theme-accent: #44b78b;
+  --theme-soft: #163327;
+  --theme-on-brand: #0d1512;
+  --theme-warning: #f5a54a;
+  --theme-warning-bg: #33230f;
+  --theme-error: #ff9da6;
+  --theme-error-bg: #351c22;
+  --button-hover-bg: #a1e5c6;
+  --default-button-hover-bg: #a1e5c6;
+  --object-tools-hover-bg: #a1e5c6;
+  --object-tools-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%230d1512' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  --delete-button-hover-bg: #ffc2c8;
+}
+body { font-family: var(--font-family-primary); -webkit-font-smoothing: antialiased; }
+h1, h2, h3, h4 { letter-spacing: -.015em; }
+#content h1 { color: var(--theme-text); font-weight: 700; font-size: 1.7rem; }
+#header {
+  background: var(--theme-bg);
+  border-bottom: 1px solid var(--theme-border);
+  padding: 20px 32px;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+#site-name { margin: 0; font-size: 1.2rem; font-weight: 700; }
+#site-name a { display: inline-flex; align-items: center; gap: 10px; color: var(--theme-text); }
+
+#user-tools { color: var(--theme-muted); line-height: 1.7; }
+#header a:link, #header a:visited { color: var(--theme-brand); }
+#user-tools a, #logout-form button { border: 0; color: var(--theme-brand); }
+div.breadcrumbs { padding: 14px 32px; border-bottom: 1px solid var(--theme-border); }
+#content { padding: 28px 32px; }
+nav .module, #content-main>.module {
+  overflow: hidden;
+  border: 1px solid var(--theme-border);
+  border-radius: var(--theme-radius);
+  background: var(--theme-bg);
+  box-shadow: 0 12px 30px -26px rgba(12, 75, 51, .45);
+}
+.module h2, .module caption, .inline-group h2 {
+  background: var(--theme-surface);
+  color: var(--theme-text);
+  padding: 12px 16px;
+  font-weight: 600;
+}
+.module > h2, .module > table > caption, .inline-group > h2 {
+  border-radius: 13px 13px 0 0;
+  border-bottom: 1px solid var(--theme-border);
+}
+.module caption a:link, .module caption a:visited { color: var(--theme-brand); }
+.module table { width: 100%; }
+th, td { padding: 12px 14px; border-color: var(--theme-border); }
+thead th {
+  background: var(--theme-surface);
+  color: var(--theme-muted);
+  font-size: .75rem;
+  font-weight: 600;
+}
+thead th.sorted { background: var(--theme-soft); }
+.row1, .row2 { background: var(--theme-bg); }
+#result_list tbody tr:hover { background: var(--theme-surface); }
+#changelist { border-radius: var(--theme-radius); }
+#changelist .results { overflow-x: auto; }
+#changelist #toolbar { padding: 14px 16px; background: var(--theme-surface); border-color: var(--theme-border); }
+#changelist .actions { background: var(--theme-bg); padding: 12px 16px; }
+#changelist .paginator { background: var(--theme-surface); padding: 12px 16px; border-radius: 0 0 13px 13px; }
+#changelist-filter { background: var(--theme-surface); border-inline-start: 1px solid var(--theme-border); }
+#changelist-filter h2 { background: var(--theme-surface); color: var(--theme-text); }
+#changelist-filter h3 { font-size: .9rem; color: var(--theme-text); }
+#nav-sidebar { background: var(--theme-surface); border-color: var(--theme-border); padding: 12px 8px; }
+#nav-sidebar .module { margin-bottom: 12px; }
+#nav-sidebar th, #nav-sidebar td { padding: 10px; }
+#nav-sidebar .current-model { background: var(--theme-soft); }
+#toggle-nav-sidebar { background: var(--theme-bg); border-color: var(--theme-border); color: var(--theme-brand); }
+input, textarea, select, button { font-family: inherit; }
+input[type="text"], input[type="password"], input[type="email"], input[type="url"],
+input[type="number"], input[type="date"], input[type="search"], input[type="tel"],
+textarea, select, .vTextField, .vLargeTextField {
+  background: var(--theme-bg);
+  color: var(--theme-text);
+  border: 1px solid var(--theme-border);
+  border-radius: 8px;
+  padding: 9px 11px;
+}
+select { height: auto; min-height: 38px; line-height: 1.4; }
+input[type="checkbox"], input[type="radio"] { accent-color: var(--theme-accent); }
+a:focus-visible, button:focus-visible, input:focus-visible,
+textarea:focus-visible, select:focus-visible {
+  outline: 2px solid var(--theme-accent);
+  outline-offset: 3px;
+}
+.button, input[type="submit"], input[type="button"], .submit-row input,
+button[type="submit"] {
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background: var(--theme-brand);
+  color: var(--theme-on-brand);
+  padding: 10px 18px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.button:hover, input[type="submit"]:hover, input[type="button"]:hover,
+button[type="submit"]:hover:hover { background: var(--button-hover-bg); }
+#logout-form button { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--theme-brand); font-weight: inherit; }
+/* Tool links and the actions select share one box. The selectors match
+   Django's own .object-tools a:link specificity so the padding applies. */
+.object-tools a:link, .object-tools a:visited, .object-tools select {
+  display: block;
+  float: left;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 8px 16px;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background-color: var(--object-tools-bg);
+  color: var(--object-tools-fg);
+  font-size: 0.6875rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+.object-tools a:hover, .object-tools a:focus, .object-tools select:hover { background-color: var(--object-tools-hover-bg); }
+.object-tools a.addlink, .object-tools a.viewsitelink { padding-right: 32px; background-position: right 12px center; }
+.object-tools li { height: auto; margin-left: 10px; }
+.object-tools select {
+  min-height: 0;
+  padding-right: 38px;
+  background-image: var(--object-tools-chevron);
+  background-repeat: no-repeat;
+  background-position: right 14px center;
+  appearance: none;
+  -webkit-appearance: none;
+  cursor: pointer;
+}
+.object-tools select:focus-visible { outline-offset: 2px; }
+.object-tools select option { background: var(--theme-bg); color: var(--theme-text); font-weight: 400; text-transform: none; letter-spacing: 0; }
+.submit-row { background: var(--theme-surface); border: 1px solid var(--theme-border); border-radius: var(--theme-radius); padding: 16px; }
+.submit-row a.deletelink { border-radius: 999px; }
+.form-row { padding: 16px; border-color: var(--theme-border); }
+.form-row label { color: var(--theme-text); }
+.help, p.help, .quiet { color: var(--theme-muted); }
+.inline-group { border: 1px solid var(--theme-border); border-radius: var(--theme-radius); }
+.inline-group .module { border: 0; border-radius: 0; box-shadow: none; }
+.inline-group .tabular { overflow-x: auto; }
+/* The row label is absolutely positioned inside td.original and sits at that
+   cell's static top; it must keep Django's 2px padding while the other cells
+   make room below it. */
+.inline-group .tabular tr.has_original td { padding-top: 2.25rem; }
+.inline-group .tabular tr.has_original td.original { padding-top: 2px; }
+.inline-group .tabular tr.add-row td { background: var(--theme-soft); padding: 12px 16px; }
+ul.messagelist li { border-radius: 10px; margin: 12px 0; color: var(--theme-text); }
+.errornote, ul.errorlist { color: var(--theme-error); background: var(--theme-error-bg); border-color: var(--theme-error); }
+.login #container { border: 1px solid var(--theme-border); border-radius: var(--theme-radius); box-shadow: 0 20px 50px -30px rgba(12, 75, 51, .45); }
+.login #header { border-radius: 13px 13px 0 0; padding: 20px 24px; }
+.login #content { padding: 24px; }
+.login .submit-row { background: transparent; border: 0; }
+.login .form-row input { box-sizing: border-box; }
+@media (max-width: 767px) {
+  #header { padding: 16px; }
+  #content { padding: 20px 16px; }
+  div.breadcrumbs { padding: 12px 16px; }
+  #content h1 { font-size: 1.4rem; }
+  .form-row { padding: 12px; }
+  .submit-row { gap: 8px; }
+  .login #container { width: auto; max-width: 28rem; margin: 40px 16px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { scroll-behavior: auto; }
+}
+.report-print-only { display: none; }

django_admin_grove/templates/admin/base.html

@@ -0,0 +1,9 @@
+{% extends "admin/base.html" %}
+{% load static %}
+
+{% block responsive %}
+{{ block.super }}
+<link rel="stylesheet" href="{% static 'django_admin_grove/css/theme.css' %}">
+<link rel="stylesheet" media="print" href="{% static 'django_admin_grove/css/print.css' %}">
+{% block grove_styles %}{% endblock %}
+{% endblock %}

django_admin_grove-0.1.0.dist-info/METADATA

@@ -0,0 +1,91 @@
+Metadata-Version: 2.4
+Name: django-admin-grove
+Version: 0.1.0
+Summary: A forest-green theme for Django admin, with light, dark, and print styles.
+Author: Fabian Braun
+Classifier: Framework :: Django
+Classifier: Framework :: Django :: 5.2
+Classifier: Framework :: Django :: 6.0
+Classifier: Programming Language :: Python :: 3
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+Requires-Dist: Django<6.1,>=5.2
+
+# Django Admin Grove
+
+A forest-green theme for Django admin with rounded surfaces, light and dark modes,
+responsive layouts, and a print stylesheet. No JavaScript, external fonts, models,
+or migrations are required. Uses Django's existing theme toggle and branding.
+
+## Installation
+
+Install directly from Codeberg:
+
+```sh
+python -m pip install git+https://codeberg.org/fsbraun/django-admin-grove
+```
+
+Add Grove **before** Django's admin app (including custom AdminConfig subclasses):
+
+```python
+INSTALLED_APPS = [
+    "django_admin_grove",
+    "django.contrib.admin",
+    # ...
+]
+```
+
+Use Django's app template loader (`APP_DIRS = True`, or the explicit
+`django.template.loaders.app_directories.Loader`) and staticfiles as usual.
+Run `python manage.py collectstatic` for production deployments.
+No URL configuration or database changes are needed. Django CMS is optional.
+
+Supports Django 5.2 and 6.0; use a Python version supported by your Django release.
+
+## Customization
+
+Set `admin.site.site_header`, `site_title`, and `index_title` normally, or override
+`admin/base_site.html` in your project. Grove leaves Django's branding blocks intact.
+Project templates should extend `admin/base.html` and keep `block.super` when
+replacing the `responsive` block.
+
+Load project CSS after Grove using its `grove_styles` block:
+
+```django
+{% extends "admin/base.html" %}
+{% load static %}
+{% block grove_styles %}
+<link rel="stylesheet" href="{% static 'myproject/admin.css' %}">
+{% endblock %}
+```
+
+Override the `--theme-*` CSS variables for colors and surfaces. Match Grove's
+`html[data-theme="light"]` and `html[data-theme="dark"]` selectors when customizing
+both modes. System preferences apply when Django selects automatic mode.
+The `--dca-primary` and `--dca-secondary` variables follow the active palette.
+
+Printing uses A4 landscape and hides admin controls. Use `.report-screen-only`
+to hide custom controls in print and `.report-print-only` for print-only context.
+Domain-specific selectors and branding belong in the consuming project.
+
+## Development
+
+```sh
+python -m pip install -e .
+python -m django test tests --settings=tests.settings
+python -m pip install build
+python -m build
+```
+
+Tests run against plain Django admin with an in-memory database.
+
+## Publishing
+
+Enable Actions in the Codeberg repository settings and make a runner with the
+`codeberg-local` label available. Add a PyPI API token as the Actions secret
+`PYPI_API_TOKEN`.
+
+Update the version in `pyproject.toml`, then publish a Codeberg release with a
+matching tag (for example, `0.1.0` or `v0.1.0`). The publication workflow checks
+the version, runs the tests, builds and validates the wheel and source
+distribution, and uploads both to PyPI.

django_admin_grove-0.1.0.dist-info/RECORD

@@ -0,0 +1,9 @@
+django_admin_grove/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
+django_admin_grove/apps.py,sha256=OK_8GWFFX07pwdiqYTc67T9nKAKnaN2k9s7Huy037gY,194
+django_admin_grove/static/django_admin_grove/css/print.css,sha256=hhIJyD3jP0GyTS2kh5_YOq8ijbM6Plow-0cgOhE-wpg,1777
+django_admin_grove/static/django_admin_grove/css/theme.css,sha256=4MicT4RCQUBYlyfRvgY1f0SbsQeuKfK191Ze4SVwd_o,11798
+django_admin_grove/templates/admin/base.html,sha256=8g2Lw7JLA63W-44f2NyCJfqU8CVshNw0D-0PkKQFR1o,318
+django_admin_grove-0.1.0.dist-info/METADATA,sha256=c3pylesa7-h4MOIUW_fnFBORARM0j-hELXeaOcaaV6U,3142
+django_admin_grove-0.1.0.dist-info/WHEEL,sha256=mOdXR9C3wMVov7cSY8PY-XCzo3SmmWCHvGQr5csJoao,91
+django_admin_grove-0.1.0.dist-info/top_level.txt,sha256=5PMtze9yfOVQVGUkubEd7H7KA2eTtQNbxMJgce0fJnQ,19
+django_admin_grove-0.1.0.dist-info/RECORD,,

django_admin_grove-0.1.0.dist-info/WHEEL

@@ -0,0 +1,5 @@
+Wheel-Version: 1.0
+Generator: setuptools (84.2.1)
+Root-Is-Purelib: true
+Tag: py3-none-any
+

django_admin_grove-0.1.0.dist-info/top_level.txt

@@ -0,0 +1 @@
+django_admin_grove