/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 vote179 views1 answer
World-times-newspaper-magazine-style-ghost-blog-theme
TypeScript
1 vote148 views1 answer
Ionic pasword visible inside ion-input
TypeScript
3 votes178 views3 answers
Email validation pattern angular
TypeScript
0 vote197 views1 answer
Prevent anchor tag to move to up when we click on it
TypeScript
0 vote208 views1 answer
Print in a tsv file all names of files in a directory linux
TypeScript
0 vote177 views1 answer
Nextjs waiting for compiling problem
TypeScript
65 votes498 views5 answers
\ng.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
1 vote177 views2 answers
Check if url exists python
TypeScript
5 votes175 views1 answer
Comments visual studio code html
TypeScript
0 vote176 views1 answer
Convert object to list of objects c#
TypeScript