MediaWiki:Vector.js: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 24: Line 24:
   return `rgb(${r},${g},${b})`;
   return `rgb(${r},${g},${b})`;
}
}
// Set the initial random background color
 
// Set the initial random background color for all elements
function setInitialBackgroundColor() {
function setInitialBackgroundColor() {
   const randomColor = getRandomBrightColor();
   const randomColor = getRandomBrightColor();
   document.documentElement.style.setProperty('--background-color-base', randomColor);
  // Set for body
   document.body.style.backgroundColor = randomColor;
  // Set for .vector-pinned-container
  const pinnedContainer = document.querySelector('.vector-pinned-container');
  if (pinnedContainer) pinnedContainer.style.backgroundColor = randomColor;
  // Set for .vector-dropdown-content
  const dropdownContent = document.querySelectorAll('.vector-dropdown-content');
  dropdownContent.forEach(element => {
    element.style.backgroundColor = randomColor;
  });
}
}
// Gradually change the background color
 
// Gradually change the background color for all elements
function changeBackgroundGradually() {
function changeBackgroundGradually() {
   setInterval(() => {
   setInterval(() => {
     const randomColor = getRandomBrightColor();
     const randomColor = getRandomBrightColor();
     document.documentElement.style.setProperty('--background-color-base', randomColor);
   
    // 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();
setInitialBackgroundColor();
changeBackgroundGradually();
changeBackgroundGradually();
Retrieved from "https://ooqa.karls.computer/MediaWiki:Vector.js"