django-spire 0.18.2__py3-none-any.whl → 0.19.0__py3-none-any.whl

django_spire/core/static/django_spire/css/app-side-panel.css

@@ -0,0 +1,102 @@
+.side-panel {
+    background: var(--app-layer-one);
+    border-color: var(--app-primary);
+    height: var(--app-side-panel-height);
+    top: var(--app-top-navigation-height);
+}
+
+.btn-close-panel {
+    align-items: center;
+    background: transparent;
+    border: none;
+    border-radius: 50%;
+    color: var(--app-primary);
+    cursor: pointer;
+    display: flex;
+    height: 28px;
+    justify-content: center;
+    transition: background 0.2s ease, color 0.2s ease;
+    width: 28px;
+}
+
+.btn-close-panel:hover {
+    background: var(--app-primary);
+    color: var(--app-default-button-text-color);
+}
+
+.panel-toggle-container {
+    height: 30px;
+    position: fixed;
+    top: 50vh;
+    transform: translateY(-50%);
+    width: 30px;
+}
+
+.panel-toggle-container-left {
+    left: 1.5rem;
+}
+
+.panel-toggle-container-right {
+    right: 1.5rem;
+}
+
+.panel-toggle-container .btn {
+    border-radius: 50% !important;
+    height: 30px !important;
+    line-height: 30px !important;
+    min-width: 30px !important;
+    padding: 0 !important;
+    text-align: center !important;
+    width: 30px !important;
+}
+
+.side-panel-transition-enter {
+    transition: opacity 0.3s ease;
+}
+
+.side-panel-transition-enter-start-left,
+.side-panel-transition-enter-start-right {
+    opacity: 0;
+}
+
+.side-panel-transition-enter-end {
+    opacity: 1;
+}
+
+.side-panel-transition-leave {
+    transition: opacity 0.3s ease;
+}
+
+.side-panel-transition-leave-start {
+    opacity: 1;
+}
+
+.side-panel-transition-leave-end-left,
+.side-panel-transition-leave-end-right {
+    opacity: 0;
+}
+
+@media (min-width: 992px) {
+    .panel-toggle-container-left {
+        left: var(--app-side-navigation-width);
+    }
+}
+
+@media (max-width: 991px) {
+    .mobile-hide {
+        display: none !important;
+    }
+
+    .panel-toggle-container-left {
+        left: 0.5rem;
+    }
+
+    .panel-toggle-container-right {
+        right: 2rem;
+    }
+
+    .side-panel-left,
+    .side-panel-right {
+        border: none;
+    }
+}

django_spire/core/static/django_spire/css/app-text.css

@@ -12,7 +12,7 @@
     --app-text-accent-dark: var(--app-accent-dark);
 
     --app-text-success: var(--app-success);
-    --app-text-success-outlined: var(--app-success-soft);
+    --app-text-success-soft: var(--app-success-soft);
     --app-text-success-dark: var(--app-success-dark);
 
     --app-text-warning: var(--app-warning);
@@ -98,6 +98,18 @@
     color: var(--app-text-accent-dark) !important;
 }
 
+.text-app-success, .text-app-success-hover:hover {
+    color: var(--app-text-success) !important;
+}
+
+.text-app-success-soft, .text-app-success-soft-hover:hover {
+    color: var(--app-text-success-soft) !important;
+}
+
+.text-app-success-dark, .text-app-success-dark-hover:hover {
+    color: var(--app-text-success-dark) !important;
+}
+
 .text-app-warning, .text-app-warning-hover:hover {
     color: var(--app-text-warning) !important;
 }
@@ -189,3 +201,9 @@
 .text-app-link-footer:hover {
     color: var(--app-link-footer-hover) !important;
 }
+
+.text-truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

django_spire/core/static/django_spire/css/bootstrap-extension.css

