2 * Angular Material Design
3 * https://github.com/angular/material
7 md-switch.md-THEME_NAME-theme .md-ink-ripple {
8 color: '{{background-500}}'; }
10 md-switch.md-THEME_NAME-theme .md-thumb {
11 background-color: '{{background-50}}'; }
13 md-switch.md-THEME_NAME-theme .md-bar {
14 background-color: '{{background-500}}'; }
16 md-switch.md-THEME_NAME-theme.md-checked .md-ink-ripple {
17 color: '{{accent-color}}'; }
19 md-switch.md-THEME_NAME-theme.md-checked .md-thumb {
20 background-color: '{{accent-color}}'; }
22 md-switch.md-THEME_NAME-theme.md-checked .md-bar {
23 background-color: '{{accent-color-0.5}}'; }
25 md-switch.md-THEME_NAME-theme.md-checked.md-focused .md-thumb:before {
26 background-color: '{{accent-color-0.26}}'; }
28 md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-ink-ripple {
29 color: '{{primary-color}}'; }
31 md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-thumb {
32 background-color: '{{primary-color}}'; }
34 md-switch.md-THEME_NAME-theme.md-checked.md-primary .md-bar {
35 background-color: '{{primary-color-0.5}}'; }
37 md-switch.md-THEME_NAME-theme.md-checked.md-primary.md-focused .md-thumb:before {
38 background-color: '{{primary-color-0.26}}'; }
40 md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-ink-ripple {
41 color: '{{warn-color}}'; }
43 md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-thumb {
44 background-color: '{{warn-color}}'; }
46 md-switch.md-THEME_NAME-theme.md-checked.md-warn .md-bar {
47 background-color: '{{warn-color-0.5}}'; }
49 md-switch.md-THEME_NAME-theme.md-checked.md-warn.md-focused .md-thumb:before {
50 background-color: '{{warn-color-0.26}}'; }
52 md-switch.md-THEME_NAME-theme[disabled] .md-thumb {
53 background-color: '{{background-400}}'; }
55 md-switch.md-THEME_NAME-theme[disabled] .md-bar {
56 background-color: '{{foreground-4}}'; }