/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 vote304 views1 answer
Whats the meaning of ethics
TypeScript
1 vote280 views1 answer
Adonis preload recursive
TypeScript
0 vote330 views1 answer
Vi highlights word
TypeScript
3 votes272 views1 answer
Ionic web platform
TypeScript
0 vote267 views1 answer
Reddit requests 429
TypeScript
37 votes336 views3 answers
Angular date pipe 24 hour format
TypeScript
0 vote262 views1 answer
Reading multiple objects from file in java
TypeScript
0 vote327 views1 answer
Createasyncthunk with typescript
TypeScript
2 votes320 views1 answer
How to delete all elements from hashmap in java except one
TypeScript
0 vote265 views1 answer
Building a maven EAR project and specifying the configuration of which projects to include, what is the element in the plugin configuration that contains Enterprise Java Bean Projects:
TypeScript