mirrors/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-10-26 12:27:06 +00:00
Code Issues Packages Projects Releases 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
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