switch style tweaks

public/app/core/components/Switch/Switch.tsx

@@ -44,7 +44,7 @@ export class Switch extends PureComponent<Props, State> {
         )}
         )}
         <div className={switchClassName}>
         <div className={switchClassName}>
           <input id={labelId} type="checkbox" checked={checked} onChange={this.internalOnChange} />
           <input id={labelId} type="checkbox" checked={checked} onChange={this.internalOnChange} />
-          <span class="gf-form-switch__slider" />
+          <span className="gf-form-switch__slider" />
         </div>
         </div>
       </div>
       </div>
     );
     );

public/sass/_variables.dark.scss

@@ -358,7 +358,7 @@ $variable-option-bg: $blue-dark;
 
 
 //Switch Slider
 //Switch Slider
 // -------------------------
 // -------------------------
-$switch-bg: $black;
+$switch-bg: $input-bg;
 $switch-slider-color: $dark-2;
 $switch-slider-color: $dark-2;
 $switch-slider-off-bg: $gray-1;
 $switch-slider-off-bg: $gray-1;
 $switch-slider-on-bg: linear-gradient(90deg, $orange, $red);
 $switch-slider-on-bg: linear-gradient(90deg, $orange, $red);

public/sass/components/_switch.scss

@@ -98,6 +98,8 @@ gf-form-switch[disabled] {
   width: 60px;
   width: 60px;
   height: 34px;
   height: 34px;
   background: $switch-bg;
   background: $switch-bg;
+  border: 1px solid $input-border-color;
+  border-left: none;
 
 
   input {
   input {
     opacity: 0;
     opacity: 0;