django-bootstrap6-admin 0.1.2__tar.gz → 0.2.1__tar.gz

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/CHANGELOG.md

@@ -7,6 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.1] - 2026-11-15
+
+### Added
+
+- The "View site" link is now always visible in the admin top bar instead of
+  being hidden in the user menu.
+
+### Changed
+
+- Refreshed the palette and surface treatment to match the warm near-black and
+  yellow visual language of the Pardus Teknofest project.
+- Updated the login screen brand mark and browser theme colour to the new
+  palette.
+- Documented that the admin follows Django's active language instead of being
+  hard-coded to English.
+
+## [0.2.0] - 2026-11-15
+
+### Added
+
+- The desktop filter panel can now be collapsed and expanded, and the
+  collapsed state is remembered between changelist pages.
+- The "Show counts" / "Hide counts" choice is remembered across changelist
+  pages instead of resetting on navigation.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history table.
+
+### Fixed
+
+- Removed the duplicate native dropdown arrow on the bulk-action select.
+- Improved dark-theme text contrast for secondary labels, table headers,
+  filter links, help text and links.
+
 ## [0.1.2] - 2026-11-15
 
 ### Fixed

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/CONTRIBUTING.md

@@ -71,8 +71,8 @@ environment and compiles every bundled template as a smoke test.
 5. Create and push an annotated tag:
 
    ```bash
-   git tag -a v0.1.0 -m "django-bootstrap6-admin 0.1.0"
-   git push origin v0.1.0
+   git tag -a v0.2.1 -m "django-bootstrap6-admin 0.2.1"
+   git push origin v0.2.1
    ```
 
 6. The `Release` workflow builds the distributions, verifies that the tag

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-bootstrap6-admin
-Version: 0.1.2
+Version: 0.2.1
 Summary: A modern Bootstrap 6 skin for the Django admin.
 Author-email: Aliberk Sandıkçı <git@asandikci.com>
 Maintainer-email: Aliberk Sandıkçı <git@asandikci.com>
@@ -53,16 +53,23 @@ permissions and JavaScript remain in charge.
 ## Features
 
 - Bootstrap 6 markup and design tokens throughout the admin.
+- "View site" is always available in the top bar, not buried in the user menu.
 - Sticky top bar with a collapsible sidebar (desktop) and drawer navigation
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
 - Every click changes the visible theme: if `auto` would resolve to the theme
@@ -75,8 +82,8 @@ permissions and JavaScript remain in charge.
 - CSP-aware: bundled scripts and styles use Django 6.1's
   `{% csp_nonce_attr %}` tag, so nonce-based policies work out of the box.
 - Generic by design: no models, no migrations, no project-specific imports and
-  no assumptions about the host project's branding. The default navy/gold
-  palette is only a set of overridable CSS variables.
+  no assumptions about the host project's branding. The default warm
+  near-black/yellow palette is only a set of overridable CSS variables.
 
 ## Requirements
 
@@ -188,14 +195,15 @@ custom admin CSS file:
 
 ```css
 :root {
-    --ba-topbar-bg: #1f2937;
-    --ba-gold: #f59e0b;
+    --ba-topbar-bg: #231f20;
+    --ba-gold: #ffcb08;
+    --ba-canvas: #f6f6f4;
     --ba-sidebar-width: 300px;
 }
 ```
 
-The default primary and danger colours are deliberately deeper than Bootstrap
-6's defaults so white button text meets WCAG AA contrast.
+The default primary is the warm yellow accent with dark text, and the danger
+colour remains a deep red for readable white labels.
 
 The select controls use small `data:` SVG arrows. If you enable a strict CSP,
 allow `img-src 'self' data:` (or replace the arrows in your own CSS).
@@ -223,6 +231,16 @@ There is no runtime state to clean up.
   - `bootstrap.bundle.min.js`:
     `47ea447f46e288dd9d3e83147b7ba539c6df5192c047b8f91739cd56a5721148`
 
+### Language
+
+Django's admin is translated using the active language; it is not fixed to
+English. With `LANGUAGE_CODE = "tr"`, Django's own admin labels are Turkish,
+and this theme follows the same project language. The package's source strings
+are English and are translated when a matching locale is installed. To keep
+the admin in English while the public site uses another language, activate
+English for `/admin/` in your project (for example with a small middleware),
+or set `LANGUAGE_CODE = "en-us"` if the whole site should be English.
+
 ## Development
 
 The test suite uses an isolated settings module and a small demo app. Create a

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/README.md

@@ -16,16 +16,23 @@ permissions and JavaScript remain in charge.
 ## Features
 
 - Bootstrap 6 markup and design tokens throughout the admin.
+- "View site" is always available in the top bar, not buried in the user menu.
 - Sticky top bar with a collapsible sidebar (desktop) and drawer navigation
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
 - Every click changes the visible theme: if `auto` would resolve to the theme
