/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 vote118 views1 answer
Angular dictionary
TypeScript
0 vote121 views1 answer
Typescript foreach object ts(7053)
TypeScript
0 vote133 views1 answer
Material ui tab link external
TypeScript
0 vote122 views1 answer
Write a prolog program to find the sum of elements in given list.
TypeScript
1 vote149 views1 answer
A device that interconnects two local area networks that both have a medium access control sublayer.
TypeScript
0 vote143 views1 answer
No database host was found that meets the requirements for this server.
TypeScript
1 vote117 views1 answer
What is typescript in angular
TypeScript
12 votes127 views4 answers
Whats sql
TypeScript
9 votes153 views3 answers
Typescript object to array
TypeScript
1 vote130 views1 answer
Google sheets concatenate
TypeScript