From af901a4ca94603c8a379d2585758d89522430f8d Mon Sep 17 00:00:00 2001 From: ThetaDev Date: Thu, 25 Nov 2021 08:14:48 +0100 Subject: Detect dark theme via css variable (#17800) * 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. --- web_src/js/utils.js | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) (limited to 'web_src/js/utils.js') diff --git a/web_src/js/utils.js b/web_src/js/utils.js index 6310b2cb99..86a64b8b75 100644 --- a/web_src/js/utils.js +++ b/web_src/js/utils.js @@ -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 -- cgit v1.2.3