Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <md-switch ng-model="status" aria-label="Status" ng-class="{'md-primary': status === true, 'md-warn': status === false}"></md-switch>
- /*
- * The bar:
- */
- md-switch .md-bar {
- background-color: #333; /* set not selected bar color */
- }
- md-switch.md-checked .md-bar {
- background-color: pink; /* set selected bar color */
- }
- md-switch[disabled] .md-bar {
- background-color: rgba(51, 51, 51, .15); /* set disabled bar color */
- }
- /*
- * The switch:
- */
- md-switch .md-thumb {
- color: rgb(158,158,158); /* not selected switch color */
- }
- md-switch.md-checked .md-thumb {
- background-color: rgb(255,255,255); /* selected switch color */
- }
- md-switch[disabled] .md-thumb {
- background-color: rgb(255,255,255); /* disabled switch color */
- }
- /*
- * Ripple effect
- */
- md-switch .md-ink-ripple {
- color: rgb(255,0,0); /* not selected switch ripple color */
- }
- md-switch.md-checked .md-ink-ripple {
- color: rgb(92,184,92); /* selected switch ripple color */
- }
- md-switch[disabled].my-custom-theme .md-bar {...}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement