main.js: consistency changes

Author: XhmikosR

static/js/main.js

@@ -34,9 +34,9 @@
     langPickerElement.removeChild(currentLangElement.parentNode);
   }
 
-  const toggleFunction = function () {
+  var toggleFunction = function () {
     langPickerElement.classList.toggle('hidden');
-    const isAriaExpanded =
+    var isAriaExpanded =
       langPickerTogglerElement.getAttribute('aria-expanded') === 'true';
     langPickerTogglerElement.setAttribute('aria-expanded', !isAriaExpanded);
   };
@@ -54,11 +54,11 @@
     }
   });
 })();
+
 (function () {
-  const themeAttr = 'data-theme';
   var darkThemeSwitcherElement = document.querySelector('.dark-theme-switcher');
 
-  let preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)')
+  var preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)')
     .matches
     ? 'dark'
     : 'light';
@@ -69,8 +69,8 @@
       if (!getTheme()) {
         preferredColorScheme = event.matches ? 'dark' : 'light';
         document
-          .querySelector('html')
-          .setAttribute(themeAttr, preferredColorScheme);
+          .documentElement
+          .setAttribute('data-theme', preferredColorScheme);
       }
     });
 
@@ -84,14 +84,15 @@
   });
 
   function setTheme(theme) {
-    document.querySelector('html').setAttribute(themeAttr, theme);
+    document.documentElement.setAttribute('data-theme', theme);
     window.localStorage.setItem('theme', theme);
   }
 
   function getTheme() {
     return window.localStorage.getItem('theme');
   }
 })();
+
 (function () {
   var scrollToTop = document.querySelector('#scroll-to-top');
 
@@ -110,6 +111,7 @@
 
 (function () {
   'use strict';
+
   var userAgent = navigator.userAgent;
   var osMatch = userAgent.match(/(Win|Mac|Linux)/);
   var os = (osMatch && osMatch[1]) || '';
@@ -165,10 +167,9 @@
     winText.textContent = winText.textContent.replace(/x(86|64)/, arch);
   }
 })();
-(function () {
-  // This function is used to replace the anchor
-  // link of Edit on GitHub
 
+// This function is used to replace the anchor link of Edit on GitHub
+(function () {
   var editOnGitHubElement = document.getElementById('editOnGitHubLink');
   var editOnGitHubUrlElement = document.getElementById('editOnGitHubUrl');
 

static/js/themeSwitcher.js

@@ -1,6 +1,6 @@
+/* eslint-disable no-var */
 (function () {
-  const themeAttr = 'data-theme';
-  const isInDarkMode =
+  var isInDarkMode =
     window.matchMedia &&
     window.matchMedia('(prefers-color-scheme: dark)').matches;
 
@@ -11,7 +11,7 @@
   }
 
   function setTheme(theme) {
-    document.querySelector('html').setAttribute(themeAttr, theme);
+    document.documentElement.setAttribute('data-theme', theme);
   }
 
   function getTheme() {