/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

-1 vote299 views1 answer
Top data scientists in the world
TypeScript
2 votes247 views1 answer
Check if file exists laravel
TypeScript
1 vote330 views1 answer
Adonis query delete
TypeScript
2 votes271 views1 answer
Jquery check value exists in array
TypeScript
0 vote291 views1 answer
Typescript number to hex string
TypeScript
1 vote254 views1 answer
Is id in array typescript
TypeScript
-1 vote315 views3 answers
Merge two arrays of objects lodash
TypeScript
38 votes324 views2 answers
Whats my ip
TypeScript
7 votes285 views6 answers
How to Reload a Component in Angular
TypeScript
0 vote249 views1 answer
How to setup netflix workflow worker
TypeScript