Atom style

Atom style

/*
 * 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%);
  // background-color: whitesmoke;
}

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


.editor {
  .wrap-guide {
    visibility: hidden;
  }
}
.tab:hover{
  color: #cacaca;
}
// atom-text-editor::shadow .hard-tab {
//     text-decoration: line-through;
// }

atom-text-editor.editor .indent-guide {
    box-shadow: inset 1px 0 rgba(48, 64, 71, 0.2);
    // color: #524540;
}

.tab-bar .tab.active[data-type$="Editor"], .tab-bar .tab.active[data-type$="AboutView"], .tab-bar .tab.active[data-type$="TimecopView"], .tab-bar .tab.active[data-type$="StyleguideView"], .tab-bar .tab.active[data-type="MarkdownPreviewView"] {
    color: #5da7e4;
    border-bottom: 1px solid transparent;
}

.vertical .tab-bar li {
    border-left:1px solid rgba(93, 167, 228, .5);
    border-top: 1px solid transparent;
    // border-bottom: 1px solid rgba(93, 167, 228, .5);
    // border-radius: 0px;
}

.vertical .tab-bar li:last-child {
    border-right:1px solid #5da7e4;
}

.vertical .tab-bar li.modified {
    color: rgba(224, 108, 117, 1) !important;
}

.tab-bar .tab.modified:hover .close-icon:hover {
    background-color: rgba(224, 108, 117, 1);
}

.tab-bar .tab.modified:not(:hover) .close-icon::before {
    color: rgba(224, 108, 117, 1);
}

.project-root-header {
    background-color: rgba(93, 167, 228, .1);;
}