/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 vote316 views1 answer
How to take list as command line arguments in python
TypeScript
1 vote329 views2 answers
Types function typescript
TypeScript
0 vote318 views1 answer
The parameter 'image Url' can't have a value of 'null' because of its type, but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required'
TypeScript
0 vote311 views1 answer
Ts remove first 0 number from string
TypeScript
1 vote325 views1 answer
Template variables are read-only.
TypeScript
0 vote324 views1 answer
Why touchable opacity to take width of its child
TypeScript
3 votes304 views3 answers
File C:\Users\Praveen\AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
1 vote349 views1 answer
Not enough input arguments matlab
TypeScript
0 vote319 views3 answers
How to send tweets in c# WPF
TypeScript
1 vote345 views2 answers
Typescript get the promise return type
TypeScript