/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

38 votes191 views4 answers
Comments inside children section of tag should be placed inside braces
TypeScript
2 votes148 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
0 vote161 views1 answer
Typescript recursive partial
TypeScript
-1 vote136 views1 answer
Java list of objects example
TypeScript
0 vote141 views1 answer
Typescript named return
TypeScript
0 vote146 views1 answer
Drop table if exists redshift
TypeScript
0 vote201 views1 answer
Typescript instantiate 2d array
TypeScript
0 vote154 views1 answer
How to disable form control but keep value
TypeScript
1 vote230 views1 answer
Andonis many to many detach
TypeScript
0 vote108 views1 answer
Delete all documents from collection flutter firestore
TypeScript