django-spire 0.20.2__py3-none-any.whl → 0.20.3__py3-none-any.whl

django_spire/consts.py

@@ -1,4 +1,4 @@
-__VERSION__ = '0.20.2'
+__VERSION__ = '0.20.3'
 
 MAINTENANCE_MODE_SETTINGS_NAME = 'MAINTENANCE_MODE'
 

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

@@ -58,6 +58,26 @@
     background-color: var(--app-bg-primary-dark) !important;
 }
 
+.bg-app-primary-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-primary) 10%, transparent) !important;
+}
+
+.bg-app-primary-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-primary) 25%, transparent) !important;
+}
+
+.bg-app-primary-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-primary) 50%, transparent) !important;
+}
+
+.bg-app-primary-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-primary) 75%, transparent) !important;
+}
+
+.bg-app-primary-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-primary) 90%, transparent) !important;
+}
+
 .bg-app-secondary, .bg-app-secondary-hover:hover {
     background-color: var(--app-bg-secondary) !important;
 }
@@ -70,6 +90,26 @@
     background-color: var(--app-bg-secondary-dark) !important;
 }
 
+.bg-app-secondary-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-secondary) 10%, transparent) !important;
+}
+
+.bg-app-secondary-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-secondary) 25%, transparent) !important;
+}
+
+.bg-app-secondary-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-secondary) 50%, transparent) !important;
+}
+
+.bg-app-secondary-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-secondary) 75%, transparent) !important;
+}
+
+.bg-app-secondary-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-secondary) 90%, transparent) !important;
+}
+
 .bg-app-accent, .bg-app-accent-hover:hover {
     background-color: var(--app-bg-accent) !important;
 }
@@ -82,6 +122,26 @@
     background-color: var(--app-bg-accent-dark) !important;
 }
 
+.bg-app-accent-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-accent) 10%, transparent) !important;
+}
+
+.bg-app-accent-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-accent) 25%, transparent) !important;
+}
+
+.bg-app-accent-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-accent) 50%, transparent) !important;
+}
+
+.bg-app-accent-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-accent) 75%, transparent) !important;
+}
+
+.bg-app-accent-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-accent) 90%, transparent) !important;
+}
+
 .bg-app-success, .bg-app-success-hover:hover {
     background-color: var(--app-bg-success) !important;
 }
@@ -94,6 +154,26 @@
     background-color: var(--app-bg-success-dark) !important;
 }
 
+.bg-app-success-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-success) 10%, transparent) !important;
+}
+
+.bg-app-success-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-success) 25%, transparent) !important;
+}
+
+.bg-app-success-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-success) 50%, transparent) !important;
+}
+
+.bg-app-success-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-success) 75%, transparent) !important;
+}
+
+.bg-app-success-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-success) 90%, transparent) !important;
+}
+
 .bg-app-warning, .bg-app-warning-hover:hover {
     background-color: var(--app-bg-warning) !important;
 }
@@ -106,6 +186,26 @@
     background-color: var(--app-bg-warning-dark) !important;
 }
 
+.bg-app-warning-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-warning) 10%, transparent) !important;
+}
+
+.bg-app-warning-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-warning) 25%, transparent) !important;
+}
+
+.bg-app-warning-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-warning) 50%, transparent) !important;
+}
+
+.bg-app-warning-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-warning) 75%, transparent) !important;
+}
+
+.bg-app-warning-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-warning) 90%, transparent) !important;
+}
+
 .bg-app-danger, .bg-app-danger-hover:hover {
     background-color: var(--app-bg-danger) !important;
 }
@@ -118,6 +218,26 @@
     background-color: var(--app-bg-danger-dark) !important;
 }
 
+.bg-app-danger-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-danger) 10%, transparent) !important;
+}
+
+.bg-app-danger-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-danger) 25%, transparent) !important;
+}
+
+.bg-app-danger-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-danger) 50%, transparent) !important;
+}
+
+.bg-app-danger-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-danger) 75%, transparent) !important;
+}
+
+.bg-app-danger-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-danger) 90%, transparent) !important;
+}
+
 .bg-app-layer-one, .bg-app-layer-one-hover:hover {
     background-color: var(--app-bg-layer-one) !important;
 }
@@ -134,6 +254,86 @@
     background-color: var(--app-bg-layer-four) !important;
 }
 
