TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 08:30:25 +08: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