Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Atom编辑器如何设置透明背景?_Css_Atom Editor - Fatal编程技术网

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

Css Atom编辑器如何设置透明背景?,css,atom-editor,Css,Atom Editor,我正在使用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 th

我正在使用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;
}

仅通过更改样式表无法使其透明,您必须从源代码重新构建atom并更改一些初始选项,例如:

Atom是一个electron应用程序(),您必须显式设置选项以允许应用程序透明。您必须设置
frame:false
transparent:true

完成后,构建完成后,您可以更改所有涉及的层,并设置某种透明度,为每个层的颜色添加alpha通道:

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

对于Linux用户,您可以使用合成器、transset df和devilspie来完成此操作-

感谢您的回复!我不完全明白。我按照指南的指示从git克隆了一个fork,但是搜索每个文件都不会发现一行包含
frame:
transparent:
。是不是因为四年没有编辑过,所以这个页面可能有点过时了?。或者我需要下载electron吗?@SolebaySharp该页面已经过时,有更多最新的说明。我喜欢Ubuntu,但被捆绑在一个平淡无奇的合成器上让我很恼火。我想我可以试试Arch看看Picom是否有效。