/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

20 votes198 views2 answers
Typescript how to color your console loggers
TypeScript
14 votes237 views2 answers
How to remove elements from object in typescript
TypeScript
0 vote216 views1 answer
Get database num hits django
TypeScript
0 vote191 views1 answer
How to check if object is undefined in typescript
TypeScript
4 votes225 views5 answers
Angular refresh page without reloading
TypeScript
0 vote283 views1 answer
Pandas value_counts multiple columns
TypeScript
1 vote210 views1 answer
List the constituents of the xylem. what would happen if the xylem of root of a plant is blocked?
TypeScript
2 votes198 views1 answer
Adonis many to many
TypeScript
-2 votes217 views3 answers
Typescript count array condition
TypeScript
1 vote188 views1 answer
Two plots side by side r
TypeScript