@@ -38,8 +45,8 @@ permissions and JavaScript remain in charge.
 - CSP-aware: bundled scripts and styles use Django 6.1's
   `{% csp_nonce_attr %}` tag, so nonce-based policies work out of the box.
 - Generic by design: no models, no migrations, no project-specific imports and
-  no assumptions about the host project's branding. The default navy/gold
-  palette is only a set of overridable CSS variables.
+  no assumptions about the host project's branding. The default warm
+  near-black/yellow palette is only a set of overridable CSS variables.
 
 ## Requirements
 
@@ -151,14 +158,15 @@ custom admin CSS file:
 
 ```css
 :root {
-    --ba-topbar-bg: #1f2937;
-    --ba-gold: #f59e0b;
+    --ba-topbar-bg: #231f20;
+    --ba-gold: #ffcb08;
+    --ba-canvas: #f6f6f4;
     --ba-sidebar-width: 300px;
 }
 ```
 
-The default primary and danger colours are deliberately deeper than Bootstrap
-6's defaults so white button text meets WCAG AA contrast.
+The default primary is the warm yellow accent with dark text, and the danger
+colour remains a deep red for readable white labels.
 
 The select controls use small `data:` SVG arrows. If you enable a strict CSP,
 allow `img-src 'self' data:` (or replace the arrows in your own CSS).
@@ -186,6 +194,16 @@ There is no runtime state to clean up.
   - `bootstrap.bundle.min.js`:
     `47ea447f46e288dd9d3e83147b7ba539c6df5192c047b8f91739cd56a5721148`
 
+### Language
+
+Django's admin is translated using the active language; it is not fixed to
+English. With `LANGUAGE_CODE = "tr"`, Django's own admin labels are Turkish,
+and this theme follows the same project language. The package's source strings
+are English and are translated when a matching locale is installed. To keep
+the admin in English while the public site uses another language, activate
+English for `/admin/` in your project (for example with a small middleware),
+or set `LANGUAGE_CODE = "en-us"` if the whole site should be English.
+
 ## Development
 
 The test suite uses an isolated settings module and a small demo app. Create a

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin/__init__.py

@@ -1,3 +1,3 @@
 """Bootstrap 6 skin for the Django admin."""
 
-__version__ = "0.1.2"
+__version__ = "0.2.1"

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin/static/django_bootstrap6_admin/css/admin.css

@@ -12,42 +12,45 @@
     --ba-sidebar-width: 272px;
     --ba-content-max: 1600px;
 