+.bg-app-layer-one-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-one) 10%, transparent) !important;
+}
+
+.bg-app-layer-one-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-one) 25%, transparent) !important;
+}
+
+.bg-app-layer-one-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-one) 50%, transparent) !important;
+}
+
+.bg-app-layer-one-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-one) 75%, transparent) !important;
+}
+
+.bg-app-layer-one-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-one) 90%, transparent) !important;
+}
+
+.bg-app-layer-two-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-two) 10%, transparent) !important;
+}
+
+.bg-app-layer-two-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-two) 25%, transparent) !important;
+}
+
+.bg-app-layer-two-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-two) 50%, transparent) !important;
+}
+
+.bg-app-layer-two-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-two) 75%, transparent) !important;
+}
+
+.bg-app-layer-two-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-two) 90%, transparent) !important;
+}
+
+.bg-app-layer-three-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-three) 10%, transparent) !important;
+}
+
+.bg-app-layer-three-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-three) 25%, transparent) !important;
+}
+
+.bg-app-layer-three-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-three) 50%, transparent) !important;
+}
+
+.bg-app-layer-three-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-three) 75%, transparent) !important;
+}
+
+.bg-app-layer-three-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-three) 90%, transparent) !important;
+}
+
+.bg-app-layer-four-opacity-10 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-four) 10%, transparent) !important;
+}
+
+.bg-app-layer-four-opacity-25 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-four) 25%, transparent) !important;
+}
+
+.bg-app-layer-four-opacity-50 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-four) 50%, transparent) !important;
+}
+
+.bg-app-layer-four-opacity-75 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-four) 75%, transparent) !important;
+}
+
+.bg-app-layer-four-opacity-90 {
+    background-color: color-mix(in srgb, var(--app-bg-layer-four) 90%, transparent) !important;
+}
+
 .bg-app-alt-layer-one, .bg-app-alt-layer-one-hover:hover {
     background-color: var(--app-bg-alt-layer-one) !important;
     color: var(--app-default-alt-text-color) !important;

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

@@ -44,6 +44,9 @@
     --app-text-footer: var(--app-footer-text-color);
     --app-link-footer: var(--app-footer-link-color);
     --app-link-footer-hover: var(--app-footer-link-hover-color);
+
+    --app-text-inverted: var(--app-inverted-text-color);
+    --app-text-inverted-alt: var(--app-inverted-alt-text-color);
 }
 
 .text-alt-color, .text-alt-color-hover:hover {
@@ -62,6 +65,14 @@
     color: var(--app-default-text-color) !important;
 }
 
+.text-app-inverted, .text-app-inverted-hover:hover {
+    color: var(--app-text-inverted) !important;
+}
+
+.text-app-inverted-alt, .text-app-inverted-alt-hover:hover {
+    color: var(--app-text-inverted-alt) !important;
+}
+
 .text-app-primary, .text-app-primary-hover:hover {
     color: var(--app-text-primary) !important;
 }
@@ -74,6 +85,26 @@
     color: var(--app-text-primary-dark) !important;
 }
 
+.text-app-primary-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-primary) 10%, transparent) !important;
+}
+
+.text-app-primary-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-primary) 25%, transparent) !important;
+}
+
+.text-app-primary-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-primary) 50%, transparent) !important;
+}
+
+.text-app-primary-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-primary) 75%, transparent) !important;
+}
+
+.text-app-primary-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-primary) 90%, transparent) !important;
+}
+
 .text-app-secondary, .text-app-secondary-hover:hover {
     color: var(--app-text-secondary) !important;
 }
@@ -86,6 +117,26 @@
     color: var(--app-text-secondary-dark) !important;
 }
 
+.text-app-secondary-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-secondary) 10%, transparent) !important;
+}
+
+.text-app-secondary-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-secondary) 25%, transparent) !important;
+}
+
+.text-app-secondary-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-secondary) 50%, transparent) !important;
+}
+
+.text-app-secondary-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-secondary) 75%, transparent) !important;
+}
+
+.text-app-secondary-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-secondary) 90%, transparent) !important;
+}
+
 .text-app-accent, .text-app-accent-hover:hover {
     color: var(--app-text-accent) !important;
 }
@@ -98,6 +149,26 @@
     color: var(--app-text-accent-dark) !important;
 }
 
+.text-app-accent-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-accent) 10%, transparent) !important;
+}
+
+.text-app-accent-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-accent) 25%, transparent) !important;
+}
+
+.text-app-accent-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-accent) 50%, transparent) !important;
+}
+
+.text-app-accent-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-accent) 75%, transparent) !important;
+}
+
+.text-app-accent-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-accent) 90%, transparent) !important;
+}
+
 .text-app-success, .text-app-success-hover:hover {
     color: var(--app-text-success) !important;
 }
@@ -110,6 +181,26 @@
     color: var(--app-text-success-dark) !important;
 }
 
+.text-app-success-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-success) 10%, transparent) !important;
+}
+
+.text-app-success-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-success) 25%, transparent) !important;
+}
+
+.text-app-success-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-success) 50%, transparent) !important;
+}
+
+.text-app-success-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-success) 75%, transparent) !important;
+}
+
+.text-app-success-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-success) 90%, transparent) !important;
+}
+
 .text-app-warning, .text-app-warning-hover:hover {
     color: var(--app-text-warning) !important;
 }
