/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 vote208 views1 answer
"Complete the following Python syntax to evaluate the contents of variable a. The print should only work when a is negative"
TypeScript
1 vote214 views1 answer
Check all elements in list are false python
TypeScript
0 vote218 views1 answer
Vue 3 bootstrap 5 tooltip
TypeScript
3 votes220 views3 answers
Squash commits on branch
TypeScript
0 vote184 views1 answer
How to permit only a few values in dbms
TypeScript
0 vote210 views1 answer
Serenity-is change button text
TypeScript
0 vote236 views1 answer
How to add 3d objects folder to this pc windows 11
TypeScript
0 vote265 views1 answer
Fputs c++
TypeScript
1 vote205 views1 answer
Readonly vs const
TypeScript
15 votes223 views2 answers
Typescript string to enum
TypeScript