Upgrade crispy forms and handle dark theme

This commit is contained in:
Mark Veidemanis 2024-05-17 23:13:03 +01:00
parent 46b1858897
commit 4baffbe014
Signed by: m
GPG Key ID: 5ACFCEED46C0904F
2 changed files with 28 additions and 3 deletions

View File

@ -120,12 +120,37 @@
cursor:pointer; cursor:pointer;
background-color:rgba(221, 224, 255, 0.3) !important; background-color:rgba(221, 224, 255, 0.3) !important;
} }
@media (prefers-color-scheme: dark) {
:root {
--background-color: rgba(84, 84, 84, 0.9) !important;
--modal-color: rgba(81, 81, 81, 0.9) !important;
}
}
:root {
--background-color-light: rgba(210, 210, 210, 0.9) !important;
--background-color-dark: rgba(84, 84, 84, 0.9) !important;
--background-color-modal-light: rgba(250, 250, 250, 0.5) !important;
--background-color-modal-dark: rgba(210, 210, 210, 0.9) !important;
}
[data-theme="light"] {
--background-color: var(--background-color-light);
--modal-color: var(--background-color-modal-light);
}
[data-theme="dark"] {
--background-color: var(--background-color-dark);
--modal-color: var(--background-color-modal-dark);
}
.panel, .box, .modal { .panel, .box, .modal {
background-color:rgba(250, 250, 250, 0.5) !important; /* background-color:rgba(250, 250, 250, 0.5) !important; */
background-color: var(--modal-color) !important;
} }
.modal, .modal.box{ .modal, .modal.box{
background-color:rgba(210, 210, 210, 0.9) !important; /* background-color:rgba(210, 210, 210, 0.9) !important; */
background-color: var(--background-color) !important;
} }
.modal-background{ .modal-background{
background-color:rgba(255, 255, 255, 0.3) !important; background-color:rgba(255, 255, 255, 0.3) !important;

View File

@ -2,7 +2,7 @@ wheel
uwsgi uwsgi
django django
pre-commit pre-commit
django-crispy-forms==1.14.0 django-crispy-forms
crispy-bulma crispy-bulma
# stripe # stripe
django-rest-framework django-rest-framework