Question

我正在使用原子文本编辑器并尝试自定义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;
}

Answer 1

只有更改样式表才能使其透明，您必须从源代码重建原子并更改一些初始选项，例如： https://github.com/transcranial/atom-transparency

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

一旦完成并完成构建，您可以更改所有涉及的图层并设置某种透明度，为每个图层的颜色添加Alpha通道：

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

Answer 2

对于Linux用户，您可以使用合成器，transset-df和devilspie-https://wiki.archlinux.org/index.php/Per-application_transparency

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

2 个答案: