/TypeScript/Typescript css variables html

Typescript css variables html

Typescript css variables

document.documentElement.style.setProperty("--main-background-color", "green");

Source: stackoverflow.com

Typescript css variables html

const styling: { name: string, value: string }[] = [
	{ name: "--primary", value: "#123456" }
];

let styleElement: HTMLElement = document.createElement( 'style' );
let cssVariable: string = '';

for ( let i = 0; i < styling.length; i++ ) {
  cssVariable += styling[i].name + ':' + styling[i].value + ';';
}

styleElement.innerText = ':root { ' + cssVariable + ' }';
document.getElementsByTagName( 'head' )[0].appendChild( styleElement );

Similar codes

0 vote156 views1 answer
Open dialog
TypeScript
2 votes134 views5 answers
Plot multiple plots in r
TypeScript
0 vote123 views1 answer
Uat testing vs system testing
TypeScript
0 vote133 views3 answers
Get weights of a layer keras
TypeScript
0 vote134 views1 answer
Typescript implement
TypeScript
152 votes297 views6 answers
Create react app ts
TypeScript
1 vote131 views1 answer
How to set the contents of a div with jquery
TypeScript
8 votes141 views6 answers
Woocommerce products shortcode
TypeScript
0 vote183 views2 answers
Empty form elements except jquery
TypeScript
0 vote122 views1 answer
How to separate real and imaginary parts of a complex number in python
TypeScript