Atom编辑器如何设置透明背景？

Question

我正在使用 Atom 文本编辑器并尝试自定义 UI。但是在设置中找不到更改透明度的选项，有谁知道要在 styles.less 文件中更改什么内容吗？我不太懂 CSS。以下是默认的 styles.less 文件：

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

- Wenchang Li

Answer 1

您无法仅通过更改样式表使其透明，您需要从源代码重新构建Atom并更改一些初始选项，例如：https://github.com/transcranial/atom-transparency。

Atom是一个Electron应用程序（https://electronjs.org/），您必须显式设置选项以允许应用程序透明。您必须设置frame: false和transparent: true。

完成此操作并完成构建后，您可以更改涉及的所有图层，并将某种透明度添加到每个图层的颜色中，从而实现透明效果。

html, atom-pane, ... {
  background-color: hsla(180, 24%, 12%, .5);
}

- Ander

---

谢谢回复！ - Wenchang Li

我并不是完全理解。根据指南，我从git克隆了一个分叉，但搜索每个文件都没有发现包含“frame:”或“transparent:”的任何一行。是因为这个页面可能有点过时，因为它已经四年没有编辑了吗？还是我需要下载electron？ - Solebay Sharp

@SolebaySharp 这个页面已经过时了，https://github.com/rstacruz/atom-transparency/tree/patch-1 上有更为更新的说明。 - Eric Reed

Answer 2

对于Linux用户，您可以使用合成器、transset-df和devilspie来实现这一点-https://wiki.archlinux.org/index.php/Per-application_transparency。

- Nick Caballero

---

我喜欢Ubuntu，但被束缚在一个平庸的合成器上让我感到很烦。我想我可以尝试一下Arch，看看Picom是否适用。 - Solebay Sharp