@@ -122,6 +213,26 @@
     color: var(--app-text-warning-dark) !important;
 }
 
+.text-app-warning-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-warning) 10%, transparent) !important;
+}
+
+.text-app-warning-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-warning) 25%, transparent) !important;
+}
+
+.text-app-warning-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-warning) 50%, transparent) !important;
+}
+
+.text-app-warning-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-warning) 75%, transparent) !important;
+}
+
+.text-app-warning-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-warning) 90%, transparent) !important;
+}
+
 .text-app-danger, .text-app-danger-hover:hover {
     color: var(--app-text-danger) !important;
 }
@@ -134,6 +245,26 @@
     color: var(--app-text-danger-dark) !important;
 }
 
+.text-app-danger-opacity-10 {
+    color: color-mix(in srgb, var(--app-text-danger) 10%, transparent) !important;
+}
+
+.text-app-danger-opacity-25 {
+    color: color-mix(in srgb, var(--app-text-danger) 25%, transparent) !important;
+}
+
+.text-app-danger-opacity-50 {
+    color: color-mix(in srgb, var(--app-text-danger) 50%, transparent) !important;
+}
+
+.text-app-danger-opacity-75 {
+    color: color-mix(in srgb, var(--app-text-danger) 75%, transparent) !important;
+}
+
+.text-app-danger-opacity-90 {
+    color: color-mix(in srgb, var(--app-text-danger) 90%, transparent) !important;
+}
+
 .text-app-layer-one, .text-app-layer-one-hover:hover {
     color: var(--app-text-layer-one) !important;
 }
@@ -206,4 +337,4 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-}
+}

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #59c2ff;
     --app-default-link-hover-color: #ffd580;
 
+    --app-inverted-text-color: #0f1419;
+    --app-inverted-alt-text-color: #262d35;
+
     --app-side-navigation-bg-color: #0d1017;
     --app-side-navigation-text-color: #bfbdb6;
     --app-side-navigation-link-color: #bfbdb6;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #0066cc;
     --app-default-link-hover-color: #ff6a00;
 
+    --app-inverted-text-color: #fafafa;
+    --app-inverted-alt-text-color: #f3f4f5;
+
     --app-side-navigation-bg-color: #5c6773;
     --app-side-navigation-text-color: #fafafa;
     --app-side-navigation-link-color: #fafafa;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #cba6f7;
     --app-default-link-hover-color: #f38ba8;
 
+    --app-inverted-text-color: #1e1e2e;
+    --app-inverted-alt-text-color: #313244;
+
     --app-side-navigation-bg-color: #181825;
     --app-side-navigation-text-color: #cdd6f4;
     --app-side-navigation-link-color: #cdd6f4;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #8839ef;
     --app-default-link-hover-color: #d20f39;
 
+    --app-inverted-text-color: #eff1f5;
+    --app-inverted-alt-text-color: #e6e9ef;
+
     --app-side-navigation-bg-color: #4c4f69;
     --app-side-navigation-text-color: #eff1f5;
     --app-side-navigation-link-color: #eff1f5;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #0097c9;
     --app-default-link-hover-color: #00b8e6;
 
+    --app-inverted-text-color: #181818;
+    --app-inverted-alt-text-color: #232526;
+
     --app-side-navigation-bg-color: #0f0f0f;
     --app-side-navigation-text-color: #ffffff;
     --app-side-navigation-link-color: #ffffff;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #0097c9;
     --app-default-link-hover-color: #007ba3;
 
+    --app-inverted-text-color: #ffffff;
+    --app-inverted-alt-text-color: #fafafa;
+
     --app-side-navigation-bg-color: #181818;
     --app-side-navigation-text-color: #ffffff;
     --app-side-navigation-link-color: #ffffff;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #fabd2f;
     --app-default-link-hover-color: #fe8019;
 
+    --app-inverted-text-color: #282828;
+    --app-inverted-alt-text-color: #3c3836;
+
     --app-side-navigation-bg-color: #1d2021;
     --app-side-navigation-text-color: #ebdbb2;
     --app-side-navigation-link-color: #ebdbb2;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #b57614;
     --app-default-link-hover-color: #af3a03;
 
+    --app-inverted-text-color: #fbf1c7;
+    --app-inverted-alt-text-color: #f2e5bc;
+
     --app-side-navigation-bg-color: #3c3836;
     --app-side-navigation-text-color: #fbf1c7;
     --app-side-navigation-link-color: #fbf1c7;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #90caf9;
     --app-default-link-hover-color: #ff8a65;
 
