/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 vote276 views1 answer
Running scripts is disabled on this system nodemon
TypeScript
0 vote252 views1 answer
Generator typescript
TypeScript
-1 vote253 views1 answer
React react-dom react-scripts cra-template has failed.
TypeScript
0 vote243 views1 answer
Startswith multiple arguments python
TypeScript
1 vote248 views1 answer
Why does mongoose minimize by default
TypeScript
0 vote264 views2 answers
Python combine two lists into matrix
TypeScript
0 vote239 views1 answer
Typescript event emitter
TypeScript
0 vote248 views1 answer
Linux host file location
TypeScript
1 vote324 views1 answer
Full call signature in ts
TypeScript
2 votes256 views2 answers
Search an array of objects with specific object property value
TypeScript