/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 vote241 views2 answers
Sorting a vector of objects c++
TypeScript
0 vote262 views1 answer
Linq get list of objects based on the value in grandchild
TypeScript
1 vote244 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
0 vote252 views2 answers
Iframe redirects to another page
TypeScript
0 vote226 views1 answer
Check if a user already exists firebase realtime database react native
TypeScript
0 vote225 views1 answer
Choisis les billets et pièces de monnaie nécessaires pour représenter un montant de cent-douze dollars. Écris d'abord ce montant en chiffres.
TypeScript
0 vote222 views1 answer
Eliminate border white around components angular
TypeScript
-1 vote212 views1 answer
Creating lists in C
TypeScript
3 votes212 views1 answer
How to align contents of div in center
TypeScript
0 vote252 views1 answer
How to auto collect channel points twitch
TypeScript