Treeview Opacity not working

edkotkas commented 7 years ago

The treeview stays opaque when the editor is started/restarted. It does work when I disable and then enable the package.

It also turns opaque when focused.

I disabled all other packages and tried restarting Atom, in various orders with the same result, so there seem to be no conflicts. It only works when I disable and enable this package.

THCloud commented 7 years ago

Me too. under Ubuntu 14.04

tiltysola commented 5 years ago

Add this to styles.less:

.atom-dock-mask {
  background-color: transparent!important;
}

edkotkas commented 5 years ago

Seems like the package isn't being maintained anymore @Illyasviels, since there haven't been any updates in 2 years.

tiltysola commented 5 years ago

But it can still use...

I use this package and style.less to make atom more beatiful

.tree-view {
  // background-color: whitesmoke;
  background-color: rgba(33, 37, 43, 0.18)!important;
}

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

.atom-dock-mask, .terminal-view .standard {
  background-color: transparent!important;
}

.panel-bottom, .panel-footer, .status-bar {
  background-color: rgba(33, 37, 43, 0.18)!important;
}

.tab-bar {
  background-color: rgba(33, 37, 43, 0.36)!important;
  .tab {
    background-color: transparent!important;
  }
}

.settings-view {
  background-color: rgba(33, 37, 43, 0.64)!important;
  * {
    background-color: transparent!important;
  }
}

.scrollbars-visible-always ::-webkit-scrollbar {
  width: 8px!important;
  height: 8px!important;
}
.scrollbars-visible-always atom-text-editor ::-webkit-scrollbar-track {
  background: transparent!important;
}
.scrollbars-visible-always atom-text-editor ::-webkit-scrollbar-corner {
  background: transparent!important;
}
.scrollbars-visible-always atom-text-editor ::-webkit-scrollbar-thumb {
  border-color: rgba(40, 44, 52, 0)!important;
  background: rgba(75, 83, 98, 0.36)!important;
}

edkotkas commented 5 years ago

Didn't meant to say this can't be used, just that sadly it seems it isn't being actively developed.

camel-chased / editor-background

Treeview Opacity not working #39