/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 vote172 views1 answer
Adonis route group
TypeScript
1 vote183 views1 answer
If exists certain line in sql table java condition
TypeScript
0 vote203 views1 answer
Jest not tocontain
TypeScript
1 vote178 views1 answer
Geting request header in loopback4
TypeScript
0 vote300 views1 answer
Download objects under a prefix in golang
TypeScript
2 votes169 views1 answer
Adonis many to many
TypeScript
0 vote176 views2 answers
Convert java to typescript
TypeScript
-1 vote214 views1 answer
Mysqli_fetch_row() expects parameter 1 to be mysqli_result, boolean given in
TypeScript
0 vote219 views1 answer
If word contains space detects using jquery
TypeScript
0 vote181 views1 answer
Html form display results same page
TypeScript