/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 vote227 views2 answers
Sort array elements in descending order based on object key
TypeScript
0 vote188 views1 answer
Gdscript remove deleted objects from array
TypeScript
0 vote211 views1 answer
Discord.py rewrite on reaction
TypeScript
12 votes209 views4 answers
Whats sql
TypeScript
0 vote201 views1 answer
File attachements contac form 7
TypeScript
0 vote215 views1 answer
Typescript interface to http params
TypeScript
0 vote261 views1 answer
Express typescript error handling
TypeScript
-1 vote217 views1 answer
Typescript enum value to enum
TypeScript
0 vote204 views2 answers
Pywavelets tutorial
TypeScript
39 votes249 views6 answers
React typescript create react app
TypeScript