style.css

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #272822;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #8E8F88;
}

a:hover {
  color: #F8F8F2;
  border-bottom: 1px solid #F8F8F2;
}

#editor {
  margin: 0;
  position: absolute;
  top: 51px;
  bottom: 0;
  left: 0px;
  right: 227px;
  background: #272822;
}

.ace_gutter,
.ace_gutter-layer {
  background: #2F3129;
}

.ace_gutter {
  border-right: 1px solid #202020;
}

.ace_active-line {
  background: rgba(0,0,0,.05) !important;
}

.Modal {
  position: relative;
  box-shadow: 2px 16px 60px 10px rgba(4,4,0,.8);
  border-radius: 4px;
  padding: 5px;
  /*overflow: hidden;*/
  top: 15% !important;
//  height: 70%;
  max-width: 600px;
//  max-height: 70%;
  background: #2F3129;
}

.Modal.hide {
  opacity: 0;
}

.Overlay {
  top: 51px;
  //background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.35) 100%);
}

.scrollpane {
  height: 100%;
}

.Modal .scrollbar-padding {
  padding: 15px;
}

.scrollbar-handle {
  background: rgba(140, 140, 130, .4);
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-track:hover {
  background: rgba(0, 0, 0, .15);
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #59584E;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
  background: #59584E;
}