Simple, lightweight theming abstraction for your Ember app. Easily configure one or more themes and apply to the desired elements just by adding a modifier.
Features:
- Declarative modifier-based syntax
- Tiny: requires only a modifier, a service, and a themes file
- Easily configure auto-detection/matching of user's OS theme (light/dark mode)
- Agnostic to CSS framework and markup
- Ember.js v3.16 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
- Embroider compatible
ember install ember-themed
Add themes to app/themes.js and consider setting a default theme and/or matching the system theme (see the docs for more details).
To apply a theme style to an element or component simply add the {{themed}} modifier with optional style and/or variant options:
<div class="fancy-alert" {{themed "callout" "danger"}}>
Error: This is a big scary alert that always matches the current theme!
</div>
See the docs and demo pages for more details on configuring and using the addon.
See the Contributing guide for details.
This project is licensed under the MIT License.