vanta-admin 0.1.6__tar.gz → 0.1.7__tar.gz

{vanta_admin-0.1.6/vanta_admin.egg-info → vanta_admin-0.1.7}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vanta-admin
-Version: 0.1.6
+Version: 0.1.7
 Summary: A sharp, dark, and portable Django admin theme forged for builders who want the admin to feel less default.
 Author: oli-dev0
 License-Expression: MIT
@@ -34,8 +34,15 @@ standard Django admin behavior.
 
 - A fixed sidebar with persistent collapsed state and remembered open sections.
 - Light and dark theme support through CSS tokens.
+- A flatter visual pass that removes heavy shadows and blur effects from the
+  admin shell, login screens, cards, filters, and two-factor auth views.
 - A denser dashboard, changelist, filter, message, and form presentation.
-- Default icons for common admin apps, models, and recent actions.
+- Auto-dismissing admin messages with success, warning, and error treatment.
+- Custom single-select controls for changelist actions and normal admin form
+  selects, while native multi-selects stay unchanged.
+- Default icons for common admin apps, models, and recent actions, including
+  incident and uptime-monitor style models.
+- A packaged admin favicon loaded through the theme.
 - A responsive mobile sidebar overlay.
 - Optional themed templates for `django-two-factor-auth` login, setup completion,
   account security, and backup-token flows.
@@ -121,6 +128,8 @@ Vanta only provides the theme layer.
 - The Django app label you add to `INSTALLED_APPS` is `vanta_admin`.
 - Two-factor auth support is visual/template support for projects that already
   install and configure `django-two-factor-auth`.
+- Vanta keeps Django admin server-rendered. It does not add a frontend runtime
+  or a custom dashboard framework.
 
 ## Links
 - Website: https://vanta-admin.org/

{vanta_admin-0.1.6 → vanta_admin-0.1.7}/README.md

@@ -9,8 +9,15 @@ standard Django admin behavior.
 
 - A fixed sidebar with persistent collapsed state and remembered open sections.
 - Light and dark theme support through CSS tokens.
+- A flatter visual pass that removes heavy shadows and blur effects from the
+  admin shell, login screens, cards, filters, and two-factor auth views.
 - A denser dashboard, changelist, filter, message, and form presentation.
-- Default icons for common admin apps, models, and recent actions.
+- Auto-dismissing admin messages with success, warning, and error treatment.
+- Custom single-select controls for changelist actions and normal admin form
+  selects, while native multi-selects stay unchanged.
+- Default icons for common admin apps, models, and recent actions, including
+  incident and uptime-monitor style models.
+- A packaged admin favicon loaded through the theme.
 - A responsive mobile sidebar overlay.
 - Optional themed templates for `django-two-factor-auth` login, setup completion,
   account security, and backup-token flows.
@@ -96,6 +103,8 @@ Vanta only provides the theme layer.
 - The Django app label you add to `INSTALLED_APPS` is `vanta_admin`.
 - Two-factor auth support is visual/template support for projects that already
   install and configure `django-two-factor-auth`.
+- Vanta keeps Django admin server-rendered. It does not add a frontend runtime
+  or a custom dashboard framework.
 
 ## Links
 - Website: https://vanta-admin.org/

{vanta_admin-0.1.6 → vanta_admin-0.1.7}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "vanta-admin"
-version = "0.1.6"
+version = "0.1.7"
 description = "A sharp, dark, and portable Django admin theme forged for builders who want the admin to feel less default."
 readme = "README.md"
 license = "MIT"

{vanta_admin-0.1.6 → vanta_admin-0.1.7}/vanta_admin/static/admin/css/theme.admin.css

@@ -11,7 +11,6 @@
   flex-direction: column;
   background: var(--admin-sidebar-bg);
   border-right: 1px solid var(--admin-border);
-  backdrop-filter: blur(18px);
   transition: width 160ms var(--ease), transform 160ms var(--ease);
 }
 
@@ -60,8 +59,7 @@
     border-color 160ms ease,
     background-color 160ms ease,
     color 160ms ease,
