MediaWiki:Vector.js: Difference between revisions

← Older edit Newer edit →

@@ Line 15: / Line 15: @@
 	e.style.rotate = `${ rand(-3, 3) }deg`
 })
+// Function to generate a random bright color
+function getRandomBrightColor() {
+  const min = 200; // Minimum value for bright colors
+  const r = Math.floor(Math.random() * (255 - min) + min);
+  const g = Math.floor(Math.random() * (255 - min) + min);
+  const b = Math.floor(Math.random() * (255 - min) + min);
+  return `rgb(${r},${g},${b})`;
+}
+// Set the initial random background color
+function setInitialBackgroundColor() {
+  const randomColor = getRandomBrightColor();
+  document.body.style.backgroundColor = randomColor;
+}
+// Gradually change the background color
+function changeBackgroundGradually() {
+  setInterval(() => {
+    const randomColor = getRandomBrightColor();
+    document.body.style.transition = "background-color 2s linear"; // Smooth transition over 2 seconds
+    document.body.style.backgroundColor = randomColor;
+  }, 5000); // Change every 5 seconds
+}
+// Initialize the process
+setInitialBackgroundColor();
+changeBackgroundGradually();