.spectrum-SplitView-pane {
  background-color: rgb(30, 30, 30);
}
.spectrum-SplitView-splitter {
  background-color: rgb(57, 57, 57);
}
.spectrum-SplitView-gripper {
  border-color: rgb(57, 57, 57);
}
.spectrum-SplitView-gripper:before {
    background-color: rgb(57, 57, 57);
  }
.spectrum-SplitView-splitter.is-draggable:hover,
    .spectrum-SplitView-splitter.is-draggable.is-hovered {
      background-color: rgb(73, 73, 73);
    }
.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper {
        border-color: rgb(73, 73, 73);
      }
.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper:before {
          background-color: rgb(73, 73, 73);
        }
.spectrum-SplitView-splitter.is-draggable:active,
    .spectrum-SplitView-splitter.is-draggable.is-active {
      background-color: rgb(200, 200, 200);
    }
.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper {
        border-color: rgb(200, 200, 200);
      }
.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper:before {
          background-color: rgb(200, 200, 200);
        }
.spectrum-SplitView-splitter.is-draggable:focus {
      outline: none;
    }
.spectrum-SplitView-splitter.is-draggable.focus-ring {
      background-color: rgb(20, 115, 230);
    }
.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper {
        border-color: rgb(20, 115, 230);
        box-shadow: 0 0 0 1px rgb(20, 115, 230);
      }
.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper:before {
          background-color: rgb(20, 115, 230);
        }