/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 vote144 views1 answer
How to pass node arguments in nextjs
TypeScript
7 votes142 views2 answers
Firestore increment field
TypeScript
0 vote202 views1 answer
Typescript open site in frame
TypeScript
0 vote145 views1 answer
How does a consumer commit offsets in Kafka? it directly commit the offset in Zookeeper it directly send a message to the __consumer_offset it interact with the Group coordinator None
TypeScript
2 votes147 views1 answer
How to link locally installed fonts to css
TypeScript
1 vote133 views1 answer
Start blender from terminal
TypeScript
-1 vote138 views1 answer
Directions api remove points bubble
TypeScript
1 vote150 views1 answer
Ts playground download
TypeScript
6 votes133 views1 answer
Typescript dictionary typing
TypeScript
0 vote134 views1 answer
Typescript how to check if string is a date
TypeScript