/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

4 votes265 views1 answer
Require('dotenv').config() typescript
TypeScript
1 vote211 views2 answers
Change execution policy
TypeScript
0 vote272 views1 answer
Downgrade typescript version
TypeScript
0 vote165 views1 answer
Go build could not read username
TypeScript
21 votes184 views6 answers
How to concatenate two lists in python
TypeScript
2 votes184 views2 answers
Angular jasmine mock http request
TypeScript
-1 vote192 views2 answers
Typescript initialize object
TypeScript
1 vote141 views1 answer
Mongodb aggregate cond
TypeScript
0 vote195 views1 answer
'index.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module.
TypeScript
6 votes190 views4 answers
Angular get url params
TypeScript