-    --ba-topbar-bg: light-dark(#172b45, #0c1520);
-    --ba-topbar-fg: light-dark(#f3f7fb, #e5edf6);
-    --ba-topbar-muted: light-dark(#aebed0, #9fb0c2);
-    --ba-canvas: light-dark(#f4f6f9, #0d141c);
-    --ba-surface: light-dark(#ffffff, #151f2b);
-    --ba-surface-muted: light-dark(#f8fafc, #111a24);
-    --ba-border: light-dark(#dce3eb, #2d3a4b);
-    --ba-border-strong: light-dark(#c6d0dc, #3b4b5f);
-    --ba-gold: light-dark(#c99b54, #d6b46f);
-    --ba-shadow-sm: 0 1px 2px rgb(23 43 69 / 0.06);
-    --ba-shadow-md: 0 0.5rem 1.5rem rgb(23 43 69 / 0.08);
-    --ba-shadow-lg: 0 1rem 3rem rgb(23 43 69 / 0.16);
-    --ba-radius: var(--bs-radius-7);
-    --ba-radius-sm: var(--bs-radius-5);
-    --ba-text-muted: light-dark(#536274, #b3bfcd);
-    --ba-control-border: light-dark(#7f8d9d, #6b7d91);
+    --ba-topbar-bg: light-dark(#231f20, #242122);
+    --ba-topbar-fg: light-dark(#f6f4f4, #f2efef);
+    --ba-topbar-muted: light-dark(#d8d3d2, #c6c0c0);
+    --ba-canvas: light-dark(#f6f6f4, #191718);
+    --ba-surface: light-dark(#ffffff, #222021);
+    --ba-surface-muted: light-dark(#fafaf8, #292627);
+    --ba-border: light-dark(#e3e3df, #3a3637);
+    --ba-border-strong: light-dark(#cfcfc8, #4a4546);
+    --ba-gold: light-dark(#ffcb08, #d8ab32);
+    --ba-shadow-sm: 0 1px 2px rgb(35 31 32 / 0.05);
+    --ba-shadow-md: 0 0.35rem 1rem rgb(35 31 32 / 0.07);
+    --ba-shadow-lg: 0 0.75rem 2rem rgb(35 31 32 / 0.12);
+    --ba-radius: 6px;
+    --ba-radius-sm: 4px;
+    --ba-text-muted: light-dark(#65605f, #c6c0c0);
+    --ba-control-border: light-dark(#b8b3ad, #6b6464);
 
     /*
-     * Bootstrap 6's default primary is a very bright blue; white text on it
-     * only reaches ~3.5:1. Use a deeper, accessible blue for light mode and a
-     * slightly lighter one for dark mode.
+     * The Pardus Teknofest palette uses a warm near-black surface and a
+     * saturated yellow accent with dark text. Keep the primary role usable as
+     * an accent rather than a blue action colour.
      */
-    --bs-primary-base: light-dark(#315e9b, #3f6ea8);
-    --bs-primary-bg: light-dark(#315e9b, #3f6ea8);
-    --bs-primary-contrast: #fff;
-    --bs-primary-fg: light-dark(#244a7d, #a9c8ec);
-    --bs-primary-fg-emphasis: light-dark(#1d3c66, #cfe1f7);
-    --bs-primary-bg-subtle: light-dark(#eaf0f7, #23364b);
-    --bs-primary-bg-muted: light-dark(#d9e4f1, #2f4a66);
-    --bs-primary-border: light-dark(#6688b0, #6f95b8);
-    --bs-secondary-border: light-dark(#8a97a6, #6b7d91);
+    --bs-primary-base: light-dark(#ffcb08, #d8ab32);
+    --bs-primary-bg: light-dark(#ffcb08, #d8ab32);
+    --bs-primary-contrast: #231f20;
+    --bs-primary-fg: light-dark(#7a5a00, #e8c66e);
+    --bs-primary-fg-emphasis: light-dark(#5f4600, #f3d98f);
+    --bs-primary-bg-subtle: light-dark(#fff6d6, #342c18);
+    --bs-primary-bg-muted: light-dark(#ffeaa1, #4a3d1e);
+    --bs-primary-border: light-dark(#d4a900, #8a6a19);
+    --bs-secondary-border: light-dark(#b8b3ad, #6b6464);
     --bs-primary-focus-ring: color-mix(
         in oklch,
-        var(--bs-primary-bg) 55%,
-        var(--bs-bg-body)
+        var(--bs-primary-bg) 45%,
+        transparent
     );
+    --bs-link-color: light-dark(#8a6500, #e8c66e);
+    --bs-link-hover-color: light-dark(#6f5000, #f3d98f);
+    --bs-border-muted: light-dark(#e3e3df, #3a3637);
 
     --bs-danger-base: light-dark(#b4233a, #c23a53);
     --bs-danger-bg: light-dark(#b4233a, #c23a53);
@@ -62,8 +65,8 @@
         var(--bs-danger-bg) 55%,
         var(--bs-bg-body)
     );
-    --ba-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-    --ba-select-arrow-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab6c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    --ba-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237a7472' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    --ba-select-arrow-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c6c0c0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 
     /* Django admin CSS variables used by widgets.css / autocomplete.css. */
     --primary: var(--bs-primary-bg);
@@ -111,6 +114,23 @@
    2. Base
    -------------------------------------------------------------------------- */
 
+/*
+ * Bootstrap's dark gray-500/600 secondary text is too dim on the deep navy
+ * admin surfaces, especially at the small sizes used by filters, table
+ * headers and action help. Lift those tokens for the effective dark theme.
+ */
+[data-bs-theme="dark"],
+[data-effective-theme="dark"] {
+    --bs-fg-1: #f2efef;
+    --bs-fg-2: #dedada;
+    --bs-fg-3: #c6c0c0;
+    --bs-fg-4: #b0aaa9;
+    --ba-text-muted: #c6c0c0;
+    --bs-link-color: #e8c66e;
+    --bs-link-hover-color: #f3d98f;
+    --bs-border-muted: #3a3637;
+}
+
 html {
     min-height: 100%;
 }
@@ -353,14 +373,9 @@ samp {
     inset-inline-start: 0;
     width: 100%;
     height: 3px;
-    background: linear-gradient(
-        90deg,
-        var(--ba-gold) 0,
-        var(--ba-gold) 4.5rem,
-        transparent 4.5rem
-    );
+    background: var(--ba-gold);
     content: "";
-    opacity: 0.9;
+    opacity: 1;
     pointer-events: none;
 }
 
@@ -421,13 +436,12 @@ samp {
     place-items: center;
     width: 2.35rem;
     height: 2.35rem;
-    border-radius: 0.65rem;
-    background: #fff;
-    color: var(--ba-topbar-bg);
+    border-radius: var(--ba-radius-sm);
+    background: var(--ba-gold);
+    color: #231f20;
     font-size: 1.05rem;
     font-weight: 800;
     line-height: 1;
-    box-shadow: 0 2px 0 rgb(0 0 0 / 0.12);
 }
 
 .ba-brand-text {
@@ -462,6 +476,32 @@ samp {
     margin-inline-start: auto;
 }
 
+.ba-view-site {
+    --bs-btn-color: var(--ba-topbar-fg);
+    --bs-btn-bg: transparent;
+    --bs-btn-border-color: rgb(255 255 255 / 0.22);
+    --bs-btn-hover-bg: rgb(255 255 255 / 0.1);
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-border-color: rgb(255 255 255 / 0.38);
+    --bs-btn-active-bg: rgb(255 255 255 / 0.16);
+    --bs-btn-active-color: #fff;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.35rem;
+    min-height: 2.35rem;
+    padding: 0.25rem 0.7rem;
+    border-radius: var(--ba-radius-sm);
+    font-size: 0.8rem;
+    font-weight: 600;
+    white-space: nowrap;
+}
+
+.ba-view-site .ba-icon {
+    width: 0.9rem;
+    height: 0.9rem;
+}
+
 .ba-theme-toggle {
     --bs-btn-color: var(--ba-topbar-fg);
     --bs-btn-bg: transparent;
@@ -473,7 +513,7 @@ samp {
     --bs-btn-active-color: #fff;
     width: 2.35rem;
     height: 2.35rem;
-    border-radius: 50%;
+    border-radius: var(--ba-radius-sm);
 }
 
 #branding > .ba-theme-toggle {
@@ -522,7 +562,7 @@ html[data-effective-theme="dark"] .theme-icon-when-dark {
     --bs-btn-active-color: #fff;
     min-height: 2.35rem;
     padding: 0.25rem 0.55rem 0.25rem 0.3rem;
-    border-radius: 999px;
+    border-radius: var(--ba-radius-sm);
 }
 
 .ba-user-avatar {
@@ -533,7 +573,7 @@ html[data-effective-theme="dark"] .theme-icon-when-dark {
     height: 1.8rem;
     border-radius: 50%;
     background: var(--ba-gold);
-    color: #172b45;
+    color: #231f20;
     font-size: 0.78rem;
     font-weight: 800;
 }
@@ -1365,7 +1405,7 @@ a.ba-timeline-object:focus {
 }
 
 .ba-filters-toggle-row {
-    display: none;
+    display: flex;
 }
 
 .ba-filters-toggle {
@@ -1551,6 +1591,20 @@ a.ba-date-chip:focus {
     border-block-end: 0;
 }
 
+/* Very light column rules keep dense admin tables readable without making
+ * every cell look boxed in. */
+#result_list thead th:not(:last-child),
+#result_list tbody th:not(:last-child),
+#result_list tbody td:not(:last-child),
+.ba-inline-table thead th:not(:last-child),
+.ba-inline-table tbody th:not(:last-child),
+.ba-inline-table tbody td:not(:last-child),
+.ba-history-table thead th:not(:last-child),
+.ba-history-table tbody th:not(:last-child),
+.ba-history-table tbody td:not(:last-child) {
+    border-inline-end: 1px solid var(--bs-border-muted);
+}
+
 #result_list tbody tr.selected > * {
     background: var(--bs-primary-bg-subtle) !important;
 }
@@ -1597,13 +1651,15 @@ a.ba-date-chip:focus {
 
 #result_list select {
     padding-inline-end: 1.6rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.45rem center;
     background-repeat: no-repeat;
     background-size: 0.65rem;
 }
 
-[data-bs-theme="dark"] #result_list select {
+[data-bs-theme="dark"] #result_list select,
+[data-effective-theme="dark"] #result_list select {
     background-image: var(--ba-select-arrow-dark);
 }
 
@@ -2177,6 +2233,7 @@ label.required::after {
 .ba-form-group select,
 .ba-actions select {
     padding-inline-end: 2rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.7rem center;
     background-repeat: no-repeat;
@@ -2185,7 +2242,10 @@ label.required::after {
 
 [data-bs-theme="dark"] .ba-field select,
 [data-bs-theme="dark"] .ba-form-group select,
-[data-bs-theme="dark"] .ba-actions select {
+[data-bs-theme="dark"] .ba-actions select,
+[data-effective-theme="dark"] .ba-field select,
+[data-effective-theme="dark"] .ba-form-group select,
+[data-effective-theme="dark"] .ba-actions select {
     background-image: var(--ba-select-arrow-dark);
 }
 
@@ -2551,13 +2611,15 @@ div.help ul {
 
 .ba-inline-table select {
     padding-inline-end: 1.6rem;
+    appearance: none;
     background-image: var(--ba-select-arrow);
     background-position: right 0.45rem center;
     background-repeat: no-repeat;
     background-size: 0.65rem;
 }
 
-[data-bs-theme="dark"] .ba-inline-table select {
+[data-bs-theme="dark"] .ba-inline-table select,
+[data-effective-theme="dark"] .ba-inline-table select {
     background-image: var(--ba-select-arrow-dark);
 }
 
@@ -2905,7 +2967,7 @@ body.login .ba-topbar-inner {
     padding: 2.5rem;
     border-radius: calc(var(--ba-radius) + 0.25rem);
     background:
-        radial-gradient(circle at 18% 18%, rgb(201 155 84 / 0.2), transparent 42%),
+        radial-gradient(circle at 18% 18%, rgb(255 203 8 / 0.18), transparent 42%),
         var(--ba-topbar-bg);
     color: var(--ba-topbar-fg);
     box-shadow: var(--ba-shadow-lg);
@@ -2927,9 +2989,9 @@ body.login .ba-topbar-inner {
     place-items: center;
     width: 3rem;
     height: 3rem;
-    border-radius: 0.8rem;
-    background: #fff;
-    color: var(--ba-topbar-bg);
+    border-radius: var(--ba-radius);
+    background: var(--ba-gold);
+    color: #231f20;
     font-size: 1.3rem;
     font-weight: 800;
 }
@@ -3202,6 +3264,16 @@ body.popup .ba-submit-row {
    13. Responsive
    -------------------------------------------------------------------------- */
 
+@media (min-width: 1200px) {
+    #changelist.ba-filters-collapsed .ba-changelist-layout {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    #changelist.ba-filters-collapsed .ba-filters {
+        display: none;
+    }
+}
+
 @media (max-width: 1199.98px) {
     .ba-dashboard {
         grid-template-columns: minmax(0, 1fr);
@@ -3346,6 +3418,15 @@ body.popup .ba-submit-row {
         padding-inline: 0.25rem;
     }
 
+    .ba-view-site {
+        width: 2.35rem;
+        padding: 0;
+    }
+
+    .ba-view-site-label {
+        display: none;
+    }
+
     .ba-brand-title {
         max-width: 11rem;
         font-size: 0.9rem;

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin/static/django_bootstrap6_admin/js/admin.js

@@ -10,7 +10,10 @@
  */
 (() => {
     const MOBILE = window.matchMedia("(max-width: 1023.98px)");
+    const DESKTOP = window.matchMedia("(min-width: 1200px)");
     const STORAGE_KEY = "django.admin.navSidebarIsOpen";
+    const FILTERS_KEY = "django.admin.filtersCollapsed";
+    const FACETS_KEY = "django.admin.showFacets";
 
     function initSidebar() {
         const main = document.getElementById("main");
@@ -228,16 +231,50 @@
             return;
         }
 
+        const isCollapsed = () =>
+            changelist.classList.contains("ba-filters-collapsed");
+
         const sync = () => {
-            toggle.setAttribute(
-                "aria-expanded",
-                changelist.classList.contains("ba-filters-open")
-                    ? "true"
-                    : "false",
-            );
+            const expanded = DESKTOP.matches
+                ? !isCollapsed()
+                : changelist.classList.contains("ba-filters-open");
+            toggle.setAttribute("aria-expanded", expanded ? "true" : "false");
+            if (panel) {
+                panel.toggleAttribute(
+                    "inert",
+                    DESKTOP.matches && isCollapsed(),
+                );
+            }
         };
 
+        const setCollapsed = (collapsed) => {
+            changelist.classList.toggle("ba-filters-collapsed", collapsed);
+            if (DESKTOP.matches) {
+                localStorage.setItem(
+                    FILTERS_KEY,
+                    collapsed ? "true" : "false",
+                );
+            }
+            sync();
+        };
+
+        // Restore the desktop preference. On mobile the panel is a drawer and
+        // the collapsed class has no visual effect.
+        if (DESKTOP.matches && localStorage.getItem(FILTERS_KEY) === "true") {
+            changelist.classList.add("ba-filters-collapsed");
+        }
+
         toggle.addEventListener("click", () => {
+            if (DESKTOP.matches) {
+                const collapsed = !isCollapsed();
+                setCollapsed(collapsed);
+                if (!collapsed) {
+                    const target = panel?.querySelector("summary, a, button");
+                    window.requestAnimationFrame(() => target?.focus());
+                }
+                return;
+            }
+
             changelist.classList.toggle("ba-filters-open");
             sync();
             if (changelist.classList.contains("ba-filters-open")) {
@@ -249,15 +286,69 @@
 
         if (close) {
             close.addEventListener("click", () => {
+                setCollapsed(true);
                 changelist.classList.remove("ba-filters-open");
                 sync();
                 toggle.focus();
             });
         }
 
+        if (DESKTOP.addEventListener) {
+            DESKTOP.addEventListener("change", () => {
+                if (DESKTOP.matches) {
+                    changelist.classList.toggle(
+                        "ba-filters-collapsed",
+                        localStorage.getItem(FILTERS_KEY) === "true",
+                    );
+                    changelist.classList.remove("ba-filters-open");
+                }
+                sync();
+            });
+        }
+
         sync();
     }
 
+    function initFacetPreference() {
+        const panel = document.getElementById("changelist-filter");
+        if (!panel) {
+            return;
+        }
+
+        const links = document.querySelectorAll(
+            ".ba-filters-actions .hidelink, .ba-filters-actions .viewlink",
+        );
+        if (!links.length) {
+            return;
+        }
+
+        links.forEach((link) => {
+            link.addEventListener("click", () => {
+                const show = link.classList.contains("viewlink");
+                localStorage.setItem(FACETS_KEY, show ? "true" : "false");
+            });
+        });
+
+        const stored = localStorage.getItem(FACETS_KEY);
+        if (stored !== "true" && stored !== "false") {
+            return;
+        }
+
+        const url = new URL(window.location.href);
+        const hasFacets = url.searchParams.has("_facets");
+        const showFacets = stored === "true";
+        if (hasFacets === showFacets) {
+            return;
+        }
+
+        if (showFacets) {
+            url.searchParams.set("_facets", "1");
+        } else {
+            url.searchParams.delete("_facets");
+        }
+        window.location.replace(url.toString());
+    }
+
     function initDirtyGuard() {
         const form =
             document.querySelector(".ba-change-form form") ||
@@ -327,6 +418,7 @@
     function initAll() {
         initSidebar();
         initFilterDisclosure();
+        initFacetPreference();
         initDirtyGuard();
         initErrorFocus();
         initAccessibility();

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin/templates/admin/base.html

@@ -6,8 +6,8 @@
   <title>{% block title %}{% endblock %}</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="color-scheme" content="light dark">
-  <meta name="theme-color" content="#172b45" media="(prefers-color-scheme: light)">
-  <meta name="theme-color" content="#0c1520" media="(prefers-color-scheme: dark)">
+  <meta name="theme-color" content="#231f20" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="#242122" media="(prefers-color-scheme: dark)">
   <script src="{% static 'django_bootstrap6_admin/js/theme.js' %}" {% csp_nonce_attr %}></script>
   <link rel="stylesheet" href="{% static 'django_bootstrap6_admin/vendor/bootstrap/css/bootstrap.min.css' %}" {% csp_nonce_attr %}>
   <link rel="stylesheet" href="{% static 'admin/css/widgets.css' %}" {% csp_nonce_attr %}>
@@ -48,58 +48,60 @@
           </div>
 
           {% block usertools %}
-            {% if has_permission %}
+            {% if site_url or has_permission %}
               <div id="user-tools" class="ba-user-tools">
-                {% include "admin/color_theme_toggle.html" %}
-                {% firstof user.get_short_name user.get_username as user_name %}
-                <div class="ba-user-menu-wrap">
-                  <button type="button" class="btn btn-outline theme-secondary ba-user-menu-button"
-                          data-bs-toggle="menu" data-bs-target="#ba-user-menu"
-                          aria-expanded="false" aria-haspopup="true">
-                    <span class="visually-hidden">{% translate 'User menu' %}</span>
-                    <span class="ba-user-avatar" aria-hidden="true">{{ user_name|first|upper }}</span>
-                    <span class="ba-user-name">{% firstof user.get_short_name user.get_username %}</span>
-                    <svg class="ba-icon ba-chevron" aria-hidden="true"><use href="#ba-chevron-down"></use></svg>
-                  </button>
-                  <div class="menu ba-user-menu" id="ba-user-menu">
-                    {% block welcome-msg %}
-                      <div class="menu-header">
-                        {% translate 'Welcome,' %} <strong>{% firstof user.get_short_name user.get_username %}</strong>.
-                      </div>
-                    {% endblock %}
-                    {% block userlinks %}
-                      {% if site_url %}
-                        <a class="menu-item" href="{{ site_url }}">
-                          <svg class="ba-icon" aria-hidden="true"><use href="#ba-external"></use></svg>
-                          {% translate 'View site' %}
-                        </a>
-                      {% endif %}
-                      {% if user.is_active and user.is_staff %}
-                        {% url 'django-admindocs-docroot' as docsroot %}
-                        {% if docsroot %}
-                          <a class="menu-item" href="{{ docsroot }}">
-                            <svg class="ba-icon" aria-hidden="true"><use href="#ba-document"></use></svg>
-                            {% translate 'Documentation' %}
+                {% if site_url %}
+                  <a class="btn btn-outline ba-view-site" href="{{ site_url }}">
+                    <svg class="ba-icon" aria-hidden="true"><use href="#ba-external"></use></svg>
+                    <span class="ba-view-site-label">{% translate 'View site' %}</span>
+                  </a>
+                {% endif %}
+                {% if has_permission %}
+                  {% include "admin/color_theme_toggle.html" %}
+                  {% firstof user.get_short_name user.get_username as user_name %}
+                  <div class="ba-user-menu-wrap">
+                    <button type="button" class="btn btn-outline theme-secondary ba-user-menu-button"
+                            data-bs-toggle="menu" data-bs-target="#ba-user-menu"
+                            aria-expanded="false" aria-haspopup="true">
+                      <span class="visually-hidden">{% translate 'User menu' %}</span>
+                      <span class="ba-user-avatar" aria-hidden="true">{{ user_name|first|upper }}</span>
+                      <span class="ba-user-name">{% firstof user.get_short_name user.get_username %}</span>
+                      <svg class="ba-icon ba-chevron" aria-hidden="true"><use href="#ba-chevron-down"></use></svg>
+                    </button>
+                    <div class="menu ba-user-menu" id="ba-user-menu">
+                      {% block welcome-msg %}
+                        <div class="menu-header">
+                          {% translate 'Welcome,' %} <strong>{% firstof user.get_short_name user.get_username %}</strong>.
+                        </div>
+                      {% endblock %}
+                      {% block userlinks %}
+                        {% if user.is_active and user.is_staff %}
+                          {% url 'django-admindocs-docroot' as docsroot %}
+                          {% if docsroot %}
+                            <a class="menu-item" href="{{ docsroot }}">
+                              <svg class="ba-icon" aria-hidden="true"><use href="#ba-document"></use></svg>
+                              {% translate 'Documentation' %}
+                            </a>
+                          {% endif %}
+                        {% endif %}
+                        {% if user.has_usable_password %}
+                          <a class="menu-item" href="{% url 'admin:password_change' %}">
+                            <svg class="ba-icon" aria-hidden="true"><use href="#ba-key"></use></svg>
+                            {% translate 'Change password' %}
                           </a>
                         {% endif %}
-                      {% endif %}
-                      {% if user.has_usable_password %}
-                        <a class="menu-item" href="{% url 'admin:password_change' %}">
-                          <svg class="ba-icon" aria-hidden="true"><use href="#ba-key"></use></svg>
-                          {% translate 'Change password' %}
-                        </a>
-                      {% endif %}
-                      <div class="menu-divider"></div>
-                      <form id="logout-form" method="post" action="{% url 'admin:logout' %}">
-                        {% csrf_token %}
-                        <button type="submit" class="menu-item">
-                          <svg class="ba-icon" aria-hidden="true"><use href="#ba-logout"></use></svg>
-                          {% translate 'Log out' %}
-                        </button>
-                      </form>
-                    {% endblock %}
+                        <div class="menu-divider"></div>
+                        <form id="logout-form" method="post" action="{% url 'admin:logout' %}">
+                          {% csrf_token %}
+                          <button type="submit" class="menu-item">
+                            <svg class="ba-icon" aria-hidden="true"><use href="#ba-logout"></use></svg>
+                            {% translate 'Log out' %}
+                          </button>
+                        </form>
+                      {% endblock %}
+                    </div>
                   </div>
-                </div>
+                {% endif %}
               </div>
             {% endif %}
           {% endblock %}

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin/templates/admin/login.html

@@ -5,7 +5,6 @@
 {% block extrastyle %}{{ block.super }}{% csp_nonce_attr form.media %}{% endblock %}
 {% block bodyclass %}{{ block.super }} login ba-login-page ba-no-sidebar{% endblock %}
 
-{% block usertools %}{% endblock %}
 {% block nav-global %}{% endblock %}
 {% block nav-sidebar %}{% endblock %}
 {% block nav-breadcrumbs %}{% endblock %}

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/src/django_bootstrap6_admin.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-bootstrap6-admin
-Version: 0.1.2
+Version: 0.2.1
 Summary: A modern Bootstrap 6 skin for the Django admin.
 Author-email: Aliberk Sandıkçı <git@asandikci.com>
 Maintainer-email: Aliberk Sandıkçı <git@asandikci.com>
@@ -53,16 +53,23 @@ permissions and JavaScript remain in charge.
 ## Features
 
 - Bootstrap 6 markup and design tokens throughout the admin.
+- "View site" is always available in the top bar, not buried in the user menu.
 - Sticky top bar with a collapsible sidebar (desktop) and drawer navigation
   with a backdrop (mobile).
 - Dashboard with application cards, model shortcuts and recent activity.
 - Changelist with search, date hierarchy, collapsible filters, sortable
-  headers, bulk actions and Bootstrap pagination.
+  headers, bulk actions and Bootstrap pagination. The desktop filter panel can
+  be collapsed, and both its state and the "Show counts" choice are remembered
+  between pages.
+- Subtle vertical rules separate columns in changelists, inline tables and the
+  object history.
 - Change form with card-based fieldsets, collapsible sections, a clear save
   bar, tabular/stacked inlines and related-object popups.
 - Modern login, logout and password change pages.
 - Light, dark and system themes. The existing Django `theme` localStorage
   preference is synchronised with Bootstrap's `data-bs-theme` attribute.
+- Dark-theme secondary text, table headers, filter links and help text use
+  higher-contrast tokens for better readability.
 - Soft fade-in/fade-out transition when switching themes, skipped
   automatically for users who prefer reduced motion.
 - Every click changes the visible theme: if `auto` would resolve to the theme
@@ -75,8 +82,8 @@ permissions and JavaScript remain in charge.
 - CSP-aware: bundled scripts and styles use Django 6.1's
   `{% csp_nonce_attr %}` tag, so nonce-based policies work out of the box.
 - Generic by design: no models, no migrations, no project-specific imports and
-  no assumptions about the host project's branding. The default navy/gold
-  palette is only a set of overridable CSS variables.
+  no assumptions about the host project's branding. The default warm
+  near-black/yellow palette is only a set of overridable CSS variables.
 
 ## Requirements
 
@@ -188,14 +195,15 @@ custom admin CSS file:
 
 ```css
 :root {
-    --ba-topbar-bg: #1f2937;
-    --ba-gold: #f59e0b;
+    --ba-topbar-bg: #231f20;
+    --ba-gold: #ffcb08;
+    --ba-canvas: #f6f6f4;
     --ba-sidebar-width: 300px;
 }
 ```
 
-The default primary and danger colours are deliberately deeper than Bootstrap
-6's defaults so white button text meets WCAG AA contrast.
+The default primary is the warm yellow accent with dark text, and the danger
+colour remains a deep red for readable white labels.
 
 The select controls use small `data:` SVG arrows. If you enable a strict CSP,
 allow `img-src 'self' data:` (or replace the arrows in your own CSS).
@@ -223,6 +231,16 @@ There is no runtime state to clean up.
   - `bootstrap.bundle.min.js`:
     `47ea447f46e288dd9d3e83147b7ba539c6df5192c047b8f91739cd56a5721148`
 
+### Language
+
+Django's admin is translated using the active language; it is not fixed to
+English. With `LANGUAGE_CODE = "tr"`, Django's own admin labels are Turkish,
+and this theme follows the same project language. The package's source strings
+are English and are translated when a matching locale is installed. To keep
+the admin in English while the public site uses another language, activate
+English for `/admin/` in your project (for example with a small middleware),
+or set `LANGUAGE_CODE = "en-us"` if the whole site should be English.
+
 ## Development
 
 The test suite uses an isolated settings module and a small demo app. Create a

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/tests/test_admin_ui.py

@@ -49,6 +49,7 @@ class AdminUiTests(TestCase):
         self.assertContains(response, "ba-app-grid")
         self.assertContains(response, "ba-recent-card")
         self.assertContains(response, "theme-toggle")
+        self.assertContains(response, "ba-view-site")
 
     def test_default_django_admin_css_is_not_loaded(self):
         response = self.client.get(reverse("admin:index"))
@@ -76,6 +77,8 @@ class AdminUiTests(TestCase):
             'id="changelist-search"',
             'id="searchbar"',
             'id="changelist-filter"',
+            'id="ba-filters-toggle"',
+            'id="ba-filters-close"',
             'id="action-toggle"',
             'id="date-hierarchy-label"',
             'class="actions ba-actions"',
@@ -119,7 +122,6 @@ class AdminUiTests(TestCase):
     def test_changelist_search_and_pagination(self):
         response = self.client.get(reverse("admin:testapp_book_changelist"), {"q": "Django"})
         self.assertContains(response, "Django for Everyone")
-
         for index in range(105):
             Book.objects.create(
                 title=f"Extra book {index:03d}",
@@ -134,6 +136,15 @@ class AdminUiTests(TestCase):
         self.assertContains(response, "?p=1")
         self.assertContains(response, 'aria-current="page">2')
 
+    def test_facet_count_toggle_links(self):
+        url = reverse("admin:testapp_book_changelist")
+
+        response = self.client.get(url)
+        self.assertContains(response, "Show counts")
+
+        response = self.client.get(url, {"_facets": "1"})
+        self.assertContains(response, "Hide counts")
+
     def test_change_form_keeps_widgets_and_submit_contract(self):
         response = self.client.get(reverse("admin:testapp_book_change", args=[self.book.pk]))
 
@@ -212,6 +223,7 @@ class AdminUiTests(TestCase):
         self.assertContains(response, 'type="password"')
         self.assertContains(response, "theme-toggle")
         self.assertContains(response, "ba-login")
+        self.assertContains(response, "ba-view-site")
 
     def test_login_post_works(self):
         self.client.logout()

{django_bootstrap6_admin-0.1.2 → django_bootstrap6_admin-0.2.1}/tests/test_package.py

@@ -46,3 +46,21 @@ class PackageAssetsTests(SimpleTestCase):
         self.assertIn(".ba-theme-fade", admin_css)
         self.assertIn(".ba-theme-fade.is-active", admin_css)
         self.assertIn("transition: opacity 200ms ease", admin_css)
+
+    def test_changelist_ux_assets(self):
+        static_dir = Path(django_bootstrap6_admin.__file__).parent / "static"
+        admin_js = (static_dir / "django_bootstrap6_admin" / "js" / "admin.js").read_text(
+            encoding="utf-8"
+        )
+        admin_css = (static_dir / "django_bootstrap6_admin" / "css" / "admin.css").read_text(
+            encoding="utf-8"
+        )
+
+        self.assertIn("django.admin.showFacets", admin_js)
+        self.assertIn("django.admin.filtersCollapsed", admin_js)
+        self.assertIn("ba-filters-collapsed", admin_css)
+        self.assertIn("border-inline-end: 1px solid var(--bs-border-muted)", admin_css)
+        self.assertIn("appearance: none", admin_css)
+        self.assertIn("--bs-fg-4: #b0aaa9", admin_css)
+        self.assertIn("--ba-topbar-bg: light-dark(#231f20, #242122)", admin_css)
+        self.assertIn("--bs-primary-bg: light-dark(#ffcb08, #d8ab32)", admin_css)