Atom设置透明背景色

打开atom的自定义样式

• 在Atom里 快捷键Ctrl+Shift+P, 输入 “open your stylesheet”
• 在Atom里 快捷键Ctrl+Shift+P 输入"Welcome guide",在打开的面板里选择“Customize the Styling”-"Open your stylesheet"

编辑打开的style.less

atom 版本1.7+
插入以下内容

html, html * {
  background: rgba(0, 0, 0, 0) !important;
}

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

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

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

如果Atom版本Pre-1.9的

html * {
  background: rgba(0, 0, 0, 0) !important;
}

如果版本是1.9+的

html, html * {
  background: rgba(0, 0, 0, 0) !important;
}