CSS Theme Manager
Zero dependency lib to manage CSS themes easily for your app
How to use
Install the package
npm install css-theme-manager --save // or with yarn yarn add css-theme-manager
Import it and init the CSS Theme Manager with a default theme.
theme is an object with the name of your variables as keys and the value of the variables as the value.
const themeManager ='bg-color': '#fff''text-color': '#darkblue''featured-font': 'Verdana, sans-serif'
This will create and insert the given variables in the
All the variables created with this CSS Theme Manager will have a
The code above will result in:
Check the API Reference below to check all that you can do with this package.
createTheme(name: String, config: Object)
Creates and registers a new theme with the given name and config.
// import and init the themeManager// ...themeManager
applyTheme(selector: String, theme: String)
Applies the given theme to all elements matching the given selector. You can pass any selector you would pass to the document.querySelectorAll function.
// import and init the themeManager// ...themeManagerthemeManager
Removes and unregisters the given theme.
// import and init the themeManager// ...themeManagerthemeManagerthemeManager
Thanks goes to these wonderful people (emoji key):
💻 📖 💡 🤔
This project follows the all-contributors specification. Contributions of any kind welcome!