/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 vote95 views1 answer
Div contenteditable maxlength reactjs
TypeScript
20 votes124 views5 answers
Flatten a list of lists python
TypeScript
0 vote108 views1 answer
Add legends to y plots matplotlib
TypeScript
0 vote115 views1 answer
3d plot goes across limits python
TypeScript
0 vote97 views2 answers
How to checka query to return User whose first name starts with R or last name starts with D in django
TypeScript
0 vote91 views1 answer
Google_fonts pub.de
TypeScript
1 vote102 views1 answer
Find value in array ts
TypeScript
1 vote99 views1 answer
Selenium get all child elements python
TypeScript
0 vote126 views2 answers
Typescript-eslint disable
TypeScript
0 vote108 views1 answer
Array with objects read element with the lowest value
TypeScript