/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 vote287 views1 answer
Keyboard shortcuts spotify
TypeScript
1 vote295 views3 answers
Linux split mp4 into 2 parts by time
TypeScript
0 vote264 views1 answer
Vsc typescript auto build on save
TypeScript
0 vote303 views1 answer
Google sheets find last cell with value in range
TypeScript
3 votes310 views1 answer
Regex replace certain string
TypeScript
0 vote388 views2 answers
Typescript cannot find namespace
TypeScript
4 votes279 views2 answers
Command line arguments in java
TypeScript
0 vote274 views1 answer
Websockets in flask
TypeScript
1 vote280 views1 answer
React typescript custom hook
TypeScript
0 vote285 views1 answer
Sum of bits calculator
TypeScript