Atom-blur

/*
 * 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;
}

html,
atom-workspace,
atom-workspace-axis,
status-bar,
atom-panel-container,
atom-pane-container,
atom-pane-axis,
atom-pane > *,
atom-dock,
atom-dock > *,
.item-views > *,
.tab-bar > .tab,
.settings-view .config-menu,
.settings-view .config-menu .nav > li:hover > a,
.atom-dock-mask,
.atom-dock-content-wrapper.left .tab-bar .tab.active,
.atom-dock-content-wrapper.left .item-views,
.tree-view .selected:before,
.deprecation-cop {
  background: rgba(255, 255, 255, 0) !important;
}

.tree-view:focus .selected:before {
  background: rgba(255, 255, 255, 0.5) !important;
  color: black !important;
}

.tree-view:focus *,
.tree-view:focus *::before {
  color: black !important;
}

.atom-dock-inner.atom-dock-open.left,
atom-pane,
.config-menu {
  border: none !important;
}
.settings-view .config-menu .nav > li.active > a,
.settings-view > .panels {
  background: rgba(255, 255, 255, 0.3) !important;
}

.welcome-card {
  background: rgba(255, 255, 255, 0.2) !important;
}

atom-notification {
  background: rgba(240, 240, 240, 0.75) !important;
}

atom-pane, atom-panel {
  background: rgba(240, 240, 240, 0.5) !important;
}

.tab-bar {
  box-shadow: none;
  -webkit-user-select: none;
}

.item-views,
.tab-bar .tab.active {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.tab-bar > .tab {
  border: none !important;
  box-shadow: none !important;
  color: black !important;
}

atom-overlay > * {
  background: rgba(255, 255, 255, 0.9) !important;
}

::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 0 !important;
}

::-webkit-scrollbar-track {
  background: none !important;
}

atom-text-editor.editor {
  .cursor-line {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .selection .region {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .gutter {
    background-color: rgba(255, 255, 255, 0) !important;
  }
}

atom-text-editor[mini],
.key-binding,
.input-checkbox,
.form-control,
.btn,
.alert,
.package-card,
.avatar,
atom-panel.modal:before {
  border-radius: 0 !important;
}

atom-panel.modal:after {
  background: none;
}