/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 vote348 views1 answer
Round up number typescript
TypeScript
0 vote312 views1 answer
When to test analysis
TypeScript
0 vote363 views1 answer
Angular build failed to load router-outlet
TypeScript
0 vote333 views1 answer
Array with objects read element with the lowest value
TypeScript
0 vote343 views1 answer
Running same tests against different browsers
TypeScript
1 vote319 views1 answer
Mongodb increment array item
TypeScript
0 vote324 views2 answers
Kotlin get first n elements from list
TypeScript
1 vote342 views1 answer
Typescript var global: typeof globalThis
TypeScript
0 vote327 views1 answer
Typescript blob to base64
TypeScript
0 vote337 views1 answer
Ignoring header x-firebase-locale because its value was null. flutter
TypeScript