HongChuang/ultralytics-ascend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update extra.js (#17705)

Browse source
This commit is contained in:
Glenn Jocher 2024-11-21 23:59:16 +01:00 • committed by GitHub
parent d670bcc2b9
commit 1907095963
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

46
docs/overrides/javascript/extra.js
View file

@ -1,39 +1,25 @@
// Light/Dark Mode -----------------------------------------------------------------------------------------------------
const applyTheme = (isDark) => {
document.body.setAttribute(
"data-md-color-scheme",
isDark ? "slate" : "default",
);
document.body.setAttribute(
"data-md-color-primary",
isDark ? "black" : "indigo",
);
// Apply theme colors based on dark/light mode -------------------------------------------------------------------------
document.body.setAttribute('data-md-color-scheme', isDark ? 'slate' : 'default');
document.body.setAttribute('data-md-color-primary', isDark ? 'black' : 'indigo');
};
// Check and apply auto theme
const checkAutoTheme = () => {
const palette = JSON.parse(localStorage.getItem(".__palette") || "{}");
if (palette.index === 0) {
applyTheme(window.matchMedia("(prefers-color-scheme: dark)").matches);
// Check and apply appropriate theme based on system/user preference
const checkTheme = () => {
const palette = JSON.parse(localStorage.getItem('.__palette') || '{}');
if (palette.index === 0) { // Auto mode is selected
applyTheme(window.matchMedia('(prefers-color-scheme: dark)').matches);
}
};
// Event listeners for theme changes
const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
mediaQueryList.addListener(checkAutoTheme);
// Watch for system theme changes
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', checkTheme);
// Initial theme check
checkAutoTheme();
// Auto theme input listener
document.addEventListener("DOMContentLoaded", () => {
const autoThemeInput = document.getElementById("__palette_1");
autoThemeInput?.addEventListener("click", () => {
if (autoThemeInput.checked) {
setTimeout(checkAutoTheme);
}
});
// Initialize theme handling on page load
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('__palette_1')?.addEventListener('change', e =>
e.target.checked && setTimeout(checkTheme)
);
checkTheme();
});
// Inkeep --------------------------------------------------------------------------------------------------------------