/* This makes the dirty tab circle blue */
.kdpixels-graphite-themes-graphite-json
.monaco-workbench
  > .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.dirty
  .close-editor-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16'%3E%3Ccircle fill='%231951E4' cx='8' cy='8' r='4'/%3E%3C/svg%3E")
    50% no-repeat !important;
}

.kdpixels-graphite-themes-graphite-json
.editor-group-container + .editor-group-container {
  border-left: 1px solid #1951E4 !important;
}

/* This puts a thin blue border around the found items like Sublime did it */
.kdpixels-graphite-themes-graphite-json .monaco-editor .findMatch,
.kdpixels-graphite-themes-graphite-json .monaco-editor .selectionHighlight {
  border: 1px solid #1951E4;
  border-radius: 5px;
  background: transparent;
}

/* Minimap left border */
.kdpixels-graphite-themes-graphite-json .monaco-editor .minimap .minimap-shadow-visible,
.kdpixels-graphite-themes-graphite-json .monaco-editor .minimap .minimap-shadow-hidden {
  background: #c2d9f5;
  position: absolute;
  left: -1px;
  width: 1px;
}

/* This accounts for larger font cutting off - bump up 3px */
.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .activitybar > .content .monaco-action-bar .badge .badge-content {
  top: 20px !important;
  font-size: 12px;
  font-weight: bold;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .activitybar > .content {
  background: linear-gradient(-180deg, #FFFFFF 0%, #F6F6F6 0.2%, #F6F6F6 99.8%, #FFFFFF 100%) !important;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.editor,
.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.sidebar,
.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.activitybar {
  border-top: 1px solid #CDCDCD !important;
}

/* panel bold fonts for non-retina displays 😉 */
.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.panel > .title > .panel-switcher-container > .monaco-action-bar .action-item {
  font-weight: bold;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.panel.bottom .title {
  background: linear-gradient(-180deg, #FFFFFF 0%, #E5E5E5 5%, #CDCDCD 95%, #A7A6A7 100%) !important;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-workbench > .part.statusbar {
  background: linear-gradient(0deg, #CDCDCD 0%, #E5E5E5 100%) !important;
  font-weight: bold;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-workbench>.part.editor>.content .editor-group-container>.title .tabs-container>.tab {
  border-right: none !important;
}

/* SCROLLBARS */

.kdpixels-graphite-themes-graphite-json
  .monaco-shell .monaco-scrollable-element > .scrollbar > .slider {
  border-radius: 20px !important;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-shell .monaco-scrollable-element > .scrollbar.vertical > .slider {
  border-radius: 20px !important;
  left: 3px !important;
  width: 9px !important;
}

.kdpixels-graphite-themes-graphite-json
  .monaco-shell .monaco-scrollable-element > .scrollbar.horizontal > .slider {
  border-radius: 20px !important;
  height: 9px !important;
}