MediaWiki:Vector.js: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 26: Line 26:


// Set the initial random background color for all elements
// Set the initial random background color for all elements
function setInitialBackgroundColor() {
function setBackgroundColors() {
  const randomColor = getRandomBrightColor();
   // Set for body
   // Set for body
   document.body.style.backgroundColor = randomColor;
   document.body.style.backgroundColor = getRandomBrightColor();
   // Set for .vector-pinned-container
   // Set for .vector-pinned-container
   const pinnedContainer = document.querySelector('.vector-pinned-container');
   const pinnedContainer = document.querySelector('.vector-pinned-container');
   if (pinnedContainer) pinnedContainer.style.backgroundColor = randomColor;
   if (pinnedContainer) pinnedContainer.style.backgroundColor = getRandomBrightColor();
   // Set for .vector-dropdown-content
   // Set for .vector-dropdown-content
   const dropdownContent = document.querySelectorAll('.vector-dropdown-content');
   const dropdownContent = document.querySelectorAll('.vector-dropdown-content');
   dropdownContent.forEach(element => {
   dropdownContent.forEach(element => {
     element.style.backgroundColor = randomColor;
     element.style.backgroundColor = getRandomBrightColor();
   });
   });
}
}
Line 43: Line 42:
function changeBackgroundGradually() {
function changeBackgroundGradually() {
   setInterval(() => {
   setInterval(() => {
     const randomColor = getRandomBrightColor();
     setBackgroundColors();
   
    // Change for body
    document.body.style.backgroundColor = randomColor;
   
    // Change for .vector-pinned-container
    const pinnedContainer = document.querySelector('.vector-pinned-container');
    if (pinnedContainer) pinnedContainer.style.backgroundColor = randomColor;
   
    // Change for .vector-dropdown-content
    const dropdownContent = document.querySelectorAll('.vector-dropdown-content');
    dropdownContent.forEach(element => {
      element.style.backgroundColor = randomColor;
    });
   }, 5000); // Change every 5 seconds
   }, 5000); // Change every 5 seconds
}
}


// Initialize the process
// Initialize the process
setInitialBackgroundColor();
setBackgroundColors();
changeBackgroundGradually();
changeBackgroundGradually();
Retrieved from "https://ooqa.vanabbemuseum.nl/MediaWiki:Vector.js"