Prime Community Forum

Code: Select all

.ui-toggleswitch-slider {
        -webkit-transition: background-color .3s, box-shadow .2s;
        transition: background-color .3s, box-shadow .2s;
        background: #cccccc;
        &:before {
          background-color: #ffffff;
        }
      }
      
      .ui-toggleswitch-focus .ui-toggleswitch-slider {
        -moz-box-shadow: 0px 0px 5px #c0c0c0;
        -webkit-box-shadow: 0px 0px 5px #c0c0c0;
        box-shadow: 0px 0px 5px #c0c0c0;
      }
      
      .ui-toggleswitch {
        &:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
          background-color: #b7b7b7;
        }
        &.ui-toggleswitch-checked {
          .ui-toggleswitch-slider {
            background-color: #628292;
          }
          &:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
            background-color: #2d5265;
          }
        }
      }