/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 vote314 views1 answer
React router dom private route typescript
TypeScript
0 vote288 views1 answer
Typescript endless loop
TypeScript
2 votes302 views2 answers
Date format in typescript
TypeScript
1 vote315 views1 answer
Kotlin version that is used for building with gradle
TypeScript
0 vote301 views1 answer
DecoDe query string to object javascript
TypeScript
0 vote279 views1 answer
Bash all arguments except last
TypeScript
7 votes295 views3 answers
How to call a function that other scripts can access in unity
TypeScript
0 vote299 views1 answer
Is there somone controlling the puppets in peppermint park
TypeScript
0 vote318 views1 answer
Extracts lists from list python
TypeScript
14 votes288 views3 answers
Arrow function in typescript
TypeScript