/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
  // border-color: red;
}

.bracket-matcher .region {
  border-bottom: 2px solid red !important;
  // border: 1px dotted lime;
  position: absolute;
  // background-color: rgba(255, 0, 0, 0.65);
}

atom-text-editor.vim-mode-plus.visual-mode.is-focused .region {
  background: rgba(255, 0, 0, 0.65);
}

.tree-view:not(.nuclide-file-tree) .selected:before {
    position: absolute;
    background: rgba(69, 95, 251, 0.8);
    // border: 2px dotted #455ffb;
    margin-left: -100%;
    margin-right: -10px;
    z-index: -1;
}