load-themed-styles
Loads a string of style rules, but supports detokenizing theme constants built within it.
Install
Install with npm
$ npm install --save load-themed-styles
Usage
To load a given string of styles, you can do this:
; ;
This will register any set of styles given. However, in the above example the color is hardcoded to red. To make this theme-able, replace it with the string token in this format:
"[theme:{variableName}, default:{defaultValue}]"
For example:
;
When loading, the background will use the default value, blue. Providing your own theme values using the loadTheme
function:
; ; ;
This will register #EAEAEA as the body's background color. If you call loadTheme again after styles have already been registered, it will replace the style elements with retokenized values.
License
MIT © David Zearing