-    transform 130ms var(--ease),
-    box-shadow 160ms ease;
+    transform 130ms var(--ease);
 }
 
 .admin-sidebar__collapse:hover,
@@ -279,7 +277,7 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
   border: 1px solid var(--border);
   border-radius: var(--radius-md);
   background: var(--surface-muted);
-  box-shadow: var(--shadow-soft);
+  box-shadow: none;
   color: var(--heading);
   cursor: pointer;
   list-style: none;
@@ -293,18 +291,15 @@ body.admin-sidebar-collapsed .admin-sidebar__collapse-arrow {
   height: 2.6rem;
   border: 1px solid color-mix(in srgb, var(--accent) 34%, transparent);
   border-radius: 0.36rem;
-  background:
-    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.18), transparent 30%),
-    color-mix(in srgb, var(--accent) 52%, #14210d);
-  color: #fff;
+  background: var(--admin-accent-soft);
+  color: var(--admin-accent-strong);
   font-weight: 900;
   letter-spacing: 0;
 }
 
 html[data-theme="light"] .admin-sidebar__avatar {
-  background:
-    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.3), transparent 30%),
-    linear-gradient(135deg, #60a5fa, #2563eb);
+  background: var(--admin-accent-soft);
+  color: var(--admin-accent);
 }
 
 .admin-sidebar__account-copy {
@@ -342,10 +337,9 @@ html[data-theme="light"] .admin-sidebar__avatar {
   padding: 0.72rem;
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-md);
-  background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
-  box-shadow: var(--shadow-soft);
+  background: var(--surface-strong);
+  box-shadow: none;
   color: var(--text);
-  backdrop-filter: blur(22px);
 }
 
 .admin-sidebar__theme-controls {
@@ -386,7 +380,7 @@ html[data-theme="light"] .admin-sidebar__theme-button--light {
 }
 
 html[data-theme="light"] .admin-sidebar__theme-button--light {
-  background: linear-gradient(180deg, rgba(37, 99, 235, 0.16), rgba(37, 99, 235, 0.08));
+  background: var(--accent-softer);
 }
 
 .admin-sidebar__account-links {
@@ -487,8 +481,7 @@ body.admin-sidebar-collapsed .admin-sidebar__account {
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-lg);
   background: var(--surface);
-  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035) inset;
-  backdrop-filter: blur(16px);
+  box-shadow: none;
 }
 
 .admin-module-card + .admin-module-card {
@@ -617,8 +610,7 @@ a.admin-model-name:focus svg {
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-lg);
   background: var(--surface);
-  box-shadow: var(--shadow-soft);
-  backdrop-filter: blur(16px);
+  box-shadow: none;
 }
 
 .admin-recent-card header {
@@ -728,10 +720,9 @@ body.change-list #content-main {
   padding: 0;
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-md);
-  background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
-  box-shadow: var(--shadow-soft);
+  background: var(--surface-strong);
+  box-shadow: none;
   color: var(--text);
-  backdrop-filter: blur(22px);
 }
 
 #changelist .changelist-form-container:has(#changelist-filter) > div {
@@ -767,8 +758,7 @@ fieldset.module,
   border: 1px solid var(--admin-border-strong);
   border-radius: var(--admin-radius-lg);
   background: var(--admin-surface);
-  box-shadow: var(--admin-shadow-soft);
-  backdrop-filter: blur(16px);
+  box-shadow: none;
 }
 
 .submit-row {
@@ -866,9 +856,9 @@ fieldset.module,
 
 #changelist #toolbar #searchbar:focus,
 #changelist #toolbar #searchbar:focus-visible {
-  border: 0;
+  border: 1px solid var(--admin-accent-border);
   outline: none;
-  box-shadow: inset 0 0 0 1px var(--admin-accent-border);
+  box-shadow: none;
 }
 
 table {
@@ -899,7 +889,6 @@ select,
   outline: none;
   transition:
     border-color var(--admin-transition),
-    box-shadow var(--admin-transition),
     background-color var(--admin-transition);
 }
 
