/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 vote163 views1 answer
How to use mutliple layouts in recyclerview
TypeScript
1 vote140 views1 answer
Typescript css type
TypeScript
7 votes141 views2 answers
How to download torrents in ubuntu
TypeScript
1 vote134 views1 answer
Angular conditional pipe
TypeScript
0 vote141 views1 answer
What are the parts of an array called
TypeScript
0 vote134 views1 answer
Print diagonal elements of matrix in c
TypeScript
4 votes132 views1 answer
Ionic toast
TypeScript
0 vote146 views1 answer
Convert f#
TypeScript
0 vote125 views1 answer
How to take inputs in one line in c
TypeScript
3 votes138 views2 answers
Multi line comments latex
TypeScript