/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 vote278 views1 answer
Why are lower case alphabets more preffered in html
TypeScript
38 votes228 views2 answers
Whats my ip
TypeScript
0 vote209 views1 answer
Ionic scroll to item programmatically
TypeScript
1 vote210 views1 answer
Roblox finding points around a circle using radius, center, and angle
TypeScript
0 vote185 views2 answers
How to hack a roblox password
TypeScript
11 votes225 views3 answers
Property 'active' has no initializer and is not definitely assigned in the constructor.ts(2564)
TypeScript
0 vote209 views1 answer
Typescript date before
TypeScript
0 vote204 views1 answer
How to gray out the unused imports in vscode
TypeScript
4 votes244 views1 answer
Enumerate multiple lists python
TypeScript
0 vote272 views1 answer
Graphql?query={__schema{types{name,fields{name}}}}
TypeScript