/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

3 votes263 views1 answer
Check if key exists in json typescript
TypeScript
0 vote290 views1 answer
Jest not tocontain
TypeScript
0 vote365 views1 answer
No file or variants found for asset: assets/images.
TypeScript
38 votes352 views2 answers
Npm ng.ps1 cannot be loaded because running scripts is disabled on this system grepper
TypeScript
0 vote283 views1 answer
Graphql mutation is not displaying array of objects in express-graphql
TypeScript
26 votes309 views4 answers
Typescript type from enum values
TypeScript
2 votes285 views1 answer
Ionic 5 formarray
TypeScript
1 vote245 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added.
TypeScript
0 vote280 views1 answer
Angular elementref parent
TypeScript
1 vote303 views1 answer
React setstate in hooks to array of objects value
TypeScript