mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-12 20:15:25 +00:00
fix: isDarkTheme from int to boolean in academic.js
Fixes data type inconsistency between `isDarkTheme` (int) in `academic.js` and `isSiteThemeDark` (bool) in `site_js.html` that might prevent proper initialization of Mermaid diagrams. See #1745 Fixes #1742
This commit is contained in:
1 parent
16b0e67da9
commit
ed29a71afa
1 file changed
+14
-14
+14
-14
@@ -355,7 +355,7 @@
|
||||
switch (newMode) {
|
||||
case 0:
|
||||
localStorage.setItem('dark_mode', '1');
|
||||
isDarkTheme = 1;
|
||||
isDarkTheme = true;
|
||||
console.info('User changed theme variation to Dark.');
|
||||
showActiveTheme(0);
|
||||
break;
|
||||
@@ -363,10 +363,10 @@
|
||||
localStorage.setItem('dark_mode', '2');
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
// The visitor prefers dark themes and switching to the dark variation is allowed by admin.
|
||||
isDarkTheme = 1;
|
||||
isDarkTheme = true;
|
||||
} else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
|
||||
// The visitor prefers light themes and switching to the dark variation is allowed by admin.
|
||||
isDarkTheme = 0;
|
||||
isDarkTheme = false;
|
||||
} else {
|
||||
isDarkTheme = isSiteThemeDark; // Use the site's default theme variation based on `light` in the theme file.
|
||||
}
|
||||
@@ -375,7 +375,7 @@
|
||||
break;
|
||||
default:
|
||||
localStorage.setItem('dark_mode', '0');
|
||||
isDarkTheme = 0;
|
||||
isDarkTheme = false;
|
||||
console.info('User changed theme variation to Light.');
|
||||
showActiveTheme(2);
|
||||
break;
|
||||
@@ -414,18 +414,18 @@
|
||||
let isDarkTheme;
|
||||
switch (currentThemeMode) {
|
||||
case 0:
|
||||
isDarkTheme = 0;
|
||||
isDarkTheme = false;
|
||||
break;
|
||||
case 1:
|
||||
isDarkTheme = 1;
|
||||
isDarkTheme = true;
|
||||
break;
|
||||
default:
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
// The visitor prefers dark themes and switching to the dark variation is allowed by admin.
|
||||
isDarkTheme = 1;
|
||||
isDarkTheme = true;
|
||||
} else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
|
||||
// The visitor prefers light themes and switching to the dark variation is allowed by admin.
|
||||
isDarkTheme = 0;
|
||||
isDarkTheme = false;
|
||||
} else {
|
||||
isDarkTheme = isSiteThemeDark; // Use the site's default theme variation based on `light` in the theme file.
|
||||
}
|
||||
@@ -437,7 +437,7 @@
|
||||
/**
|
||||
* Render theme variation (day or night).
|
||||
*
|
||||
* @param {int} isDarkTheme - TODO: convert to boolean.
|
||||
* @param {boolean} isDarkTheme
|
||||
* @param {boolean} init
|
||||
* @returns {undefined}
|
||||
*/
|
||||
@@ -452,12 +452,12 @@
|
||||
if (!init) {
|
||||
// If request to render light when light variation already rendered, return.
|
||||
// If request to render dark when dark variation already rendered, return.
|
||||
if ((isDarkTheme === 0 && !$('body').hasClass('dark')) || (isDarkTheme === 1 && $('body').hasClass('dark'))) {
|
||||
if ((isDarkTheme === false && !$('body').hasClass('dark')) || (isDarkTheme === true && $('body').hasClass('dark'))) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (isDarkTheme === 0) {
|
||||
if (isDarkTheme === false) {
|
||||
if (!init) {
|
||||
// Only fade in the page when changing the theme variation.
|
||||
$('body').css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 500);
|
||||
@@ -475,7 +475,7 @@
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
} else if (isDarkTheme === 1) {
|
||||
} else if (isDarkTheme === true) {
|
||||
if (!init) {
|
||||
// Only fade in the page when changing the theme variation.
|
||||
$('body').css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 500);
|
||||
@@ -618,10 +618,10 @@
|
||||
if (currentThemeVariation === 2) {
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
// The visitor prefers dark themes.
|
||||
isDarkTheme = 1;
|
||||
isDarkTheme = true;
|
||||
} else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
|
||||
// The visitor prefers light themes.
|
||||
isDarkTheme = 0;
|
||||
isDarkTheme = false;
|
||||
} else {
|
||||
// The visitor does not have a day or night preference, so use the theme's default setting.
|
||||
isDarkTheme = isSiteThemeDark;
|
||||
|
||||
Reference in new issue
Block a user