/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 vote283 views2 answers
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'
TypeScript
1 vote256 views1 answer
How to count positive elements numpy
TypeScript
0 vote251 views1 answer
How to check git folder exists or not
TypeScript
0 vote240 views1 answer
Nativescript display image from web
TypeScript
0 vote252 views1 answer
Typescript iterate over interface
TypeScript
0 vote269 views1 answer
Cypress not defined
TypeScript
22 votes276 views4 answers
Cmd listening ports
TypeScript
0 vote266 views2 answers
Typeorm select join column querybuilder
TypeScript
0 vote254 views1 answer
How to install tsu
TypeScript
1 vote269 views2 answers
Ts-node command compile typescript
TypeScript