/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 vote189 views1 answer
Vue important
TypeScript
0 vote199 views1 answer
How can I create an array with a range of decimal increments in SwiftUI ?
TypeScript
3 votes181 views2 answers
Conditional classes angular
TypeScript
0 vote174 views1 answer
ExtractElementByIdFromString(HTMLString, IdString)
TypeScript
6 votes198 views1 answer
Replace string in typescript
TypeScript
30 votes185 views3 answers
Set number of decimals python
TypeScript
0 vote167 views1 answer
How to check string array is sorted or not in typescript
TypeScript
0 vote155 views1 answer
Mergensherts meaning
TypeScript
6 votes174 views3 answers
Google sheets if
TypeScript
1 vote170 views1 answer
How to edit unity scripts in sublime text
TypeScript