MediaWiki:Gadget-InfoboxColors.js

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

• Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
• Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
• Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
• Opera: Naciśnij klawisze Ctrl+F5.

var infoboxes = document.querySelectorAll('.infobox');
infoboxes.forEach(function(infobox) {
	var image = infobox.querySelector('.infobox-image img');
	function generate() {
		var vibrant = new Vibrant(image);
		var swatches = vibrant.swatches();
		var header = infobox.querySelector('th');
		header.style.backgroundColor = swatches['DarkVibrant'].getHex();
	}
	
	image.addEventListener('load', generate);
	generate();
});