/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 vote193 views1 answer
Cannot find module 'file-saver/FileSaver' or its corresponding type declarations.
TypeScript
38 votes181 views2 answers
\Activate.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
0 vote153 views1 answer
Vba if value exists in range
TypeScript
1 vote140 views3 answers
An attempt was made to access a socket in a way forbidden by its access permissions
TypeScript
2 votes134 views1 answer
Key value pairs typescript
TypeScript
3 votes140 views4 answers
Remove item from array if exists in another array
TypeScript
0 vote151 views1 answer
Create if not exists rails
TypeScript
0 vote151 views1 answer
Close mat dialog programmatically
TypeScript
1 vote130 views1 answer
How many terrorists do not conform to the gender binary
TypeScript
14 votes153 views6 answers
How to install bootstrap in angular 11
TypeScript