mirror of
https://github.com/PhoenixTwoFive/karaoqueue.git
synced 2025-05-19 02:51:48 +02:00
Merge pull request #75 from PhoenixTwoFive/59-dark-theme-toast-notifications
Dark theme Toast notifications
This commit is contained in:
commit
6d3ca87869
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -1,5 +1,3 @@
|
|||||||
|
|
||||||
|
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
{% block title %}Warteliste{% endblock %}
|
{% block title %}Warteliste{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user