/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 vote187 views2 answers
Ng2003
TypeScript
3 votes208 views1 answer
Angular material button css not working
TypeScript
0 vote193 views1 answer
Create and return a merged list of all the elements in sorted order
TypeScript
0 vote278 views1 answer
- laravel/ui[v3.2.0, ..., 3.x-dev] require illuminate/console ^8.0 -> found illuminate/console[v8.0.0, ..., 8.x-dev] but these were not loaded, likely because it conflicts with another require.
TypeScript
7 votes174 views3 answers
Ts await foreach loop
TypeScript
0 vote195 views1 answer
HOW TO DROP ALL TABLES WITH THEIR CONSTRAINTS AT ONCE IN ORACLE
TypeScript
0 vote191 views1 answer
Print diagonal elements of matrix in c
TypeScript
0 vote204 views1 answer
How to execute more commands scripts package.json
TypeScript
0 vote183 views1 answer
How to get values from api and iterate through array in typescript and angular
TypeScript
5 votes193 views2 answers
SetState typescript type
TypeScript