finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use light/dark theme based on system preference (#17051)

Browse source 
Add a new default theme `auto`, which will automatically switch between
`gitea` (light) and `arc-green` (dark) themes depending on the user's
operating system settings.

Closes: #8183
This commit is contained in:
Gwyneth Morgan 2021-09-27 07:47:44 -07:00 • committed by GitHub
parent 868e937a53
commit 4e0cca3f7d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 19 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web_src/js/utils.js
View file

@ -26,7 +26,13 @@ export function isObject(obj) {
// returns whether a dark theme is enabled
export function isDarkTheme() {
return document.documentElement.classList.contains('theme-arc-green');
if (document.documentElement.classList.contains('theme-auto')) {
return window.matchMedia('(prefers-color-scheme: dark)').matches;
}
if (document.documentElement.classList.contains('theme-arc-green')) {
return true;
}
return false;
}
// removes duplicate elements in an array