@@ -951,7 +940,7 @@ select,
 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
 textarea:focus,
 select:focus {
-  box-shadow: 0 0 0 3px var(--admin-accent-soft);
+  box-shadow: none;
   background: var(--surface);
 }
 
@@ -988,7 +977,7 @@ select:focus {
   align-items: center;
 }
 
-#changelist .actions .admin-action-select__native {
+.admin-action-select__native {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1006,6 +995,23 @@ select:focus {
   max-width: min(12.4rem, 100%);
 }
 
+.form-row:has(.admin-action-select.is-open) {
+  position: relative;
+  z-index: 12;
+  overflow: visible;
+}
+
+.admin-action-select.is-open {
+  z-index: 14;
+}
+
+.admin-action-select--field {
+  display: inline-block;
+  width: min(22.25rem, 100%);
+  max-width: 100%;
+  vertical-align: middle;
+}
+
 .admin-action-select__button {
   display: flex;
   align-items: center;
@@ -1030,6 +1036,13 @@ select:focus {
     transform 130ms var(--ease);
 }
 
+.admin-action-select--field .admin-action-select__button {
+  min-height: 2.15rem;
+  padding: 0.35rem 0.7rem;
+  font-size: 0.82rem;
+  font-weight: 650;
+}
+
 .admin-action-select__button::after {
   content: "";
   flex: 0 0 auto;
@@ -1077,7 +1090,7 @@ select:focus {
   border: 1px solid var(--admin-border-strong);
   border-radius: var(--admin-radius-md);
   background: var(--admin-surface);
-  box-shadow: var(--admin-shadow-card);
+  box-shadow: none;
   visibility: hidden;
   opacity: 0;
   transform: translateY(-0.18rem);
@@ -1087,6 +1100,10 @@ select:focus {
     visibility 130ms var(--ease);
 }
 
+.admin-action-select--field .admin-action-select__menu {
+  min-width: 100%;
+}
+
 .admin-action-select.is-open .admin-action-select__menu {
   visibility: visible;
   opacity: 1;
@@ -1122,6 +1139,7 @@ select:focus {
   transform: translateX(1px);
 }
 
+
 .admin-action-select__option:focus-visible {
   outline: 2px solid var(--admin-accent-border);
   outline-offset: 1px;
@@ -1142,7 +1160,7 @@ input[type="checkbox"]:focus-visible {
 input[type="checkbox"]:focus-visible {
   outline: 2px solid var(--admin-accent-border);
   outline-offset: 2px;
-  box-shadow: 0 0 0 3px var(--admin-accent-soft);
+  box-shadow: none;
 }
 
 #changelist input[type="submit"],
@@ -1158,8 +1176,7 @@ input[type="checkbox"]:focus-visible {
   font-weight: 720;
   transition:
     transform var(--admin-transition),
-    filter var(--admin-transition),
-    box-shadow var(--admin-transition);
+    filter var(--admin-transition);
 }
 
 #changelist input[type="submit"],
@@ -1274,8 +1291,9 @@ input[type="checkbox"]:focus-visible {
 .object-tools a:hover,
 .addlink:hover {
   background-color: var(--admin-accent-softer);
+  border-color: var(--admin-accent-border);
   filter: none;
-  box-shadow: inset 0 0 0 1px var(--admin-accent-border);
+  box-shadow: none;
 }
 
 #changelist input[type="submit"]:active,
@@ -1302,43 +1320,61 @@ input[type="checkbox"]:focus-visible {
 #changelist table thead th {
   border: 0;
   background: transparent;
-  color: var(--muted);
+  color: var(--text);
   font-size: 0.74rem;
   font-weight: 560;
   letter-spacing: 0;
-  height: 2rem;
-  padding: 0.25rem 0.62rem;
-  line-height: 1.15;
+  height: auto;
+  padding: 0.05rem 0.56rem;
+  line-height: 1.1;
   text-transform: none;
   vertical-align: middle;
 }
 
-#changelist table thead th.sorted,
-#changelist table thead th:hover {
-  color: var(--accent-strong);
-  background: var(--accent-softer);
+#changelist table thead th.sorted {
+  border: 1px solid var(--admin-accent-border);
+  border-radius: var(--admin-radius-sm);
+  background: var(--admin-nav-item-active-bg);
+  color: var(--admin-accent-strong);
+  font-weight: 720;
 }
 
 #changelist table thead th a {
   color: inherit;
 }
 
+#changelist table thead th.sorted a {
+  color: var(--admin-accent-strong);
+}
+
 #changelist table tbody th,
 #changelist table tbody td {
   border: 0;
-  padding: 0.62rem;
+  padding: 0.42rem 0.56rem;
   color: var(--text);
-  background: var(--surface-muted);
+  background: var(--row-bg);
   font-size: 0.82rem;
-  font-weight: 650;
+  font-weight: 560;
   vertical-align: middle;
 }
 
+#changelist table tbody tr:nth-child(even) th,
+#changelist table tbody tr:nth-child(even) td {
+  background: var(--row-bg-alt);
+}
+
 #changelist table tbody tr th:first-child,
 #changelist table tbody tr td:first-child {
   border-radius: 0.28rem 0 0 0.28rem;
 }
 
+#changelist table tbody th,
+#changelist table tbody td:not(.action-checkbox):first-child,
+#changelist table tbody td.action-checkbox + th,
+#changelist table tbody td.action-checkbox + td {
+  font-weight: 700;
+}
+
 #changelist table tbody tr th:last-child,
 #changelist table tbody tr td:last-child {
   border-radius: 0 0.28rem 0.28rem 0;
@@ -1355,7 +1391,7 @@ input[type="checkbox"]:focus-visible {
 #changelist table tbody tr:hover th,
 #changelist table tbody tr:hover td {
   background: var(--accent-softer);
-  color: var(--accent-strong);
+  color: var(--text);
 }
 
 #changelist table tbody tr.selected,
@@ -1370,9 +1406,17 @@ input[type="checkbox"]:focus-visible {
   background: var(--accent-soft);
 }
 
-#changelist table a {
-  color: var(--accent-strong);
-  font-weight: 650;
+#changelist table tbody a {
+  display: inline-block;
+  color: inherit;
+  font-weight: inherit;
+  transition: color var(--admin-transition), transform var(--admin-transition);
+}
+
+#changelist table tbody a:hover,
+#changelist table tbody a:focus-visible {
+  color: inherit;
+  transform: translateY(-2px);
 }
 
 #changelist .paginator,
