philipp/hacky-ruadat
1
0
Fork 0
forked from Ruderverein-Donau-Linz/rowt
Code Pull Requests 1 Actions Activity

[BUGFIX] login screen dark mode

Browse Source
This commit is contained in:
Marie Birner 2023-11-04 20:51:03 +01:00
parent 895492946c
commit 8123299861
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/main.ts
View File

@ -77,18 +77,16 @@ function colorThemeWatcher() {
function setTheme(theme: string, setLocalStorage = true) { function setTheme(theme: string, setLocalStorage = true) {
let toggleBtn = document.querySelector('#theme-toggle-js'); let toggleBtn = document.querySelector('#theme-toggle-js');
if(toggleBtn) {
if (setLocalStorage) { if (setLocalStorage) {
localStorage.setItem('theme', theme); localStorage.setItem('theme', theme);
} }
toggleBtn.setAttribute('data-theme', theme); if (toggleBtn) toggleBtn.setAttribute('data-theme', theme);
if (document.documentElement.classList.contains('dark') && theme === 'light') { if (document.documentElement.classList.contains('dark') && theme === 'light') {
document.documentElement.classList.remove('dark'); document.documentElement.classList.remove('dark');
} else if(theme === 'dark'){ } else if(theme === 'dark'){
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
} }
}
} }
function setCurrentdate(input: HTMLInputElement) { function setCurrentdate(input: HTMLInputElement) {

2
templates/base.html.tera
View File

@ -30,7 +30,7 @@
</header> </header>
{% endif %} {% endif %}
<div class="flex min-h-screen {%if not loggedin_user and not show_kiosk_header %} items-center {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8"> {% block content %}{% endblock content %} <div class="flex min-h-screen {%if not loggedin_user and not show_kiosk_header %} items-center dark:bg-primary-900 {% else %} items-start {% endif %} justify-center px-4 py-12 sm:px-6 lg:px-8"> {% block content %}{% endblock content %}
</div> </div>
{% if loggedin_user %} {% if loggedin_user %}