git724/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Detect dark theme via css variable (#17800)

Browse source 
* detect dark theme via css variable
* minor refactor, add documentation

If your custom theme is considered a dark theme, set the global css variable `--is-dark-theme` to `true`.
This allows gitea to adjust the Monaco code editor's theme accordingly.
This commit is contained in:
ThetaDev 2021-11-25 08:14:48 +01:00 • committed by GitHub
parent e0f81b4ef4
commit af901a4ca9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web_src/js/utils.js
View file

@ -26,13 +26,8 @@ export function isObject(obj) {
// returns whether a dark theme is enabled
export function isDarkTheme() {
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;
const style = window.getComputedStyle(document.documentElement);
return style.getPropertyValue('--is-dark-theme').trim().toLowerCase() === 'true';
}
// removes duplicate elements in an array