atom transparent style.less

gistfile1.txt

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */
@textfade: rgba(0,0,0,1.0);

body, html {
// 全体のフォントの設定
//  font-family: 'Ricty';
  background-color: rgba(0,0,0,0.0);
}

atom-workspace {
  background-color: rgba(0,0,0,0);
}

// ツリービュー周り
atom-panel-container .left {
  background-color: rgba(255,0,0,0.2);
}

atom-panel .tool-panel,atom-panel .focusable-panel:focus {
  background-color: rgba(255,0,0,0.0);
}

.tree-view {
  background-color: rgba(255,0,0,0.0);
}
// タブ周り
atom-pane.pane ul　{
  background-color: rgba(255,0,0,0.0);

}

// エディタ周り
atom-workspace-axis {
  .pane {// 非アクティブパネル
    background-color: rgba(255,0,0,0.0);
  }
  .active {// アクティブパネル
    background-color: rgba(255,0,0,0.0);
  }
  background-color: rgba(255,0,0,0.0);
}

.tab-bar .tab.active, .tab-bar .tab.active:before, .tab-bar .tab.active:after {
  background-image: -webkit-linear-gradient(top, rgba(255,128,128,1),rgba(255,168,168,1));
//  opacity: 1;
  height: 27px;
}
.tab-bar {
  text-shadow:
  1px 0px 0px @textfade,
  0px 1px 0px @textfade,
  -1px 0px 0px @textfade,
  0px -1px 0px @textfade,
  1px 1px 1px @textfade,
  1px 1px 2px @textfade,
  2px 2px 3px @textfade,
  2px 2px 2px @textfade,
  ;

}
.tab-bar .tab, .tab-bar .tab:before, .tab-bar .tab:after {
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0));
  height: 26px;
}

.markdown-preview {// アクティブパネル
  background-color: rgba(255,255,255,0.9);
}

.item-views .is-focused {// アクティブパネル
  background-color: rgba(255,0,0,0.1);
}


.editor {
  text-shadow:
	1px 0px 0px @textfade,
	0px 1px 0px @textfade,
	-1px 0px 0px @textfade,
	0px -1px 0px @textfade,
	1px 1px 1px @textfade,
	1px 1px 2px @textfade,
	2px 2px 3px @textfade,
	2px 2px 2px @textfade,
	;
  background-color: rgba(255,255,0,0.0);
}

// 選択範囲
atom-text-editor::shadow {
  .gutter {
    background-color: rgba(255,0,0,0);
  }
  .gutter .cursor-line {
    background-color: fade(cyan, 14%);
  }
  .line-number {
    opacity: 1;
    .icon-right {
      opacity: 1;
    }
  }

  .highlights {
    .selection .region {
      background: fade(cyan, 30%);
    }
    .find-result .region {
      border: 1px solid fade(cyan, 80%);
    }
  }
}