Merge pull request #75 from PhoenixTwoFive/59-dark-theme-toast-notifications

Dark theme Toast notifications
This commit is contained in:
Phillip Kühne 2023-10-04 02:15:48 +02:00 committed by GitHub
commit 6d3ca87869
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 67 additions and 51 deletions

View File

@ -24,6 +24,10 @@
/* Misc */ /* Misc */
--copy-highlight-color: rgba(251, 255, 0, 0.6); --copy-highlight-color: rgba(251, 255, 0, 0.6);
/* Toasts */
--toast-background-color: #ffffff;
--toast-text-color: #212529;
} }
@ -188,6 +192,16 @@ pre {
); );
} }
.toast {
background-color: var(--toast-background-color);
color: var(--toast-text-color);
}
.toast-header {
background-color: var(--toast-background-color);
color: var(--toast-text-color);
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
/* Navbar */ /* Navbar */
@ -212,5 +226,9 @@ pre {
/* Input */ /* Input */
--input-background-color: #343434; --input-background-color: #343434;
/* Toasts */
--toast-background-color: #232323;
--toast-text-color: #f5f5f5;
} }
} }

View File

@ -1,5 +1,3 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block title %}Warteliste{% endblock %} {% block title %}Warteliste{% endblock %}
{% block content %} {% block content %}