hrfee/jfa-go
1
0
Fork 0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-22 17:10:10 +00:00
Code Issues Projects Releases Wiki Activity

respect browser/os dark mode preference

Browse Source
This commit is contained in:
Harvey Tindall 2021-03-10 19:42:40 +00:00
parent 9b977bafbf
commit e6e5b0f3cf
Signed by: hrfee
GPG Key ID: BBC65952848FB1A2
4 changed files with 1820 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
html/header.html
View File

@ -1,6 +1,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Description" content="jfa-go, a better way to manage Jellyfin users."> <meta name="Description" content="jfa-go, a better way to manage Jellyfin users.">
<meta name="color-scheme" content="dark light">
<link rel="apple-touch-icon" sizes="180x180" href="{{ .urlBase }}/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="{{ .urlBase }}/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{ .urlBase }}/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="{{ .urlBase }}/favicon-32x32.png">

1816
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@ -25,6 +25,5 @@
"remixicon": "^2.5.0", "remixicon": "^2.5.0",
"remove-markdown": "^0.3.0", "remove-markdown": "^0.3.0",
"typescript": "^4.0.3" "typescript": "^4.0.3"
}, }
"devDependencies": {}
} }

3
ts/modules/theme.ts
View File

@ -12,5 +12,8 @@ export function loadTheme() {
} else if (theme == "light") { } else if (theme == "light") {
document.documentElement.classList.add('light-theme'); document.documentElement.classList.add('light-theme');
document.documentElement.classList.remove('dark-theme'); document.documentElement.classList.remove('dark-theme');
} else if (window.matchMedia('(prefers-color-scheme: dark)').media !== 'not all') {
document.documentElement.classList.add('dark-theme');
document.documentElement.classList.remove('light-theme');
} }
} }