Yegoroot
3/5/2018 - 3:55 PM

JS__color-random-on-symbol


	(function() {
		var mdlColors;

		mdlColors = [['#e57373', '#d32f2f'], ['#f06292', '#c2185b'], ['#ba68c8', '#7b1fa2'], ['#9575cd', '#512da8'], ['#7986cb', '#303f9f'], ['#64b5f6', '#1976d2'], ['#4fc3f7', '#0288d1'], ['#4dd0e1', '#0097a7'], ['#4db6ac', '#00796b'], ['#81c784', '#388e3c'], ['#aed581', '#689f38'], ['#dce775', '#afb42b'], ['#fff176', '#fbc02d'], ['#ffd54f', '#ffa000'], ['#ffb74d', '#f57c00'], ['#ff8a65', '#e64a19'], ['#a1887f', '#5d4037'], ['#90a4ae', '#455a64']];

		window.colorize = function(elem, name) {
			var color, dark, getColor, i, j, k, l, light, ref, ref1, ref2, text;
			text = elem.querySelectorAll('.clrzText');
			light = elem.querySelectorAll('.clrzLight');
			dark = elem.querySelectorAll('.clrzDark');
			getColor = function(name) {
				var color, i, j, number, ref;
				number = 0;
				for (i = j = 0, ref = name.length; 0 <= ref ? j < ref : j > ref; i = 0 <= ref ? ++j : --j) {
					number += name.charCodeAt(i);
				}
				return color = mdlColors[number % mdlColors.length];
			};
			color = getColor(name);
			for (i = j = 0, ref = text.length; 0 <= ref ? j < ref : j > ref; i = 0 <= ref ? ++j : --j) {
				text[i].style.color = color[1];
			}
			for (i = k = 0, ref1 = light.length; 0 <= ref1 ? k < ref1 : k > ref1; i = 0 <= ref1 ? ++k : --k) {
				light[i].style.backgroundColor = color[0];
			}
			for (i = l = 0, ref2 = dark.length; 0 <= ref2 ? l < ref2 : l > ref2; i = 0 <= ref2 ? ++l : --l) {
				dark[i].style.backgroundColor = color[1];
			}
			return console.log('colorized');
		};

	}).call(this);

	var cards = document.querySelectorAll('.clrz');
	for(var i=0; i<cards.length; i++) {
		colorize(cards[i], cards[i].querySelector('.clrzName').innerText);
	}