/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 vote158 views1 answer
Create seperate file for requests react
TypeScript
1 vote187 views2 answers
No type arguments expected for interface Callback
TypeScript
6 votes152 views3 answers
React-native use typescript
TypeScript
0 vote172 views2 answers
Register service worker
TypeScript
0 vote212 views1 answer
Marine traffic embeeded map in basic html
TypeScript
0 vote157 views1 answer
Angular child routes not working
TypeScript
0 vote157 views1 answer
String to int tsx
TypeScript
7 votes171 views5 answers
Reactnative typescript
TypeScript
0 vote170 views1 answer
Threejs how to rotate around object's own center,instead of world center
TypeScript
0 vote222 views1 answer
Visible, non-interactive elements with click handlers must have at least one keyboard listener
TypeScript