/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

19 votes110 views3 answers
Material ui svg icons
TypeScript
1 vote105 views1 answer
Ion input ngmodel not working ionic 6
TypeScript
1 vote111 views1 answer
Sheets column number to letter
TypeScript
12 votes109 views3 answers
Remove dots from li
TypeScript
0 vote107 views1 answer
S3.bucket objects filter top 10
TypeScript
9 votes127 views3 answers
Fragments in react
TypeScript
0 vote111 views2 answers
Filtering objects in django templates
TypeScript
0 vote104 views1 answer
Sarasota bowling alley bomb threats incident
TypeScript
0 vote98 views1 answer
How to sort documents in firebase database date wise
TypeScript
1 vote112 views1 answer
Iterate object ngfor
TypeScript