User:Canadabonk/sandbox.js

$(document).ready(function(){
	const
		mainBackgroundColor = $('body').css('background-color'),
		contentBackgroundColor = $('#mw-content').css('background-color'),
		fontColor = $('#mw-content').css('color'),
		linkColor = $('.wds-list.wds-is-linked li:hover > a').css('color');
		
	function cssVar(name, val, desc) {
		this.name = name;
		this.val = val;
		this.desc = desc;
	}
	
	const variablesList = {
		mainbgcolor: new cssVar('--main-background-color', mainBackgroundColor),
		contentbgcolor: new cssVar('--content-background-color', contentBackgroundColor)
	};
	
	function variablesListCSS() {
		text = "";
		for (const x in variablesList){
			text += `${variablesList.variablesList[x].name}: ${variablesList.variablesList[x].val};\n`;
		}
	}
		
	const newCSSVariables = `
		:root {
			${variablesListCSS}
		}
	`;
	
	mw.util.addCSS(newCSSVariables);
	

		
		
});