diff --git a/src/eleventy-config/transforms.js b/src/eleventy-config/transforms.js index 2f5aab607..9eab707e0 100644 --- a/src/eleventy-config/transforms.js +++ b/src/eleventy-config/transforms.js @@ -234,6 +234,7 @@ export default function(eleventyConfig) { if (outputPath && outputPath.endsWith('.html')) { return htmlmin.minify(content, { collapseWhitespace: true, + minifyJS: true, }); } return content; diff --git a/src/includes/dark-mode.njk b/src/includes/dark-mode.njk index 86b85fdb0..ba07d4ee7 100644 --- a/src/includes/dark-mode.njk +++ b/src/includes/dark-mode.njk @@ -21,6 +21,13 @@ } } + function toggleDarkMode() { + applyColorScheme( + !document.querySelector('html').classList.contains(window.classNameDark), + true + ); + } + colorSchemeMediaQuery.addEventListener('change', (mediaQuery) => { applyColorScheme(mediaQuery.matches); }); @@ -39,4 +46,11 @@ // В противном случае берём системное значение applyColorScheme(isPrefersDarkColorScheme); } + + document.addEventListener('DOMContentLoaded', () => { + const colorSchemeButton = document.querySelector('.scheme-switcher__button'); + colorSchemeButton.addEventListener('click', () => { + toggleDarkMode(); + }); + }); diff --git a/src/scripts/index.js b/src/scripts/index.js index ec08e7efd..0afb3e08d 100644 --- a/src/scripts/index.js +++ b/src/scripts/index.js @@ -2,4 +2,3 @@ import './modules/menu.js'; import './modules/copy-link.js'; import './modules/video.js'; import './modules/podcast.js'; -import './modules/dark-mode.js'; diff --git a/src/scripts/modules/dark-mode.js b/src/scripts/modules/dark-mode.js deleted file mode 100644 index 89b690eec..000000000 --- a/src/scripts/modules/dark-mode.js +++ /dev/null @@ -1,11 +0,0 @@ -function toggleDarkMode() { - window.applyColorScheme( - !document.querySelector('html').classList.contains(window.classNameDark), - true - ); -} - -const colorSchemeButton = document.querySelector('.scheme-switcher__button'); -colorSchemeButton.addEventListener('click', () => { - toggleDarkMode(); -});