@@ -3,22 +3,143 @@
 }
 
 @font-face {
-    font-family: 'Poppins-Regular';
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Thin.ttf') format('truetype');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-ThinItalic.ttf') format('truetype');
+    font-weight: 100;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-ExtraLightItalic.ttf') format('truetype');
+    font-weight: 200;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Light.ttf') format('truetype');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
     src: url('../font/Poppins-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
 }
 
-a {
-    color: var(--app-a-primary) !important;
-    text-decoration: none;
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Italic.ttf') format('truetype');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Medium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-MediumItalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-BoldItalic.ttf') format('truetype');
+    font-weight: 700;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-ExtraBold.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-ExtraBoldItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-Black.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../font/Poppins-BlackItalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
 }
 
 body {
-    font-family: 'Poppins-Regular', sans-serif !important;
-    font-weight: 500 !important;
+    font-family: 'Poppins', sans-serif !important;
+    font-weight: 400 !important;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    font-feature-settings: "kern" 1;
+    font-kerning: normal;
 }
 
 h1, h2, h3, h4, h5, h6 {
-    font-family: 'Poppins-Regular', serif !important;
+    font-family: 'Poppins', sans-serif !important;
     font-weight: 600 !important;
 }
 

django_spire/core/static/django_spire/css/bootstrap-override.css