@@ -1431,9 +1475,8 @@ input[type="checkbox"]:focus-visible {
   padding: 0.9rem 0.9rem 0.45rem;
   border: 1px solid var(--border-strong);
   border-radius: var(--radius-md);
-  background: color-mix(in srgb, var(--surface-strong) 94%, transparent);
-  box-shadow: var(--shadow-soft);
-  backdrop-filter: blur(22px);
+  background: var(--surface-strong);
+  box-shadow: none;
   color: var(--admin-text);
   text-align: center;
 }
@@ -1497,7 +1540,7 @@ input[type="checkbox"]:focus-visible {
 #changelist-filter .admin-filter-sections-toggle:focus-visible {
   outline: 2px solid var(--admin-accent-soft);
   outline-offset: 2px;
-  box-shadow: 0 0 0 1px var(--admin-accent-border) !important;
+  box-shadow: none !important;
 }
 
 #changelist-filter .admin-filter-sections-toggle::before {
@@ -1582,12 +1625,10 @@ input[type="checkbox"]:focus-visible {
 .vanta-filter-actions {
   display: inline-flex;
   overflow: hidden;
-  border: 1px solid rgba(148, 163, 184, 0.18);
-  border-radius: 14px;
-  background: rgba(30, 41, 59, 0.52);
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.04),
-    0 10px 28px rgba(0, 0, 0, 0.22);
+  border: 1px solid var(--admin-border);
+  border-radius: var(--admin-radius-md);
+  background: var(--admin-surface-muted);
+  box-shadow: none;
 }
 
 .vanta-filter-action {
@@ -1596,7 +1637,7 @@ input[type="checkbox"]:focus-visible {
   width: 48px;
   height: 22px;
   border: 0;
-  color: rgba(148, 163, 184, 0.72);
+  color: var(--admin-muted);
   background: transparent;
   font-size: 18px;
   line-height: 1;
@@ -1611,13 +1652,13 @@ input[type="checkbox"]:focus-visible {
 }
 
 .vanta-filter-action + .vanta-filter-action {
-  border-left: 1px solid rgba(148, 163, 184, 0.14);
+  border-left: 1px solid var(--admin-border);
 }
 
 .vanta-filter-action:hover,
 .vanta-filter-action:focus-visible {
-  color: #bef264;
-  background: rgba(190, 242, 100, 0.08);
+  color: var(--admin-link-strong);
+  background: var(--admin-accent-softer);
 }
 
 .vanta-filter-action:focus-visible {
@@ -1626,11 +1667,11 @@ input[type="checkbox"]:focus-visible {
 }
 
 .vanta-filter-actions.has-active-action {
-  border-color: rgba(190, 242, 100, 0.32);
+  border-color: var(--admin-accent-border);
 }
 
 .vanta-filter-action.is-active {
-  color: #bef264;
+  color: var(--admin-link-strong);
   background: var(--accent-soft);
 }
 
@@ -1701,7 +1742,7 @@ input[type="checkbox"]:focus-visible {
   border: 0;
   border-radius: 0;
   background: transparent;
-  box-shadow: inset 0 0 0 1px var(--admin-border);
+  border: 1px solid var(--admin-border);
   color: var(--admin-muted);
   margin: 0;
   padding: 0.12rem 0.42rem;
@@ -1715,7 +1756,7 @@ input[type="checkbox"]:focus-visible {
   transition:
     background-color var(--admin-transition),
     color var(--admin-transition),
-    box-shadow var(--admin-transition);
+    border-color var(--admin-transition);
 }
 
 #changelist-filter details .admin-filter-options--inline li a,
@@ -1785,31 +1826,27 @@ input[type="checkbox"]:focus-visible {
   background: var(--admin-accent-softer);
   outline: 2px solid var(--admin-accent-soft);
   outline-offset: 2px;
-  box-shadow:
-    inset 0 0 0 1px var(--admin-accent-border),
-    0 0 0 1px var(--admin-accent-border);
+  border-color: var(--admin-accent-border);
 }
 
 #changelist-filter details li.selected a {
   z-index: 1;
   background: var(--admin-nav-item-active-bg);
   color: var(--admin-link-strong);
-  box-shadow: inset 0 0 0 1px var(--admin-accent-border);
+  border-color: var(--admin-accent-border);
 }
 
 #changelist-filter details li.selected a:active {
   z-index: 2;
   color: var(--admin-link-strong);
   background: var(--admin-nav-item-active-bg);
-  box-shadow: inset 0 0 0 1px var(--admin-accent-border);
+  border-color: var(--admin-accent-border);
 }
 
 #changelist-filter details li.selected a:focus-visible {
   color: var(--admin-link-strong);
   background: var(--admin-nav-item-active-bg);
-  box-shadow:
-    inset 0 0 0 1px var(--admin-accent-border),
-    0 0 0 1px var(--admin-accent-border);
+  border-color: var(--admin-accent-border);
 }
 
 #changelist-filter details summary:focus-visible {
@@ -1850,7 +1887,7 @@ select:focus {
 :where(a, button, input:not([type="checkbox"]):not([type="radio"]), select, textarea, summary):focus-visible {
   outline: 3px solid var(--admin-accent-soft);
   outline-offset: 2px;
-  box-shadow: 0 0 0 1px var(--admin-accent-border);
+  box-shadow: none;
 }
 
 /* Shared Controls */