1/*!
 2 * Angular Material Design
 3 * https://github.com/angular/material
 4 * @license MIT
 5 * v1.1.1
 6 */
 7md-switch.md-THEME_NAME-theme .md-ink-ripple {
 8  color: '{{background-500}}'; }
 9
10md-switch.md-THEME_NAME-theme .md-thumb {
11  background-color: '{{background-50}}'; }
12
13md-switch.md-THEME_NAME-theme .md-bar {
14  background-color: '{{background-500}}'; }
15
16md-switch.md-THEME_NAME-theme.md-checked .md-ink-ripple {
17  color: '{{accent-color}}'; }
18
19md-switch.md-THEME_NAME-theme.md-checked .md-thumb {
20  background-color: '{{accent-color}}'; }
21
22md-switch.md-THEME_NAME-theme.md-checked .md-bar {
23  background-color: '{{accent-color-0.5}}'; }
24
25md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before {
26  background-color: '{{accent-color-0.26}}'; }
27
28md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-ink-ripple {
29  color: '{{primary-color}}'; }
30
31md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb {
32  background-color: '{{primary-color}}'; }
33
34md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar {
35  background-color: '{{primary-color-0.5}}'; }
36
37md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before {
38  background-color: '{{primary-color-0.26}}'; }
39
40md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-ink-ripple {
41  color: '{{warn-color}}'; }
42
43md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb {
44  background-color: '{{warn-color}}'; }
45
46md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar {
47  background-color: '{{warn-color-0.5}}'; }
48
49md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before {
50  background-color: '{{warn-color-0.26}}'; }
51
52md-switch.md-THEME_NAME-theme[disabled] .md-thumb {
53  background-color: '{{background-400}}'; }
54
55md-switch.md-THEME_NAME-theme[disabled] .md-bar {
56  background-color: '{{foreground-4}}'; }