@@ -1,146 +1,163 @@
 :root {
-    --bs-body-color: var(--app-default-text-color);
+    --app-form-field-bg: #ffffff;
+    --app-form-field-border: var(--bs-border-color);
+    --app-form-field-color: var(--app-default-text-color);
+    --app-form-field-disabled-bg: var(--app-layer-three);
+    --app-form-field-disabled-border: var(--app-layer-four);
+    --app-form-field-disabled-color: var(--app-secondary);
+    --app-form-field-focus-border: var(--app-primary);
+
+    --bs-alert-bg: var(--app-layer-two);
+    --bs-alert-border-color: var(--app-layer-three);
+    --bs-alert-color: var(--app-default-text-color);
+
     --bs-body-bg: var(--app-default-bg-color);
-    --bs-emphasis-color: var(--app-default-text-color);
-    --bs-secondary-color: var(--app-secondary);
-    --bs-tertiary-color: var(--app-layer-four);
+    --bs-body-color: var(--app-default-text-color);
+
+    --bs-border-color: var(--app-layer-three);
+    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+
+    --bs-breadcrumb-bg: var(--app-layer-two);
+    --bs-breadcrumb-item-active-color: var(--app-secondary);
+
+    --bs-card-bg: var(--app-layer-one);
+    --bs-card-border-color: var(--app-layer-two);
+    --bs-card-color: var(--app-default-text-color);
+    --bs-card-subtitle-color: var(--app-secondary);
+    --bs-card-title-color: var(--app-default-text-color);
 
-    --bs-primary: var(--app-primary);
-    --bs-secondary: var(--app-secondary);
-    --bs-success: var(--app-success);
-    --bs-info: var(--app-primary);
-    --bs-warning: var(--app-warning);
     --bs-danger: var(--app-danger);
-    --bs-light: var(--app-light);
+    --bs-danger-rgb: 220, 53, 69;
     --bs-dark: var(--app-dark);
+    --bs-dark-rgb: 33, 37, 41;
 
-    --bs-primary-rgb: 13, 110, 253;
-    --bs-secondary-rgb: 108, 117, 125;
-    --bs-success-rgb: 25, 135, 84;
+    --bs-emphasis-color: var(--app-default-text-color);
+
+    --bs-info: var(--app-primary);
     --bs-info-rgb: 13, 202, 240;
-    --bs-warning-rgb: 255, 193, 7;
-    --bs-danger-rgb: 220, 53, 69;
+
+    --bs-light: var(--app-light);
     --bs-light-rgb: 248, 249, 250;
-    --bs-dark-rgb: 33, 37, 41;
 
     --bs-link-color: var(--app-default-link-color);
     --bs-link-hover-color: var(--app-default-link-hover-color);
 
-    --bs-border-color: var(--app-layer-three);
-    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-
-    --bs-card-bg: var(--app-layer-one);
-    --bs-card-border-color: var(--app-layer-two);
-    --bs-card-title-color: var(--app-default-text-color);
-    --bs-card-subtitle-color: var(--app-secondary);
-    --bs-card-color: var(--app-default-text-color);
-
     --bs-modal-bg: var(--app-layer-one);
     --bs-modal-color: var(--app-default-text-color);
-    --bs-modal-header-border-color: var(--app-layer-two);
     --bs-modal-footer-border-color: var(--app-layer-two);
+    --bs-modal-header-border-color: var(--app-layer-two);
 
-    --bs-navbar-color: var(--app-light);
-    --bs-navbar-hover-color: var(--app-primary);
-    --bs-navbar-active-color: var(--app-primary);
-    --bs-navbar-brand-color: var(--app-light);
-    --bs-navbar-brand-hover-color: var(--app-primary);
+    --bs-offcanvas-bg: var(--app-layer-one);
+    --bs-offcanvas-border-color: var(--app-layer-two);
+    --bs-offcanvas-color: var(--app-default-text-color);
 
-    --bs-nav-link-color: var(--app-light);
-    --bs-nav-link-hover-color: var(--app-primary);
+    --bs-primary: var(--app-primary);
+    --bs-primary-rgb: 13, 110, 253;
 
-    --bs-dropdown-bg: var(--app-layer-one);
-    --bs-dropdown-color: var(--app-default-text-color);
-    --bs-dropdown-border-color: var(--app-layer-two);
-    --bs-dropdown-link-color: var(--app-default-text-color);
-    --bs-dropdown-link-hover-color: var(--app-default-button-text-color);
-    --bs-dropdown-link-hover-bg: var(--app-primary);
+    --bs-progress-bg: var(--app-layer-two);
+
+    --bs-secondary: var(--app-secondary);
+    --bs-secondary-color: var(--app-secondary);
+    --bs-secondary-rgb: 108, 117, 125;
+
+    --bs-success: var(--app-success);
+    --bs-success-rgb: 25, 135, 84;
+
+    --bs-tertiary-color: var(--app-layer-four);
+
+    --bs-warning: var(--app-warning);
+    --bs-warning-rgb: 255, 193, 7;
 
     --bs-accordion-bg: var(--app-layer-one);
-    --bs-accordion-color: var(--app-default-text-color);
     --bs-accordion-border-color: var(--app-layer-two);
-    --bs-accordion-button-color: var(--app-default-text-color);
-    --bs-accordion-button-bg: var(--app-layer-two);
     --bs-accordion-button-active-bg: var(--app-primary-soft);
     --bs-accordion-button-active-color: var(--app-default-text-color);
+    --bs-accordion-button-bg: var(--app-layer-two);
+    --bs-accordion-button-color: var(--app-default-text-color);
+    --bs-accordion-color: var(--app-default-text-color);
 
-    --bs-tooltip-bg: var(--app-dark);
-    --bs-tooltip-color: var(--app-light);
+    --bs-btn-bg: var(--app-primary);
+    --bs-btn-border-color: var(--app-primary);
+    --bs-btn-color: var(--app-default-button-text-color);
+    --bs-btn-hover-bg: var(--app-primary-dark);
+    --bs-btn-hover-border-color: var(--app-primary-dark);
+    --bs-btn-hover-color: var(--app-default-button-text-color);
 
-    --bs-popover-bg: var(--app-layer-one);
-    --bs-popover-color: var(--app-default-text-color);
-    --bs-popover-border-color: var(--app-layer-two);
-    --bs-popover-header-bg: var(--app-layer-two);
-    --bs-popover-header-color: var(--app-default-text-color);
+    --bs-dropdown-bg: var(--app-layer-one);
+    --bs-dropdown-border-color: var(--app-layer-two);
+    --bs-dropdown-color: var(--app-default-text-color);
+    --bs-dropdown-link-color: var(--app-default-text-color);
+    --bs-dropdown-link-hover-bg: var(--app-primary);
+    --bs-dropdown-link-hover-color: var(--app-default-button-text-color);
 
-    --bs-form-control-color: var(--app-default-text-color);
-    --bs-form-control-bg: var(--app-layer-two);
-    --bs-form-control-border-color: var(--bs-border-color);
-    --bs-form-control-focus-border-color: var(--app-primary);
+    --bs-form-control-bg: var(--app-form-field-bg);
+    --bs-form-control-border-color: var(--app-form-field-border);
+    --bs-form-control-color: var(--app-form-field-color);
+    --bs-form-control-disabled-bg: var(--app-form-field-disabled-bg);
+    --bs-form-control-focus-border-color: var(--app-form-field-focus-border);
     --bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
-    --bs-form-control-disabled-bg: var(--app-layer-three);
 
-    --bs-form-select-color: var(--app-default-text-color);
-    --bs-form-select-bg: var(--app-layer-two);
-    --bs-form-select-border-color: var(--bs-border-color);
-    --bs-form-select-focus-border-color: var(--app-primary);
+    --bs-form-select-bg: var(--app-form-field-bg);
+    --bs-form-select-border-color: var(--app-form-field-border);
+    --bs-form-select-color: var(--app-form-field-color);
+    --bs-form-select-focus-border-color: var(--app-form-field-focus-border);
     --bs-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 
-    --bs-btn-color: var(--app-default-button-text-color);
-    --bs-btn-bg: var(--app-primary);
-    --bs-btn-border-color: var(--app-primary);
-    --bs-btn-hover-color: var(--app-default-button-text-color);
-    --bs-btn-hover-bg: var(--app-primary-dark);
-    --bs-btn-hover-border-color: var(--app-primary-dark);
-
+    --bs-list-group-action-color: var(--app-default-text-color);
+    --bs-list-group-action-hover-color: var(--app-default-text-color);
     --bs-list-group-bg: var(--app-layer-one);
-    --bs-list-group-color: var(--app-default-text-color);
     --bs-list-group-border-color: var(--app-layer-two);
+    --bs-list-group-color: var(--app-default-text-color);
     --bs-list-group-hover-bg: var(--app-layer-two);
-    --bs-list-group-action-color: var(--app-default-text-color);
-    --bs-list-group-action-hover-color: var(--app-default-text-color);
 
-    --bs-table-bg: transparent;
-    --bs-table-color: var(--app-default-text-color);
-    --bs-table-border-color: var(--app-layer-three);
-    --bs-table-striped-bg: var(--app-layer-two);
-    --bs-table-hover-bg: var(--app-layer-two);
+    --bs-nav-link-color: var(--app-light);
+    --bs-nav-link-hover-color: var(--app-primary);
 
-    --bs-pagination-color: var(--app-default-text-color);
+    --bs-navbar-active-color: var(--app-primary);
+    --bs-navbar-brand-color: var(--app-light);
+    --bs-navbar-brand-hover-color: var(--app-primary);
+    --bs-navbar-color: var(--app-light);
+    --bs-navbar-hover-color: var(--app-primary);
+
+    --bs-pagination-active-bg: var(--app-primary);
+    --bs-pagination-active-border-color: var(--app-primary);
+    --bs-pagination-active-color: var(--app-default-button-text-color);
     --bs-pagination-bg: var(--app-layer-one);
     --bs-pagination-border-color: var(--app-layer-two);
-    --bs-pagination-hover-color: var(--app-primary);
+    --bs-pagination-color: var(--app-default-text-color);
     --bs-pagination-hover-bg: var(--app-layer-two);
     --bs-pagination-hover-border-color: var(--app-layer-three);
-    --bs-pagination-active-color: var(--app-default-button-text-color);
-    --bs-pagination-active-bg: var(--app-primary);
-    --bs-pagination-active-border-color: var(--app-primary);
-
-    --bs-alert-color: var(--app-default-text-color);
-    --bs-alert-bg: var(--app-layer-two);
-    --bs-alert-border-color: var(--app-layer-three);
+    --bs-pagination-hover-color: var(--app-primary);
 
-    --bs-breadcrumb-bg: var(--app-layer-two);
-    --bs-breadcrumb-item-active-color: var(--app-secondary);
+    --bs-popover-bg: var(--app-layer-one);
+    --bs-popover-border-color: var(--app-layer-two);
+    --bs-popover-color: var(--app-default-text-color);
+    --bs-popover-header-bg: var(--app-layer-two);
+    --bs-popover-header-color: var(--app-default-text-color);
 
-    --bs-progress-bg: var(--app-layer-two);
+    --bs-table-bg: transparent;
+    --bs-table-border-color: var(--app-layer-three);
+    --bs-table-color: var(--app-default-text-color);
+    --bs-table-hover-bg: var(--app-layer-two);
+    --bs-table-striped-bg: var(--app-layer-two);
 
-    --bs-offcanvas-bg: var(--app-layer-one);
-    --bs-offcanvas-color: var(--app-default-text-color);
-    --bs-offcanvas-border-color: var(--app-layer-two);
+    --bs-tooltip-bg: var(--app-dark);
+    --bs-tooltip-color: var(--app-light);
 }
 
 [data-theme="dark"] {
+    --app-form-field-bg: var(--app-layer-one);
+
+    --bs-border-color-translucent: rgba(64, 61, 82, 0.175);
+
+    --bs-danger-rgb: 235, 111, 146;
+    --bs-dark-rgb: 25, 23, 36;
+    --bs-info-rgb: 196, 167, 231;
+    --bs-light-rgb: 224, 222, 244;
     --bs-primary-rgb: 196, 167, 231;
     --bs-secondary-rgb: 144, 140, 170;
     --bs-success-rgb: 49, 116, 143;
-    --bs-info-rgb: 196, 167, 231;
     --bs-warning-rgb: 246, 193, 119;
-    --bs-danger-rgb: 235, 111, 146;
-    --bs-light-rgb: 224, 222, 244;
-    --bs-dark-rgb: 25, 23, 36;
-
-    --bs-border-color-translucent: rgba(64, 61, 82, 0.175);
 
     --bs-form-control-focus-box-shadow: 0 0 0 0.25rem var(--app-focus-ring-primary);
     --bs-form-select-focus-box-shadow: 0 0 0 0.25rem var(--app-focus-ring-primary);
@@ -150,44 +167,77 @@
 }
 
 [data-theme="light"] {
+    --bs-border-color-translucent: rgba(206, 202, 205, 0.175);
+
+    --bs-danger-rgb: 215, 130, 126;
+    --bs-dark-rgb: 87, 82, 121;
+    --bs-info-rgb: 144, 122, 169;
+    --bs-light-rgb: 250, 244, 237;
     --bs-primary-rgb: 144, 122, 169;
     --bs-secondary-rgb: 121, 117, 147;
     --bs-success-rgb: 40, 105, 131;
-    --bs-info-rgb: 144, 122, 169;
     --bs-warning-rgb: 234, 157, 52;
-    --bs-danger-rgb: 215, 130, 126;
-    --bs-light-rgb: 250, 244, 237;
-    --bs-dark-rgb: 87, 82, 121;
-
-    --bs-border-color-translucent: rgba(206, 202, 205, 0.175);
 
     --bs-form-control-focus-box-shadow: 0 0 0 0.25rem var(--app-focus-ring-primary);
     --bs-form-select-focus-box-shadow: 0 0 0 0.25rem var(--app-focus-ring-primary);
 }
 
 .form-control {
-    background-color: var(--app-layer-two) !important;
-    color: var(--app-default-text-color) !important;
-    border-color: var(--bs-border-color) !important;
-    caret-color: var(--app-default-text-color) !important;
+    background-color: var(--app-form-field-bg) !important;
+    border-color: var(--app-form-field-border) !important;
+    caret-color: var(--app-form-field-color) !important;
+    color: var(--app-form-field-color) !important;
 }
 
 .form-control:focus {
+    border-color: var(--app-form-field-focus-border) !important;
     box-shadow: none !important;
     outline: none !important;
-    border-color: var(--app-primary) !important;
-    border-width: 2px !important;
 }
 
 .form-control:disabled,
 .form-control[readonly] {
-    background-color: var(--app-layer-three) !important;
+    background-color: var(--app-form-field-disabled-bg) !important;
+    border-color: var(--app-form-field-disabled-border) !important;
+    color: var(--app-form-field-disabled-color) !important;
+    cursor: not-allowed;
 }
 
 .form-control:-webkit-autofill,
