.toggle-dark {
  .toggle-slide {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #242529, 0 1px 0 1px #666;
  }

  .toggle-on, .toggle-off, .toggle-blob {
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
  }

  .toggle-on, .toggle-select .toggle-inner .active {
    background: linear-gradient(#1A70BE, #31A2E1);
  }

  .toggle-off, .toggle-select .toggle-on {
    background: linear-gradient(#242529, #34363B);
  }

  .toggle-blob {
    border-radius: 4px;
    background: linear-gradient(#CFCFCF, whiteSmoke);
    box-shadow: inset 0 0 0 1px #888, inset 0 0 0 2px white;

    &:hover {
      background: linear-gradient(#c0c0c0, #dadada);
      box-shadow: inset 0 0 0 1px #888,inset 0 0 0 2px #ddd;
    }
  }
}
