Ember-cli-mdc-theme NPM

ember-cli-mdc-theme

ember-cli addon for @material/theme.

Installation

ember install ember-cli-mdc-theme

Usage

We use the {{mdc-theme}} modifier to change the theme of an element, and all its child elements.

<div 
  {{mdc-theme "primary" "red"}}
  {{mdc-theme "textPrimaryOnLight" textPrimaryOnLight}}>
This is a div illustrates how to use the theme modifier.
</div>

As shown in the example above, you use the {{mdc-theme}} modifier for a single theme you want to change dynamically. You can also have more than one {{mdc-theme}} modifier attached to an element.

The {{mdc-theme}} modifier alone will not change the theme of the element. You still need to apply the appropriate class name to the element, or child elements. For example, you still need to add the mdc-theme--primary class name to an element if you want to apply the theme modifier in the example above. You can also use the --mdc-theme-primary style variable in your style files. For example:

.demo {
  background: var (--mdc-theme-primary);
}

See the Material Components Web documentation for a complete list of classname and style variables available for use.

The following is a list of supported theme property names:

primary
secondary
background
surface
onPrimary
onSecondary
onSurface
text[STYLE]OnLight, e.g., textPrimaryOnLight
text[STYLE]OnDark, e.g., textPrimaryOnDark

The following a list of support text styles for dark and light properties:

primary
secondary
hint
disabled
icon

ember-addon material material design material components theme

@material/theme broccoli-funnel broccoli-merge-trees ember-auto-import ember-cli-babel ember-cli-blueprint-helpers ember-cli-htmlbars ember-cli-mdc-sass ember-cli-mdc-utils ember-modifier

@everything-registry/sub-chunk-1575 @infinitebrahmanuniverse/nolb-ember-cli-m @zalastax/nolb-ember-cli-m

25 days ago

25 days ago

3 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago