gitea/opengist
0
0
Fork 0
mirror of https://github.com/thomiceli/opengist.git synced 2025-06-13 13:57:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix dark mode flickering (#44)

Browse Source
This commit is contained in:
Thomas Miceli
2023-06-01 19:04:12 +02:00
committed by GitHub
parent da970d7272
commit 8880e00f48
2 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
templates/base/base_header.html vendored
View File

@ -3,6 +3,24 @@
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8" />
<script>
const checkTheme = () => {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
}
checkTheme()
window.matchMedia('(prefers-color-scheme: dark)')
.addEventListener('change', ({matches}) => {
checkTheme()
}
)
</script>
<link rel="icon" type="image/svg+xml" href="{{ asset "favicon.svg" }}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{{ asset "main.css" }}" />