/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 vote191 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
4 votes198 views2 answers
Setup express with typescript
TypeScript
35 votes199 views6 answers
Comments in html
TypeScript
1 vote178 views1 answer
Python convert two lists with duplicates to dictiona
TypeScript
0 vote196 views1 answer
Typescript type specific numbers
TypeScript
4 votes223 views3 answers
How to find employee names starts with in sql
TypeScript
0 vote172 views1 answer
React typescript pwa
TypeScript
0 vote172 views1 answer
How many elements can be stored in an array
TypeScript
1 vote192 views1 answer
Ionic modalcontroller No component factory found for Did you add it to
TypeScript
0 vote186 views1 answer
Length of object in typescript
TypeScript