-.form-control:-webkit-autofill:hover,
+.form-control:-webkit-autofill:active,
 .form-control:-webkit-autofill:focus,
-.form-control:-webkit-autofill:active {
-    -webkit-box-shadow: 0 0 0 30px var(--app-layer-two) inset !important;
-    -webkit-text-fill-color: var(--app-default-text-color) !important;
+.form-control:-webkit-autofill:hover {
+    -webkit-box-shadow: 0 0 0 30px var(--app-form-field-bg) inset !important;
+    -webkit-text-fill-color: var(--app-form-field-color) !important;
+}
+
+.form-select {
+    background-color: var(--app-form-field-bg) !important;
+    border-color: var(--app-form-field-border) !important;
+    color: var(--app-form-field-color) !important;
+}
+
+.form-select:focus {
+    border-color: var(--app-form-field-focus-border) !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+.form-select:disabled {
+    background-color: var(--app-form-field-disabled-bg) !important;
+    border-color: var(--app-form-field-disabled-border) !important;
+    color: var(--app-form-field-disabled-color) !important;
+    cursor: not-allowed;
+}
+
+.ce-block__content [data-placeholder]:empty::before,
+.ce-block__content [data-placeholder][data-empty="true"]::before {
+    color: var(--app-primary) !important;
+    opacity: 0.8;
+}
+
+.ce-paragraph[data-placeholder]:empty::before,
+.ce-paragraph[data-placeholder-active]::before {
+    color: var(--app-primary) !important;
+    opacity: 0.8;
 }

django_spire/core/static/django_spire/css/themes/ayu/app-dark.css

@@ -44,15 +44,11 @@
     --app-side-navigation-text-color: #bfbdb6;
     --app-side-navigation-link-color: #bfbdb6;
     --app-side-navigation-link-hover-color: #59c2ff;
-    --app-side-navigation-width: 200px;
-
-    --app-mobile-navigation-width: 200px;
 
     --app-top-navigation-bg-color: #0d1017;
     --app-top-navigation-text-color: #bfbdb6;
     --app-top-navigation-link-color: #59c2ff;
     --app-top-navigation-link-hover-color: #ffd580;
-    --app-top-navigation-height: 100px;
 
     --app-footer-bg-color: #0d1017;
     --app-footer-text-color: #bfbdb6;

django_spire/core/static/django_spire/css/themes/ayu/app-light.css

@@ -44,15 +44,11 @@
     --app-side-navigation-text-color: #fafafa;
     --app-side-navigation-link-color: #fafafa;
     --app-side-navigation-link-hover-color: #59c2ff;
-    --app-side-navigation-width: 200px;
-
-    --app-mobile-navigation-width: 200px;
 
     --app-top-navigation-bg-color: #fafafa;
     --app-top-navigation-text-color: #5c6773;
     --app-top-navigation-link-color: #0066cc;
     --app-top-navigation-link-hover-color: #ff6a00;
-    --app-top-navigation-height: 100px;
 
     --app-footer-bg-color: #f3f4f5;
     --app-footer-text-color: #5c6773;