/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 vote109 views1 answer
Loc multiple conditions string and integer
TypeScript
0 vote103 views1 answer
Property 'carousel' has no initializer and is not definitely assigned in the constructor
TypeScript
0 vote138 views1 answer
Howt o make sure its a valid sudoku in python
TypeScript
0 vote112 views1 answer
C# get amount of elements in enum
TypeScript
1 vote106 views1 answer
Adonis prepare create
TypeScript
0 vote121 views1 answer
Error TS2307: Cannot find module '@angular/cdk/bidi'.
TypeScript
6 votes115 views5 answers
Convert HTMLCollection to array
TypeScript
0 vote105 views1 answer
Democrats are pussies
TypeScript
0 vote106 views1 answer
Angular viewchild second parameter
TypeScript
0 vote111 views1 answer
Typescript type function callback in interface
TypeScript