+    --app-inverted-text-color: #121212;
+    --app-inverted-alt-text-color: #1e1e1e;
+
     --app-side-navigation-bg-color: #121212;
     --app-side-navigation-text-color: #ffffff;
     --app-side-navigation-link-color: #ffffff;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #2196f3;
     --app-default-link-hover-color: #ff5722;
 
+    --app-inverted-text-color: #fafafa;
+    --app-inverted-alt-text-color: #f5f5f5;
+
     --app-side-navigation-bg-color: #263238;
     --app-side-navigation-text-color: #eceff1;
     --app-side-navigation-link-color: #eceff1;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #81a1c1;
     --app-default-link-hover-color: #bf616a;
 
+    --app-inverted-text-color: #2e3440;
+    --app-inverted-alt-text-color: #3b4252;
+
     --app-side-navigation-bg-color: #2e3440;
     --app-side-navigation-text-color: #eceff4;
     --app-side-navigation-link-color: #eceff4;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #5e81ac;
     --app-default-link-hover-color: #bf616a;
 
+    --app-inverted-text-color: #eceff4;
+    --app-inverted-alt-text-color: #e5e9f0;
+
     --app-side-navigation-bg-color: #2e3440;
     --app-side-navigation-text-color: #eceff4;
     --app-side-navigation-link-color: #eceff4;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #61afef;
     --app-default-link-hover-color: #c678dd;
 
+    --app-inverted-text-color: #21252b;
+    --app-inverted-alt-text-color: #2c313c;
+
     --app-side-navigation-bg-color: #1e2227;
     --app-side-navigation-text-color: #abb2bf;
     --app-side-navigation-link-color: #abb2bf;

django_spire/core/static/django_spire/css/themes/one-dark/app-light.css

@@ -42,6 +42,9 @@
     --app-default-link-color: #4078f2;
     --app-default-link-hover-color: #a626a4;
 
+    --app-inverted-text-color: #fafafa;
+    --app-inverted-alt-text-color: #f0f0f1;
+
     --app-side-navigation-bg-color: #383a42;
     --app-side-navigation-text-color: #fafafa;
     --app-side-navigation-link-color: #fafafa;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #82aaff;
     --app-default-link-hover-color: #c792ea;
 
+    --app-inverted-text-color: #292d3e;
+    --app-inverted-alt-text-color: #444267;
+
     --app-side-navigation-bg-color: #1e1e2e;
     --app-side-navigation-text-color: #a6accd;
     --app-side-navigation-link-color: #a6accd;

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

@@ -42,6 +42,9 @@
     --app-default-link-color: #4A90E2;
     --app-default-link-hover-color: #7986CB;
 
+    --app-inverted-text-color: #fafafa;
+    --app-inverted-alt-text-color: #f5f6f9;
+
     --app-side-navigation-bg-color: #4e5579;
     --app-side-navigation-text-color: #fafafa;
     --app-side-navigation-link-color: #fafafa;

django_spire/core/static/django_spire/css/themes/rose-pine/app-dark.css

@@ -42,6 +42,9 @@
     --app-default-link-color: #c4a7e7;
     --app-default-link-hover-color: #eb6f92;
 
+    --app-inverted-text-color: #191724;
+    --app-inverted-alt-text-color: #26233a;
+
     --app-side-navigation-bg-color: #1f1d2e;
     --app-side-navigation-text-color: #e0def4;
     --app-side-navigation-link-color: #e0def4;

django_spire/core/static/django_spire/css/themes/rose-pine/app-light.css

@@ -42,6 +42,9 @@
     --app-default-link-color: #907aa9;
     --app-default-link-hover-color: #d7827e;
 
+    --app-inverted-text-color: #fffaf3;
+    --app-inverted-alt-text-color: #f2e9e1;
+
     --app-side-navigation-bg-color: #56526e;
     --app-side-navigation-text-color: #faf4ed;
     --app-side-navigation-link-color: #faf4ed;

django_spire/core/static/django_spire/css/themes/tokyo-night/app-dark.css

@@ -42,6 +42,9 @@
     --app-default-link-color: #7aa2f7;
     --app-default-link-hover-color: #bb9af7;
 
+    --app-inverted-text-color: #1a1b26;
+    --app-inverted-alt-text-color: #24283b;
+
     --app-side-navigation-bg-color: #16161e;
     --app-side-navigation-text-color: #c0caf5;
     --app-side-navigation-link-color: #c0caf5;

django_spire/core/static/django_spire/css/themes/tokyo-night/app-light.css

@@ -42,6 +42,9 @@
     --app-default-link-color: #3d59a1;
     --app-default-link-hover-color: #f52a65;
 
+    --app-inverted-text-color: #d5d6db;
+    --app-inverted-alt-text-color: #dfe0e5;
+
     --app-side-navigation-bg-color: #343b58;
     --app-side-navigation-text-color: #d5d6db;
     --app-side-navigation-link-color: #d5d6db;